/* ANC: one continuous shot, measured against native scroll travel. */
.story-experience{background:#070c14}.scroll-story{color:#fff;--stage-height:calc(100svh - 96px);--travel:0px}.story-stage{position:relative;background:#070c14;overflow:hidden}.story-top{position:absolute;z-index:4;top:28px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;font-weight:500;letter-spacing:.08em}.story-top a{display:flex;align-items:center;gap:15px;letter-spacing:0;font-size:11px}.story-top a span{font-size:20px}.story-visual{height:min(68svh,700px);position:relative;overflow:hidden}.story-visual>img,.story-visual>canvas{width:100%;height:100%;object-fit:cover;object-position:59% 50%;display:block}.story-visual>canvas{position:absolute;inset:0;opacity:0}.story-visual.is-ready>canvas{opacity:1}.story-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,13,.55),transparent 26%,rgba(3,7,13,.05) 48%,rgba(3,7,13,.92));pointer-events:none}.story-copies{padding:52px 4.5%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.story-copies article .eyebrow{display:block;color:#8db6ff;margin-bottom:21px}.story-copies h2{font-weight:570;font-size:clamp(36px,4vw,66px);line-height:.94}.story-copies p{max-width:40ch;color:#d2d9e5;font-size:14px;line-height:1.6;margin-top:25px}.story-cta{font-size:12px;display:inline-flex;align-items:center;gap:26px;margin-top:28px;padding-bottom:12px;border-bottom:1px solid #6d7786;pointer-events:auto}.story-cta span{font-size:21px}.story-cta:hover{color:#a1c4ff}.story-bottom{display:flex;justify-content:space-between;gap:20px;padding:0 4.5% 24px;font-size:9px;color:#a9b4c4;letter-spacing:.07em}.story-scroll-note{display:none}.story-controls{display:none}
.scroll-story.is-sequence{height:calc(var(--stage-height) + var(--travel))}.is-sequence .story-stage{position:sticky;top:var(--nav-height,96px);height:var(--stage-height)}.is-sequence .story-visual{position:absolute;inset:0;height:100%}.is-sequence .story-copies{position:absolute;inset:0;padding:0;display:block;pointer-events:none}.is-sequence .story-copies article{position:absolute;left:4.5%;bottom:142px;width:min(780px,76%);opacity:0;pointer-events:none}.is-sequence .story-copies h2{font-size:clamp(72px,8.6vw,134px);letter-spacing:-.065em}.is-sequence .story-copies p{font-size:15px;max-width:410px}.is-sequence .story-copies article[aria-hidden=true]{visibility:hidden}.is-sequence .story-bottom{position:absolute;bottom:22px;left:4.5%;right:4.5%;padding:0;z-index:3}.is-sequence .story-scroll-note{display:flex;align-items:center;gap:12px}.is-sequence .story-scroll-note span{font-size:15px;color:white}.is-sequence .story-controls{position:absolute;z-index:3;bottom:63px;left:4.5%;right:4.5%;display:block}.story-progress{height:1px;background:#ffffff35;overflow:hidden;margin-bottom:15px}.story-progress i{height:100%;width:100%;background:#91baff;display:block;transform:scaleX(var(--story-progress,0));transform-origin:left}.story-controls nav{display:flex;gap:28px}.story-controls button{display:flex;align-items:center;gap:9px;color:#a9b4c4;padding:5px 0;font-size:10px;letter-spacing:.04em}.story-controls button span{font-size:8px;color:#7c899d}.story-controls button[aria-current=true]{color:#fff}.story-controls button[aria-current=true] span{color:#91baff}
.story-after{padding:48px 4.5% 65px;color:#fff;background:#080e18;display:grid;grid-template-columns:1fr 2fr;gap:55px}.story-after-intro .eyebrow{color:#8fa1bb;font-size:9px}.story-after-intro p{font-size:24px;line-height:1.12;margin-top:18px;letter-spacing:-.04em}.story-lab-panel{border-top:1px solid #344052}.story-lab-panel>summary{list-style:none;cursor:pointer;padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:28px;letter-spacing:-.04em}.story-lab-panel>summary::-webkit-details-marker{display:none}.story-lab-panel summary small{display:block;font-size:8px;color:#8fa1bb;letter-spacing:.06em;margin-bottom:10px}.story-lab-panel summary i{font:300 33px Work,sans-serif}.story-lab-panel[open]{grid-column:1/-1}.story-lab-panel[open]>summary i{transform:rotate(45deg)}.story-lab-panel .playground{padding:50px 0 0}.story-lab-panel .section-label{display:none}.story-lab-panel .lab-header{padding-top:0}.story-lab-panel .lab-header h2{font-size:clamp(38px,6vw,86px)}.story-lab-panel .lab-stage{min-height:530px}
.direction-page{max-width:1600px;margin:auto}.direction-page>h1{font-size:clamp(70px,10vw,160px);margin-top:32px}.direction-lead{max-width:520px;margin-top:35px;color:#65738a}.direction-sample{position:relative;margin:65px 0;color:#fff;background:#080d14;height:650px;overflow:hidden}.direction-sample>img{height:100%;width:100%;object-fit:cover;object-position:59% 50%;opacity:.73}.direction-sample>div{position:absolute;left:5%;bottom:12%}.direction-sample h2{font-size:clamp(60px,8vw,128px);margin-top:22px}.direction-sample>small{position:absolute;right:4%;bottom:5%;font-size:8px;letter-spacing:.07em}.direction-tokens{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.direction-tokens>div{display:flex;flex-direction:column;gap:8px;font-size:11px}.direction-tokens i{height:90px;display:block;background:var(--swatch);border:1px solid #d3d8df;margin-bottom:12px}.direction-tokens span{color:#647189;font-size:10px}.direction-type{padding:70px 0;display:grid;grid-template-columns:1fr 1fr;gap:60px;border-bottom:1px solid #bdc7d3}.direction-type h2{font-size:clamp(40px,6vw,88px);margin-top:25px}.direction-type p{font-size:22px;max-width:390px;margin-top:25px;margin-bottom:24px}.direction-button{display:block;background:#0a52ef;color:white;margin-top:30px;padding:17px 25px;font-size:12px}.direction-section-title{margin:70px 0 28px;font-size:50px}.direction-table{overflow:auto}.direction-table table{width:100%;border-collapse:collapse;min-width:620px;font-size:13px;line-height:1.6}.direction-table th,.direction-table td{text-align:left;vertical-align:top;border-bottom:1px solid #c2cbd6;padding:22px 22px 22px 0}.direction-table th{font-weight:500;color:#0a52ef;font-size:11px}.direction-table td:first-child{width:19%;font-weight:500}.direction-notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px}.direction-notes p{font-size:14px;margin-top:18px;color:#65738a}
@media(max-width:700px){.scroll-story{--stage-height:calc(100svh - 76px)}.story-top{top:22px;left:6%;right:6%;font-size:8px}.story-top a{font-size:10px;gap:8px}.story-copies{grid-template-columns:1fr;padding:35px 6%;gap:42px}.story-copies h2{font-size:49px}.story-copies p{margin-top:17px;font-size:13px}.is-sequence .story-stage{top:var(--nav-height,76px)}.is-sequence .story-copies article{left:6%;width:88%;bottom:159px}.is-sequence .story-copies h2{font-size:clamp(47px,12.7vw,83px)}.is-sequence .story-copies p{font-size:13px;max-width:30ch}.story-copies article .eyebrow{font-size:8px;margin-bottom:17px}.is-sequence .story-controls{left:6%;right:6%;bottom:76px}.story-controls nav{gap:0;justify-content:space-between}.story-controls button{font-size:9px;gap:5px}.story-controls button span{font-size:7px}.is-sequence .story-bottom{left:6%;right:6%;bottom:23px;font-size:7px;gap:10px}.story-scroll-note{font-size:7px}.story-cta{margin-top:18px;font-size:11px;padding-bottom:8px}.story-after{grid-template-columns:1fr;padding:35px 6%;gap:28px}.story-after-intro{display:flex;justify-content:space-between;align-items:center;gap:24px}.story-after-intro p{font-size:21px;margin:0}.story-after-intro .eyebrow{max-width:110px;line-height:1.5}.story-lab-panel>summary{font-size:25px}.story-lab-panel .lab-stage{min-height:410px}.story-lab-panel .lab-header h2{font-size:42px}.direction-sample{height:500px;margin:40px 0}.direction-sample>div{left:7%}.direction-sample h2{font-size:65px}.direction-sample>small{left:7%;right:auto}.direction-tokens{grid-template-columns:repeat(3,1fr);gap:25px 15px}.direction-tokens i{height:60px}.direction-type,.direction-notes{grid-template-columns:1fr;gap:36px}.direction-type p{font-size:20px}.direction-section-title{font-size:38px}}
@media(prefers-reduced-motion:reduce){.story-visual>canvas{display:none}}@media print{.scroll-story.is-sequence{height:auto}.is-sequence .story-stage{position:relative;height:auto}.is-sequence .story-visual{position:relative;height:400px}.is-sequence .story-copies{position:relative;display:block;padding:30px}.is-sequence .story-copies article{position:static;opacity:1!important;visibility:visible!important;transform:none!important;margin-bottom:35px;width:100%}.story-controls,.story-top a,.story-lab-panel{display:none!important}}

@media(max-width:700px){.is-sequence .story-scrim{background:linear-gradient(180deg,rgba(3,7,13,.5),rgba(3,7,13,.08) 24%,rgba(3,7,13,.62) 43%,rgba(3,7,13,.8) 76%,rgba(3,7,13,.96))}}