.intro-screen{padding-top:3.5rem;padding-bottom:3rem;scroll-snap-align:start}
.intro-screen .kicker{margin-bottom:.65rem}
.intro-screen .lead{margin-top:1rem}
.intro-screen.intro-light-video{--dim:#fff}
.intro-screen.intro-light-video .lead,.intro-screen.intro-light-video .hero-caption,.intro-screen.intro-light-video .gcap{color:#fff}
.intro-screen.intro-dark-image{--dim:#fff}
.intro-screen.intro-dark-image .lead,.intro-screen.intro-dark-image .hero-caption,.intro-screen.intro-dark-image .gcap{color:#fff}
.intro-screen .stage-wrap{width:100%;height:clamp(380px,60svh,760px);margin-top:1.5rem;background:transparent;isolation:isolate;overflow:visible}
.intro-screen .stage-wrap::before,.intro-screen .stage-wrap::after{content:"";position:absolute;left:50%;top:50%;width:min(62%,52rem);height:76%;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:18px;background-color:color-mix(in srgb,var(--surface) 88%,transparent);background-position:center;background-size:cover;box-shadow:0 12px 28px rgba(0,0,0,.14);filter:saturate(.84);opacity:.54;pointer-events:none;transition:background-image .22s ease,transform .28s cubic-bezier(.22,.72,.2,1),filter .28s ease,opacity .28s ease;z-index:0}
.intro-screen .stage-wrap::before{background-image:linear-gradient(color-mix(in srgb,var(--surface) 10%,transparent),color-mix(in srgb,var(--surface) 10%,transparent)),var(--stack-prev);transform:translate(-50%,-50%) translateX(-48%) scale(.88)}
.intro-screen .stage-wrap::after{background-image:linear-gradient(color-mix(in srgb,var(--surface) 12%,transparent),color-mix(in srgb,var(--surface) 12%,transparent)),var(--stack-next);transform:translate(-50%,-50%) translateX(48%) scale(.88);z-index:1}
.intro-screen .stage-wrap.card-shift-next::after,.intro-screen .stage-wrap.card-shift-prev::before{transform:translate(-50%,-50%) translateX(0) scale(1) rotate(0);filter:saturate(1) brightness(1);opacity:1;z-index:4}
.intro-screen .stage-wrap.card-shift-next::before{transform:translate(-50%,-50%) translateX(-66%) scale(.82);opacity:.3}
.intro-screen .stage-wrap.card-shift-prev::after{transform:translate(-50%,-50%) translateX(66%) scale(.82);opacity:.3}
.intro-screen .stage-wrap.card-swap::before,.intro-screen .stage-wrap.card-swap::after{transition:none}
.intro-screen .stage-wrap.card-front-entering .intro-frame{z-index:6}
.intro-screen .intro-frame{position:absolute;inset:0;margin:auto;overflow:hidden;z-index:3;border-radius:14px;background:#fff;box-shadow:0 16px 42px rgba(0,0,0,.28);isolation:isolate}
.intro-screen .intro-frame.is-video{background:#08080a}
.intro-screen .intro-frame>.shot{position:relative;inset:auto;display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;border-radius:0;box-shadow:none;object-fit:contain}
.intro-screen .intro-frame::after{content:"";position:absolute;inset:0;border:3px solid #fff;border-radius:inherit;pointer-events:none;z-index:2}
.intro-screen .stage-wrap>.gnav{z-index:5}
.intro-screen .gcap{width:100%;margin-top:.75rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}
.intro-screen .shot[hidden]{display:none!important}
.intro-screen video.shot{object-fit:contain;background:#08080a}
.site-bg #intro-video-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(30px) saturate(1.2) brightness(1.02);transform:scale(1.15);pointer-events:none}
.site-bg #intro-video-background[hidden]{display:none}
.site-bg img.intro-video-replaced{visibility:hidden}
.intro-screen #idots{gap:.25rem;align-items:center;padding-top:0}
#idots button{width:28px;height:28px;min-width:28px;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}
#idots button::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--dim);opacity:.5}
#idots button[aria-pressed="true"]::after{background:var(--accent);opacity:1;transform:scale(1.3)}
#idots button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:5px}
.intro-screen #icap{flex:none;width:100%;text-align:center}
@media(max-width:920px){.intro-screen{padding-top:4rem}.intro-screen .stage-wrap{height:clamp(320px,55svh,640px)}}
@media(max-width:600px){.intro-screen .stage-wrap{height:auto;aspect-ratio:1.5;min-height:0}.intro-screen .stage-wrap::before{transform:translate(-50%,-50%) translateX(-42%) scale(.86)}.intro-screen .stage-wrap::after{transform:translate(-50%,-50%) translateX(42%) scale(.86)}.intro-screen .gcap{gap:.35rem}}
@media(prefers-reduced-motion:reduce){.intro-screen .stage-wrap::before,.intro-screen .stage-wrap::after{transition:none}}