@charset "utf-8";

.cover2 img {height:360px;}
.cover2 {z-index: 10;}
.cover2 img {filter: drop-shadow(5px 5px 8px rgba(0, 0, 0, 0.8)); transform-origin: center;transform: translate(0, 0) rotate(-6deg) scale(1);}
.cover2 {position: absolute; top: 0px; height: calc(100% );  pointer-events: none; width: 100%; ;}
.image-area:has(.cover2) {height:350px}
.issuecircle {position: absolute; top:40px; left:40px;background-color: var(--darkbase); color: var(--light); font-weight: bold; text-align: center; padding:25px; border-radius: 50%;
border: 1px solid var(--light);filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.8)); display: flex; justify-content: center; align-items: center; opacity: 0;animation: absolute-blop 0.8s 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;}
.issuecircle::before,.issuecircle::after { content: '';  position: absolute; inset: 0;  border: 1px solid var(--light);  border-radius: 50%;  opacity: 0;  pointer-events: none;}
.issuecircle::before {animation: ripple 0.8s 1.6s ease-out;}
.issuecircle::after {animation: ripple 0.8s 1.8s ease-out;}
@keyframes absolute-blop {  0% { opacity: 0;    transform: translateY(-50px) scale(0) rotate(-15deg);  }
  100% {opacity: 1;transform: translateY(0) scale(1) rotate(0deg);}}
@keyframes ripple {  0% { transform: scale(1); opacity: 0.6; }  100% { transform: scale(2.5); opacity: 0;}}

.issueenlarge {position: absolute; top:150px; left:40px;}
.currentcover {position: relative; min-height: 600px; display: block; width:100%}
.every .feature-head {filter: drop-shadow(5px 5px 8px rgba(0, 0, 0, 0.5)); border-bottom: none;}

/*** current is only ***/
.ai-overview h3 {margin-bottom: 10px; font-size: 1.3rem; }
.every p {display: flex; align-items: flex-start;padding-bottom: 10px;}
.every b {flex: 0 0 90px; display: inline-block;}
.every h3 {border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 10px;}

@media (min-width: 900px)
{
.cover2 img {height:500px !important;}
.cover2 {height:600px;}
}
@media (min-width: 480px)
{
  .cover2 img {height:390px;}
}