.vision-section{padding:0;background:#0b1613;color:#eff1e5;scroll-margin-top:76px}
.vision-experience{position:relative;isolation:isolate;min-height:650px;height:min(850px,calc(100svh - 76px));overflow:hidden;background:#102221}
.vision-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.66;z-index:-3;pointer-events:none;transition:opacity 1.8s,transform 2.5s;transform:scale(1.015)}
.vision-experience[data-chapter="0"] .vision-art{opacity:.33;filter:saturate(.6)}
.vision-experience::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,22,19,.98) 0%,rgba(8,22,19,.83) 24%,rgba(8,22,19,.25) 49%,rgba(8,22,19,.06) 100%),linear-gradient(0deg,#0a1918 0%,transparent 24%,transparent 85%,#0d1b17 100%);pointer-events:none}
.vision-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;cursor:crosshair;touch-action:pan-y}
.vision-topline{position:absolute;left:5.5%;right:5.5%;top:38px;display:flex;justify-content:space-between;align-items:center;gap:30px;color:#a9c1af;font:12px/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase}
.vision-motion{border:1px solid #b5ccae40;color:#c9d9c5;background:#0e221c80;font:12px var(--mono);letter-spacing:0;text-transform:none;padding:10px 13px;min-height:42px;cursor:pointer}
.vision-copy{position:absolute;left:5.5%;top:22%;width:37%;max-width:520px;pointer-events:none}
.vision-copy .vision-overline{font:12px/1.5 var(--mono);letter-spacing:.12em;color:#ceb887;text-transform:uppercase;margin:0 0 24px}
.vision-copy h2{font:400 clamp(2.8rem,4.4vw,4.6rem)/1.025 var(--serif);letter-spacing:-.035em;margin:0 0 26px;text-wrap:balance;color:#f0f1de}
.vision-copy>p:not(.vision-overline){font:400 18px/1.75 var(--sans);color:#b8cabb;max-width:390px;margin:0}
.vision-action{pointer-events:auto;display:inline-flex;align-items:center;gap:19px;margin-top:33px;padding:13px 0 13px 0;border:0;border-bottom:1px solid #dfc992;background:transparent;color:#ebd8ac;font:500 16px var(--sans);cursor:pointer;text-align:left;min-height:48px}
.vision-action::after{content:"+";font:300 26px/1 var(--sans)}
.vision-action:hover{color:#fff5cc;border-color:#fff5cc}
.vision-whisper{position:absolute;left:56%;right:8%;bottom:21%;text-align:center;color:#d7dfc7;font:italic 21px/1.5 var(--serif);pointer-events:none;opacity:.85;text-wrap:balance}
.vision-bottom{position:absolute;left:5.5%;right:5.5%;bottom:38px;display:flex;justify-content:space-between;align-items:end;gap:45px}
.vision-chapters{display:flex;gap:5px;align-items:center}
.vision-chapter{padding:14px 21px;min-height:48px;border:1px solid transparent;border-radius:0;background:transparent;color:#96afa0;font:14px var(--sans);cursor:pointer;position:relative}
.vision-chapter::before{content:"";display:inline-block;width:4px;height:4px;border:1px solid #abc0a8;border-radius:50%;margin-right:12px;vertical-align:2px}
.vision-chapter[aria-pressed="true"]{color:#eddfb4;border-color:#b9b17a55;background:#1e342633}.vision-chapter[aria-pressed="true"]::before{background:#dfc486;border-color:#dfc486;box-shadow:0 0 10px #ebdb9490}
.vision-gesture{font:12px/1.7 var(--mono);color:#93ad9f;max-width:245px;text-align:right;margin:0}
.vision-status{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.vision-visible .back-to-top{visibility:hidden}
.vision-section :focus-visible{outline:2px solid #e7cd8f;outline-offset:5px}
.vision-footnote{display:flex;gap:25px;justify-content:space-between;max-width:1440px;margin:auto;padding:24px 5.5% 30px;color:#91a798;font:13px/1.6 var(--sans);border-top:1px solid #a8be9930}
.vision-footnote p{margin:0;max-width:650px}.vision-footnote a{color:#d7c894;white-space:nowrap;align-self:start;border-bottom:1px solid #a79a6755;text-decoration:none;padding-bottom:3px}
.vision-static-note{padding:20px;background:#10231b;color:#d6e0cc;font-size:16px}
@media(min-width:1700px){.vision-copy{top:27%;left:max(5.5%,calc((100% - 1540px)/2))}.vision-experience{height:900px}}
@media(max-width:1000px){.vision-experience{min-height:730px}.vision-copy{width:43%;top:26%}.vision-copy h2{font-size:51px}.vision-copy>p:not(.vision-overline){font-size:16px}.vision-topline,.vision-copy,.vision-bottom{left:5%;right:5%}.vision-chapter{padding:13px 15px}.vision-gesture{max-width:175px}.vision-whisper{left:54%;right:5%;font-size:19px;bottom:23%}}
@media(max-width:700px){.vision-experience{height:940px;min-height:0;max-height:none}.vision-topline{top:24px;gap:15px;font-size:10px;letter-spacing:.08em}.vision-motion{font-size:11px;padding:9px 10px;white-space:nowrap}.vision-copy{top:110px;width:90%;max-width:450px}.vision-copy .vision-overline{font-size:11px;margin-bottom:17px}.vision-copy h2{font-size:49px;max-width:370px;margin-bottom:19px}.vision-copy>p:not(.vision-overline){max-width:360px;font-size:16px;line-height:1.7}.vision-action{margin-top:18px;font-size:15px}.vision-experience::before{background:linear-gradient(0deg,#0a1918 0%,#0a191811 22%,#0a191800 47%,#0a1918ed 65%,#0a1918 100%)}.vision-art{object-position:60% 70%;opacity:.52}.vision-bottom{bottom:25px;display:block}.vision-chapters{justify-content:center;gap:0}.vision-chapter{padding:13px 15px;font-size:13px}.vision-chapter::before{margin-right:8px}.vision-gesture{max-width:none;text-align:center;margin-top:16px;font-size:11px}.vision-whisper{left:12%;right:12%;bottom:15%;font-size:20px}.vision-footnote{display:block;padding:23px 6%;font-size:12px}.vision-footnote a{display:inline-block;margin-top:15px}.vision-section{scroll-margin-top:70px}}
@media(max-width:360px){.vision-copy h2{font-size:43px}.vision-experience{height:970px}.vision-chapter{padding:12px 10px}.vision-topline{font-size:9px}.vision-motion{font-size:10px}.vision-copy{top:105px}}
@media(max-width:700px){.vision-topline{font-size:12px;letter-spacing:.06em}.vision-motion{font-size:14px}.vision-chapter{font-size:14px;padding:13px 10px;flex:1}.vision-chapter::before{display:none}.vision-gesture{font-size:12px}.vision-copy .vision-overline{font-size:12px}}
@media(prefers-reduced-motion:reduce){.vision-art{transition:none;transform:none}}