.story{height:calc(100vh - var(--story-top,0px));height:calc(100dvh - var(--story-top,0px));min-height:560px;color:var(--sand-50);background:var(--ink-950) url(/assets/photos/step-1.jpg) center / cover no-repeat;position:relative;overflow:hidden}.story__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.story__scrim{pointer-events:none;background:linear-gradient(#090a0b9e 0%,#090a0b2e 38%,#090a0b38 62%,#090a0bb3 100%),radial-gradient(at 50% 55%,#090a0b00 30%,#090a0b59 100%);position:absolute;inset:0}.story__stage{max-width:1240px;height:100%;margin:0 auto;padding:0 40px;position:relative}.story__specimen{aspect-ratio:600/848;background:var(--white);will-change:transform;border:1px solid #ffffff38;height:min(52vh,520px);position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 40px 90px #0000008c,0 10px 24px #00000059}.story__specimen img{object-fit:cover;width:100%;height:100%;display:block}.story__beat{will-change:opacity, transform;width:min(32%,26rem);position:absolute;top:50%;translate:0 -50%}.story__beat--l{left:40px}.story__beat--r{right:40px}.story__specimen{z-index:1}.story__beat{z-index:2}.story__card{-webkit-backdrop-filter:blur(18px)saturate(1.15);background:#12131466;border:1px solid #ffffff29;padding:28px 30px 30px;box-shadow:inset 0 1px #ffffff14,0 24px 60px #00000059}.story__kicker{letter-spacing:.14em;text-transform:uppercase;color:#ffffffb8;align-items:center;gap:12px;margin:0 0 14px;font-size:12px;font-weight:600;display:flex}.story__num{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.06em;color:#ffffff8c;font-weight:500}.story__title{font-family:var(--font-display);letter-spacing:-.024em;color:var(--white);text-wrap:balance;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;line-height:1.12}.story__title--h1{letter-spacing:-.028em;font-size:clamp(1.9rem,2.9vw,2.6rem);line-height:1.08}.story__w{vertical-align:bottom;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.story__w>span{will-change:transform;display:inline-block}.story__p{color:#ffffffdb;text-wrap:pretty;max-width:44ch;margin:16px 0 0;font-size:16.5px;line-height:1.58}.story__hint{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff9;align-items:center;gap:8px;margin:22px 0 0;font-size:12px;display:inline-flex}.story__hint svg{animation:1.8s ease-in-out infinite story-hint}@keyframes story-hint{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.story__actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.story__index{font-family:var(--font-mono);letter-spacing:.06em;color:#ffffff73;gap:18px;margin:0;padding:0;font-size:12px;list-style:none;display:flex;position:absolute;bottom:40px;right:40px}.story__index li{transition:color .3s var(--ease-standard);padding-top:10px;position:relative}.story__index li:before{content:"";width:100%;height:1px;transition:background .3s var(--ease-standard);background:#ffffff4d;position:absolute;top:0;left:0}.story__index li[data-active]{color:var(--white)}.story__index li[data-active]:before{background:var(--white)}@media (max-width:880px){.story{min-height:640px}.story__stage{padding:0 20px}.story__specimen{height:min(36vh,330px);top:40px;translate:-50%}.story__beat,.story__beat--l,.story__beat--r{top:auto;left:20px;right:20px;bottom:calc(20px + 58px + env(safe-area-inset-bottom));width:auto;translate:0}.story__card{padding:20px 20px 22px}.story__title--h1{font-size:clamp(1.7rem,7.2vw,2.2rem)}.story__title{font-size:clamp(1.45rem,5.6vw,1.8rem)}.story__p{margin-top:12px;font-size:15px}.story__index{display:none}}.story[data-motion=static]{background:var(--ink-950);height:auto;min-height:0;overflow:visible}.story[data-motion=static] .story__canvas,.story[data-motion=static] .story__scrim,.story[data-motion=static] .story__index,.story[data-motion=static] .story__hint{display:none}.story[data-motion=static] .story__stage{max-width:none;height:auto;padding:48px 0 0}.story[data-motion=static] .story__specimen{height:min(50vh,480px);margin:0 auto;position:relative;top:auto;left:auto;translate:0}.story[data-motion=static] .story__beat{background:var(--photo) center / cover no-repeat;align-items:flex-end;width:auto;min-height:62vh;margin-top:48px;padding:40px;display:flex;position:relative;inset:auto;translate:0;box-shadow:inset 0 0 0 100vmax #090a0b73}.story[data-motion=static] .story__beat:first-child{margin-top:0}.story[data-motion=static] .story__card{max-width:34rem}@media (prefers-reduced-motion:reduce){.story__hint svg{animation:none}}
