@charset "utf-8";

/* Section stack "cover" effect — applied only when JS enables it (desktop, motion allowed) */

.is-stacking-base{
will-change:transform;
backface-visibility:hidden;
}

.is-stacking-cover{
border-radius:40px 40px 0 0;
box-shadow:0 -24px 60px rgba(0,0,0,.12);
will-change:transform;
}

/* The cover slides up over the pinned base; keep its painted top corners clean */
.is-stacking-cover::before{
content:"";
position:absolute;
left:0;
right:0;
top:0;
height:40px;
border-radius:40px 40px 0 0;
pointer-events:none;
}

@media (max-width:768px){
.is-stacking-cover{
border-radius:0;
box-shadow:none;
}
}