.ci-intro{--ci-bg:#0d0b0a;--ci-gold:#d4a86a;--ci-text:#f2ece4;--ci-muted:#a39a8f;background:var(--ci-bg);height:600vh;color:var(--ci-text);position:relative}.ci-stage{top:var(--ci-top,0px);height:calc(100vh - var(--ci-top,0px));height:calc(100svh - var(--ci-top,0px));background:var(--ci-bg) url(/intro/poster-desktop.webp) 50% 18% / cover no-repeat;position:sticky;overflow:hidden}.ci-canvas{opacity:0;width:100%;height:100%;transition:opacity .2s;display:block}.ci-intro.is-ready .ci-canvas{opacity:1}.ci-vignette{pointer-events:none;background:radial-gradient(#0000 45%,#0d0b0ad9 100%);position:absolute;inset:0}.ci-caption{opacity:0;text-shadow:0 2px 24px #0009;pointer-events:none;max-width:34rem;transition:opacity .6s,transform .6s;position:absolute;bottom:12vh;left:6vw;transform:translateY(20px)}.ci-caption.is-on{opacity:1;transform:none}.ci-caption--top{top:16vh;bottom:auto}.ci-eyebrow{color:var(--ci-gold);letter-spacing:.22em;text-transform:uppercase;margin:0 0 .8rem;font-size:.75rem}.ci-caption h2{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,5vw,3.6rem);font-weight:400;line-height:1.05}.ci-caption h2 em{color:var(--ci-gold)}.ci-skip{color:var(--ci-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:999px;padding:.5rem 1rem;font-size:.8rem;position:absolute;top:24px;right:6vw}.ci-skip:hover,.ci-skip:focus-visible{color:var(--ci-text);border-color:var(--ci-gold)}.ci-hint{color:var(--ci-muted);letter-spacing:.25em;text-transform:uppercase;font-size:.7rem;transition:opacity .4s;position:absolute;bottom:4vh;left:50%;transform:translate(-50%)}.ci-progress{transform-origin:0;will-change:transform;background:var(--ci-gold);width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}@media (width<=767px),(aspect-ratio<=4/5){.ci-stage{background-image:url(/intro/poster-mobile.webp)}}@media (width<=767px){.ci-caption{bottom:14vh;left:16px;right:16px}.ci-caption--top{top:12vh}.ci-skip{top:16px;right:16px}}.ci-intro.is-static{height:100svh}.ci-intro.is-static .ci-caption{transition:none}.ci-intro.is-static .ci-hint,.ci-intro.is-static .ci-progress{display:none}@media (width<=480px){.ci-hint{white-space:nowrap;letter-spacing:.14em;font-size:.6rem}}
