.at-vanni{position:relative;min-height:100svh}.at-vanni__header{position:absolute;inset:0 0 auto;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:32px clamp(24px,5vw,88px)}.at-vanni__header a{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px}.at-vanni__header h1{font-family:var(--display);font-size:24px;text-transform:uppercase;letter-spacing:-.06em}.at-vanni__paper{position:relative;z-index:1;min-height:150svh;background:#fff}.at-vanni__paper:before{content:"";position:absolute;inset:-2px 0;background:#fff;pointer-events:none}.at-vanni__end{min-height:35svh;background:var(--bg)}@keyframes vanni-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes vanni-leave{0%{transform:translate(0)}to{transform:translate(-100%)}}html:active-view-transition-type(vanni-forward)::view-transition-old(root){animation:vanni-leave .85s cubic-bezier(.76,0,.24,1) both}html:active-view-transition-type(vanni-forward)::view-transition-new(root){animation:vanni-enter .85s cubic-bezier(.76,0,.24,1) both}html:active-view-transition-type(vanni-back)::view-transition-old(root){animation:vanni-enter .85s cubic-bezier(.76,0,.24,1) reverse both}html:active-view-transition-type(vanni-back)::view-transition-new(root){animation:vanni-leave .85s cubic-bezier(.76,0,.24,1) reverse both}@supports not selector(html:active-view-transition-type(vanni-forward)){.at-vanni{animation:vanni-enter .85s cubic-bezier(.76,0,.24,1) both}}@media(prefers-reduced-motion:reduce){.at-vanni,::view-transition-old(root),::view-transition-new(root){animation:none!important}}.vs{--story-paper: #fff;--story-ink: #20221d;--story-muted: #787b72;--story-edge: #111210;--story-progress: 0;overflow:clip;background:var(--story-edge)}.vs[data-story-theme=dark]{--story-paper: #1b1e1a;--story-ink: #eeeee6;--story-muted: #a1a597;--story-edge: #090b09}.vs-header{--sheet: #272824;--sheet-ink: #eeede5;--sheet-edge: #ffffff20;--sheet-fold: #3c3d36;--sheet-cover: 88%;position:fixed;z-index:100;top:26px;left:50%;transform:translate(-50%);width:calc(100% - 112px);max-width:1700px;height:64px;padding:0 14px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:28px;color:#efefe8;border:1px solid transparent;border-radius:4px;transition:width .75s var(--ease),top .75s var(--ease),background .4s,color .4s,border-radius .75s,box-shadow .4s}.vs[data-story-theme=light] .vs-header.is-compact:not([data-surface=dark]){--sheet: #f3f0e7;--sheet-ink: #23241f;--sheet-edge: #25271c26;--sheet-fold: #dedbce;--sheet-cover: 72.5%}.vs-header.is-compact{--fg: var(--story-ink);--bg: var(--story-paper);--muted: var(--story-muted);top:18px;width:min(510px,calc(100% - 32px));background:color-mix(in srgb,var(--story-paper) 25%,transparent);color:var(--story-ink);border-color:color-mix(in srgb,var(--story-paper) 45%,transparent);border-radius:40px;box-shadow:inset 0 0 2px 1px color-mix(in srgb,var(--story-ink) 15%,transparent),inset 0 0 10px 4px color-mix(in srgb,var(--story-ink) 10%,transparent),inset 0 1px #fff6,inset 0 -1px #ffffff26,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d;-webkit-backdrop-filter:blur(12px) saturate(1.8);backdrop-filter:blur(12px) saturate(1.8)}.vs-header.is-compact[data-glass=svg]{background:transparent;-webkit-backdrop-filter:var(--site-glass-filter) saturate(1);backdrop-filter:var(--site-glass-filter) saturate(1)}.vs-header.is-compact[data-surface=dark]{--fg: #efefe8;--bg: #111210;--muted: #a0a298;color:#efefe8;border-color:#ffffff45}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.vs-header.is-compact{background:color-mix(in srgb,var(--story-paper) 92%,transparent)}.vs-header.is-compact[data-surface=dark]{background:#111210eb}}.vs-header .at-brand{flex-shrink:0}.vs-header .at-brand__caption{white-space:nowrap}.vs-controls{display:flex;align-items:center;gap:18px}.vs-back{width:38px;height:38px;display:grid;place-items:center;padding:8px;border-radius:50%;transition:background .25s,transform .25s}.vs-back{border:1px solid currentColor}.vs-back:hover{transform:translate(-3px)}.vs-back svg{width:22px;height:22px}.vs-control-divider{height:18px;width:1px;background:currentColor;opacity:.18}.vs-header__progress{position:absolute;bottom:-1px;left:30px;right:30px;height:1px;background:currentColor;transform-origin:left;transform:scaleX(var(--story-progress));opacity:.4}.vs-opening{min-height:78svh;padding:185px 8vw 55px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.vs-kicker{display:flex;align-items:center;gap:18px;font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.vs-opening h1{font:500 clamp(62px,7.8vw,128px)/1.02 var(--display);letter-spacing:-.065em;margin:40px 0 48px}.vs-opening h1 em{font-family:var(--serif);font-weight:400}.vs-scroll{display:flex;align-items:center;gap:30px;font:11px var(--mono);width:fit-content}.vs-scroll span{font:26px var(--serif)}.vs-opening__edition{position:absolute;right:8vw;bottom:66px;font:9px var(--mono);opacity:.45}.vs .at-blur-transition{background:var(--story-edge)}.vs .at-blur-transition__wash{background:linear-gradient(var(--wash-direction),var(--story-paper) 0%,color-mix(in srgb,var(--story-paper) 93%,transparent) 8%,transparent 48%),radial-gradient(ellipse 78% 110% at 50% var(--wash-focus),var(--story-paper) 0%,color-mix(in srgb,var(--story-paper) 97%,var(--story-edge)) 32%,color-mix(in srgb,var(--story-paper) 90%,var(--story-edge)) 45%,color-mix(in srgb,var(--story-paper) 65%,var(--story-edge)) 56%,color-mix(in srgb,var(--story-paper) 30%,var(--story-edge)) 65%,color-mix(in srgb,var(--story-edge) 62%,transparent) 75%,transparent 96%)}.vs-paper{position:relative;z-index:1;background:var(--story-paper);color:var(--story-ink);transition:background .45s,color .45s}.vs-paper:before{content:"";position:absolute;inset:-2px 0;background:inherit;z-index:-1;pointer-events:none}.vs-intro{min-height:190svh}.vs-intro__stage{position:sticky;top:0;min-height:100svh;padding:120px 8vw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:46px}.vs-intro h2{font:400 clamp(43px,5.6vw,88px)/1.15 var(--serif);letter-spacing:-.04em;max-width:1040px}.vs-word{display:inline-block;white-space:pre}.vs-letter{display:inline-block}.vs-demo{font:9px var(--mono);color:var(--story-muted);letter-spacing:.04em}.vs-timeline{position:relative;width:min(100%,1248px);margin-inline:auto;padding:0 64px}.vs-timeline:before{content:"";position:absolute;top:0;bottom:0;left:24px;width:1px;background:color-mix(in srgb,var(--story-ink) 12%,transparent)}.vs-chapter{min-height:200svh;position:relative;scroll-margin-top:100px}.vs-chapter__stage{position:sticky;top:0;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;align-content:center;gap:40px;padding:110px 0 64px}.vs-chapter__copy{width:100%;min-width:0;max-width:760px;justify-self:center;text-align:center}.vs-chapter__copy .vs-kicker{justify-content:center}.vs-chapter h2{font:400 clamp(36px,3.9vw,64px)/1.13 var(--serif);letter-spacing:-.035em;margin:22px 0}.vs-dot{width:5px;height:5px;background:currentColor;border-radius:50%}.vs-body{max-width:560px;color:var(--story-muted);font-size:14px;line-height:1.9}.vs .vs-body{margin-inline:auto}.vs-photo{width:min(100%,900px);justify-self:center}.vs-photo__frame{width:100%;height:clamp(280px,48svh,520px);margin-inline:auto;overflow:hidden;background:color-mix(in srgb,var(--story-ink) 8%,var(--story-paper))}.vs-photo img{display:block;width:100%;height:100%;object-fit:cover}.vs-photo figcaption{display:flex;justify-content:space-between;gap:22px;margin-top:18px;font:9px/1.5 var(--mono);color:var(--story-muted)}.vs-photo figcaption span:last-child{white-space:nowrap}.vs-ending{min-height:72svh;padding:90px 15vw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:36px}.vs-ending h2{font:italic 400 clamp(44px,5.8vw,86px)/1.1 var(--serif);letter-spacing:-.04em;max-width:950px}.vs-ending>a{display:flex;gap:42px;padding-bottom:15px;border-bottom:1px solid #fff4;font:11px var(--mono)}.vs-ending small{margin-top:45px;font:8px var(--mono);opacity:.4}.vs-index{position:fixed;right:20px;top:50%;z-index:20;display:flex;flex-direction:column;gap:16px;opacity:0;visibility:hidden;transform:translateY(-50%);color:#888;transition:opacity .4s,visibility .4s}.vs-index.is-visible{opacity:1;visibility:visible}.vs-index a{display:flex;align-items:center;gap:10px;padding:8px 0;font:8px var(--mono)}.vs-index i{width:12px;height:1px;background:currentColor;transition:width .4s}.vs-index [aria-current] i{width:25px;height:2px}.vs-index [aria-current]{color:#8b987e}.vs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:700px){.vs-header{top:15px;width:calc(100% - 28px);padding:0 12px;gap:12px;height:58px}.vs-header.is-compact{top:12px;width:calc(100% - 28px)}.vs-header .at-brand{gap:18px}.vs-header .at-brand__caption{display:block;font-size:6.5px}.vs-header .at-brand__mark{font-size:34px}.vs-controls{gap:8px}.vs .at-language-panel{right:-42px;width:245px}.vs .at-language-panel:before{right:56px}.vs-opening{padding:155px 7vw 60px;min-height:76svh}.vs-opening h1{font-size:clamp(45px,11vw,76px)}.vs-opening__edition{display:none}.vs-scroll{max-width:250px;line-height:1.7}.vs-intro__stage{padding:110px 9vw 70px;gap:32px}.vs-intro h2{font-size:43px}.vs-timeline{padding:0 9vw}.vs-timeline:before{left:4vw}.vs-chapter{min-height:210svh}.vs-chapter__stage{grid-template-columns:minmax(0,1fr);gap:28px;padding:105px 0 40px;align-content:center}.vs-chapter h2{font-size:34px;margin:20px 0}.vs-body{font-size:12px;line-height:1.7}.vs-photo__frame{height:auto;aspect-ratio:5/4}.vs-photo{width:calc(100vw - 16px)}.vs-photo figcaption{font-size:8px;padding-inline:12px}.vs-index{right:6px}.vs-index span{display:none}.vs-index i{width:7px}.vs-index [aria-current] i{width:13px}.vs-ending{padding:80px 9vw}}@media(prefers-reduced-motion:reduce){.vs-header,.vs-paper,.vs-index{transition:none}.vs-intro,.vs-chapter{min-height:auto}.vs-intro__stage,.vs-chapter__stage{position:relative}}
