@supports (animation-timeline:view()){html.stage .hero-stage{view-timeline:--hero block;height:calc(100dvh + 75vh);position:relative}html.stage .hero-frame{flex-direction:column;justify-content:center;height:100dvh;display:flex;position:sticky;top:0;overflow:hidden}html.stage .hero-grid{padding-top:calc(var(--nav-h) + 40px);padding-bottom:40px}html.stage .hero-slot{min-height:0;height:min(calc(100dvh - var(--nav-h) - 80px), 820px)}html.stage .hero[data-ready] .hero-slot{position:static}html.stage .hero[data-ready] .hero-visual{clip-path:inset(var(--box-t) var(--box-r) var(--box-b) var(--box-l) round var(--radius-media));border-radius:0;animation:cubic-bezier(.45,0,.2,1) both hero-open;animation-timeline:--hero;animation-range:contain contain 65%}html.stage .hero[data-ready] .hero-image{transform:translate3d(var(--img-x), var(--img-y), 0) scale(var(--img-k));animation:cubic-bezier(.45,0,.2,1) both hero-zoom;animation-timeline:--hero;animation-range:contain contain 65%}html.stage .hero[data-ready] .hero-caption{inset:auto var(--box-r) var(--box-b) var(--box-l);animation:linear both hero-caption-out;animation-timeline:--hero;animation-range:contain contain 10%}html.stage .hero[data-ready] .hero-scrim{animation:linear both hero-scrim;animation-timeline:--hero;animation-range:contain 15% contain 60%}html.stage .hero[data-ready] .hero-copy{animation:linear both hero-copy-out;animation-timeline:--hero;animation-range:contain contain 24%}html.stage .hero[data-ready] .hero-statement{z-index:1;max-width:none;color:var(--brand-ink-text);pointer-events:none;animation:cubic-bezier(.23,1,.32,1) both hero-statement-in;animation-timeline:--hero;animation-range:contain 40% contain 62%;display:block;position:absolute;inset:auto 0 clamp(64px,12vh,128px)}html.stage .hero[data-ready] .hero-statement>span{max-width:var(--container)}html.stage .hero[data-ready] .hero-tone-marker{inset:var(--tone-at) 0 0 0;pointer-events:none;display:block;position:absolute;background:0 0!important}@keyframes hero-open{to{clip-path:inset(0)}}@keyframes hero-zoom{to{transform:none}}@keyframes hero-caption-out{to{opacity:0;transform:translateY(12px)}}@keyframes hero-scrim{0%{opacity:.75}to{opacity:1}}@keyframes hero-copy-out{to{opacity:0;transform:translateY(-24px)}}@keyframes hero-statement-in{0%{opacity:0;transform:translateY(14px)}}html.stage .pillars-stage{height:calc(100dvh + 170vh);position:relative}html.stage .pillars-frame{height:100dvh;padding-block:calc(var(--nav-h) + 24px) 24px;align-items:center;position:sticky;top:0}html.stage .pillars-aside{position:static}html.stage .pillars-list{display:block;position:relative}html.stage .pillar-1,html.stage .pillar-2{position:absolute;inset:0 0 auto}html.stage .pillar-media{aspect-ratio:auto;height:min(52dvh,560px)}html.stage .pillars [data-reveal]{opacity:1;clip-path:none;transition:none;transform:none}html.stage .pillars [data-reveal] img{transition:none;transform:none}html.stage .pillar-1 .pillar-media,html.stage .pillar-2 .pillar-media{clip-path:inset(100% 0 0 0 round var(--radius-media));transition:clip-path .64s cubic-bezier(.65,0,.35,1)}html.stage .pillar[data-state=past] .pillar-media,html.stage .pillar[data-state=active] .pillar-media{clip-path:inset(0 0 0 0 round var(--radius-media))}html.stage .pillar:not([data-state=active]){pointer-events:none}html.stage .pillar .pillar-text{opacity:0;transition:opacity .16s}html.stage .pillar[data-state=active] .pillar-text{opacity:1;transition:opacity .32s .12s}html.stage .pillars-index{gap:0}html.stage .pillars-index li{height:1.2em}html.stage .pillar-index:before{display:none}html.stage .pillar-index{transition:color .64s cubic-bezier(.65,0,.35,1)}html.stage .pillar-plate{background:var(--signal);width:.42em;height:.12em;transform:translate3d(0, calc(var(--step,0) * 1.2em), 0);transition:transform .64s cubic-bezier(.65,0,.35,1);display:block;position:absolute;top:.5em;left:0}@media (prefers-reduced-motion:no-preference){.sheet-rise{animation:linear both sheet-rise;animation-timeline:view();animation-range:entry entry 55%}@keyframes sheet-rise{0%{clip-path:inset(0 2vw 0 2vw round var(--radius-sheet) var(--radius-sheet) 0 0)}to{clip-path:inset(0 0 0 0 round var(--radius-sheet) var(--radius-sheet) 0 0)}}}}@media (prefers-reduced-motion:no-preference){.loop-signal{opacity:0;stroke-dasharray:.03 .97;stroke-dashoffset:.0116px;display:block}[data-reveal=loop].is-in .loop-signal{animation:1.8s cubic-bezier(.45,0,.25,1) .25s both loop-run,1.8s linear .25s both loop-fade}@keyframes loop-run{to{stroke-dashoffset:-.9884px}}@keyframes loop-fade{0%{opacity:0}6%,90%{opacity:1}to{opacity:0}}}