/* A stack of real site first screens; the artwork is the work itself. */
.first-screen-panel{position:relative;isolation:isolate}
.first-screen-copy,.first-screen-visual{position:relative;z-index:1}
.first-free{display:inline-flex;align-items:center;gap:.08em;padding:.025em .18em .065em}
.first-magic{display:inline-block;flex:none;width:.68em;height:.68em;margin-left:.04em;color:#74bc3b;vertical-align:middle}
.first-screen-copy>p{max-width:510px}
.first-screen-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:540px;padding:18px;overflow:hidden;isolation:isolate;background:transparent}
.first-screen-visual::before,.first-screen-visual::after{display:none}
.first-concept-deck{position:relative;width:100%;height:452px;perspective:900px}
.first-concept-card{position:absolute;left:50%;top:0;width:min(100%,515px);aspect-ratio:1.62;overflow:hidden;border-radius:17px;background:#fff;transform-origin:top center;transition:transform 720ms cubic-bezier(.22,1,.36,1),opacity 520ms ease;will-change:transform,opacity}
.first-concept-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.first-concept-card[data-stack-position="0"]{z-index:4;transform:translateX(-50%) translateY(151px) scale(1)}
.first-concept-card[data-stack-position="1"]{z-index:3;transform:translateX(-50%) translateY(103px) scale(.92)}
.first-concept-card[data-stack-position="2"]{z-index:2;transform:translateX(-50%) translateY(57px) scale(.84)}
.first-concept-card[data-stack-position="3"]{z-index:1;transform:translateX(-50%) translateY(12px) scale(.76)}
.first-concept-card[data-stack-position="4"],.first-concept-card[data-stack-position="5"],.first-concept-card[data-stack-position="6"]{z-index:0;opacity:0;transform:translateX(-50%) translateY(-12px) scale(.68)}
.first-concept-card.is-leaving{z-index:5;opacity:0;transform:translateX(-50%) translateY(259px) rotate(3deg) scale(1.04);transition-duration:720ms,160ms}
.first-concept-card.is-resetting{transition:none!important}
@media(max-width:1000px){.first-screen-visual{min-height:540px}.first-concept-deck{height:452px}}
@media(max-width:600px){
 .first-screen-visual{min-height:0;padding:20px 12px 24px}
 .first-concept-deck{height:clamp(280px,calc(70vw + 40px),400px)}
 .first-concept-card{width:min(100%,420px);border-radius:12px}
 .first-concept-card[data-stack-position="0"]{transform:translateX(-50%) translateY(119px) scale(1)}
 .first-concept-card[data-stack-position="1"]{transform:translateX(-50%) translateY(80px) scale(.92)}
 .first-concept-card[data-stack-position="2"]{transform:translateX(-50%) translateY(44px) scale(.84)}
 .first-concept-card[data-stack-position="3"]{transform:translateX(-50%) translateY(8px) scale(.76)}
 .first-concept-card.is-leaving{transform:translateX(-50%) translateY(119px) scale(.985);transition-duration:360ms,160ms}
}
@media(max-width:360px){.first-concept-card[data-stack-position="0"]{transform:translateX(-50%) translateY(110px) scale(1)}.first-concept-card[data-stack-position="1"]{transform:translateX(-50%) translateY(74px) scale(.92)}.first-concept-card[data-stack-position="2"]{transform:translateX(-50%) translateY(40px) scale(.84)}.first-concept-card[data-stack-position="3"]{transform:translateX(-50%) translateY(7px) scale(.76)}.first-concept-card.is-leaving{transform:translateX(-50%) translateY(110px) scale(.985)}}
@media(prefers-reduced-motion:reduce){.first-concept-card{transition:none!important}}