@view-transition{navigation:auto}:root{--paper:#ecebe6;--ink:#0f0f0e;--ink-2:color-mix(in srgb, var(--ink) 62%, transparent);--ink-3:color-mix(in srgb, var(--ink) 36%, transparent);--line:color-mix(in srgb, var(--ink) 18%, transparent);--sans:"Mona Sans Variable", "Mona Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--gutter:clamp(16px, 2.2vw, 32px);--bar-h:56px;--ease:cubic-bezier(.76, 0, .24, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#0f0f0e;--ink:#ebe9e3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-kerning:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;font-weight:440;line-height:1.45;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline-offset:3px;outline:1px dashed}.mono,.bar a,.bar button{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:400;line-height:1.5}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html.vt-theme::view-transition-old(root){mix-blend-mode:normal;animation:none}html.vt-theme::view-transition-new(root){mix-blend-mode:normal;animation:none}.bar{z-index:50;height:var(--bar-h);padding:0 var(--gutter);color:#fff;mix-blend-mode:difference;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;inset:0 0 auto}.bar>*{pointer-events:auto}.bar__id,.bar nav{align-items:center;gap:4px;display:flex}.bar a,.bar button{white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:6px 11px;transition:border-color .25s,background .25s,color .25s}.bar a:hover,.bar button:hover,.bar [aria-pressed=true]{border-color:currentColor}.bar .quiet{opacity:.62}.logo{align-items:center;margin-right:6px;display:inline-flex}.bar a.logo{border:0;padding:4px 6px 4px 0}.logo svg{fill:currentColor;width:auto;height:24px;overflow:visible}.logo path{transition:translate .7s var(--ease)}.logo:hover path:last-child{translate:16px -16px}.logo:hover path:first-child{translate:-4px 4px}.theme{display:inline-flex;border-color:currentColor!important;padding:2px!important}.theme span{transition:background .35s var(--ease), color .35s var(--ease);border-radius:999px;padding:4px 10px}:root[data-theme=light] .theme [data-mode=light],:root[data-theme=dark] .theme [data-mode=dark]{color:#000;background:#fff}.grid-overlay{z-index:49;pointer-events:none;padding:0 var(--gutter);gap:var(--gutter);grid-template-columns:repeat(12,1fr);display:none;position:fixed;inset:0}.grid-overlay i{background:color-mix(in srgb, var(--ink) 5%, transparent);box-shadow:inset 1px 0 0 color-mix(in srgb, var(--ink) 14%, transparent), inset -1px 0 0 color-mix(in srgb, var(--ink) 14%, transparent)}.grid-overlay:after{content:"";background:repeating-linear-gradient(to bottom, transparent 0 7px, color-mix(in srgb, var(--ink) 11%, transparent) 7px 8px);position:fixed;inset:0}html.grid-on .grid-overlay{display:grid}.hero{height:100svh;min-height:540px;position:relative;overflow:hidden}.hero canvas{touch-action:pan-y;opacity:0;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.hero canvas.ready{opacity:1}@media (pointer:fine){.hero canvas{cursor:none}}.lens-tag{z-index:2;pointer-events:none;white-space:nowrap;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#fff;mix-blend-mode:difference;gap:1px;font-size:10px;transition:opacity .3s;display:grid;position:absolute;top:0;left:0}.lens-tag b{font-family:var(--sans);letter-spacing:0;text-transform:none;margin-bottom:6px;font-size:44px;font-weight:900;font-stretch:125%;line-height:.9}.lens-tag.flip{text-align:right;justify-items:end}.hero__foot{left:var(--gutter);right:var(--gutter);color:var(--ink-2);pointer-events:none;justify-content:center;margin:0;display:flex;position:absolute;bottom:16px}.statement{padding:22vh var(--gutter) 20vh}.statement p{letter-spacing:-.035em;text-wrap:balance;max-width:16em;margin:0;font-size:clamp(34px,5.6vw,96px);font-weight:560;line-height:.98}.statement .note{letter-spacing:.08em;margin-top:3.2em;font-size:11px;display:block}.nb{white-space:nowrap}.w{white-space:nowrap;display:inline-block;position:relative}.cut{color:#0000}.cut:before,.cut:after{content:attr(data-t);color:var(--ink);transition:transform 1.2s var(--ease);position:absolute;top:0;left:0}.cut:before{clip-path:inset(0 0 38.5%);transform:translate(-.05em,-.07em)}.cut:after{clip-path:inset(61.5% 0 0);transform:translate(.05em,.03em)}.cut:hover:before{transform:translate(-.16em,-.12em)}.cut:hover:after{transform:translate(.16em,.06em)}.gen,.wave{color:#0000}.anim{color:var(--ink);white-space:nowrap;position:absolute;top:0;left:50%;translate:-50%}.anim span{transition:font-weight .5s var(--ease-out), font-stretch .5s var(--ease-out);display:inline-block}.wave .anim span{animation:2.6s ease-in-out infinite wave;animation-delay:calc(var(--i) * -.2s)}@keyframes wave{0%,to{font-weight:260;font-stretch:100%;transform:translateY(.05em)}50%{font-weight:900;font-stretch:75%;transform:translateY(-.07em)}}.index{padding:6vh 0 20vh}.label{padding:0 var(--gutter) 14px;color:var(--ink-2);justify-content:space-between;gap:16px;display:flex}.rows{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.row>*{padding:18px var(--gutter) 14px;border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,16vw) 1fr;align-items:end;display:grid;position:relative;overflow:hidden}.row__meta{color:var(--ink-2);align-content:space-between;align-self:stretch;gap:1px;padding-bottom:.2em;display:grid}.row__num{color:var(--ink)}.row__title{letter-spacing:-.025em;white-space:nowrap;transition:font-stretch .9s var(--ease), font-weight .9s var(--ease);font-size:clamp(38px,6.1vw,118px);font-weight:820;font-stretch:75%;line-height:.86}.row:hover .row__title{font-weight:260;font-stretch:125%}.row--soon,.row--soon .row__num{color:var(--ink-3)}.pill{border:1px solid;border-radius:999px;justify-self:start;padding:2px 9px;display:inline-block}.row--live .pill{background:var(--ink);color:var(--paper);border-color:var(--ink)}.peek{z-index:40;pointer-events:none;opacity:0;will-change:transform;width:clamp(200px,24vw,380px);transition:opacity .35s;position:fixed;top:0;left:0}.peek.on{opacity:1}.exp__head{padding:4vh var(--gutter) 10vh;border-top:1px solid var(--ink);grid-template-columns:minmax(150px,16vw) 1fr;display:grid}.exp__head>.mono{padding-top:1.1em}.exp__title{letter-spacing:-.045em;margin:0;font-size:clamp(56px,11.2vw,210px);font-weight:880;line-height:.82}.exp__title .x{letter-spacing:-.035em;font-weight:250;font-stretch:125%;display:block}.exp__lede{columns:2 18em;column-gap:var(--gutter);grid-column:2;max-width:38em;margin:4.5vh 0 0}.dissect{height:620svh;position:relative}.stage{height:100svh;position:sticky;top:0;overflow:hidden}.words{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.word{letter-spacing:-.045em;clip-path:inset(0 0 100%);transition:clip-path .9s var(--ease);grid-area:1/1;justify-items:center;font-weight:900;font-stretch:125%;line-height:.8;display:grid}.word span{white-space:nowrap}.word.on{clip-path:inset(0)}.word.past{clip-path:inset(100% 0 0)}.specimen{aspect-ratio:1260/1600;height:min(116svh,205vw);position:absolute;top:50%;left:50%;translate:-30.2% -34%}.specimen img{will-change:clip-path;width:100%;height:100%;position:absolute;inset:0}.soft{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#000 78%,#0000 99%),linear-gradient(#000 78%,#0000 99%);mask-image:linear-gradient(90deg,#000 78%,#0000 99%),linear-gradient(#000 78%,#0000 99%);-webkit-mask-composite:source-in;mask-composite:intersect}.breathe{transform-origin:46% 58%;animation:.968s ease-in-out infinite breathe}@keyframes breathe{0%,60%,to{scale:1}12%{scale:1.006}30%{scale:1.003}}.scan{background:var(--ink);opacity:0;height:1px;position:absolute;left:-5%;right:38%}.scan span{color:var(--ink);position:absolute;bottom:6px;right:0}.scan span:first-child{left:0;right:auto}.stage__top{top:calc(var(--bar-h) + 6px);left:var(--gutter);right:var(--gutter);color:var(--ink-2);justify-content:space-between;display:flex;position:absolute}.caption{left:var(--gutter);gap:8px;width:min(360px,60vw);display:grid;position:absolute;bottom:22px}.caption__n{align-items:baseline;gap:14px;display:flex}.caption__n b{font-weight:500}.caption p{min-height:4.4em;margin:0}.steps{right:var(--gutter);justify-items:end;gap:3px;margin:0;padding:0;list-style:none;display:grid;position:absolute;bottom:22px}.steps li{color:var(--ink-3);align-items:center;gap:10px;transition:color .3s;display:flex}.steps li i{letter-spacing:0;border:1px solid #0000;border-radius:999px;place-items:center;width:22px;height:22px;font-size:9.5px;font-style:normal;transition:all .3s;display:grid}.steps li.on{color:var(--ink)}.steps li.on i{background:var(--ink);color:var(--paper)}.voyage{height:720svh;position:relative}.voyage__frame{width:min(100vw - 2 * var(--gutter) - 400px, (100svh - 150px) * 1.6);aspect-ratio:16/10;box-shadow:0 0 0 1px var(--line);position:absolute;top:52%;left:50%;overflow:hidden;translate:-50% -50%}.voyage__frame img{object-fit:cover;will-change:clip-path;width:100%;height:100%;position:absolute;inset:0}.tide{opacity:0;pointer-events:none;background:#0f0f0e;height:1px;position:absolute;left:0;right:0}.reel{height:calc(var(--n,6) * 100svh + 20svh);position:relative}.reel__frame{width:min(100vw - 2 * var(--gutter) - 400px, (100svh - 150px) * 1.6);aspect-ratio:16/10;box-shadow:0 0 0 1px var(--line);position:absolute;top:52%;left:50%;overflow:hidden;translate:-50% -50%}.reel__frame img{object-fit:cover;will-change:clip-path;width:100%;height:100%;position:absolute;inset:0}.reel__cut{pointer-events:none;opacity:0;mix-blend-mode:difference;width:100%;height:100%;position:absolute;inset:0}.reel__cut line{stroke:#fff;stroke-width:1.25px;vector-effect:non-scaling-stroke}.enter{padding:12vh var(--gutter) 22vh;text-align:center;justify-items:center;gap:22px;display:grid}.cta{border:1px solid var(--ink);letter-spacing:-.03em;transition:background .4s var(--ease), color .4s var(--ease), font-stretch .6s var(--ease);border-radius:999px;align-items:center;gap:.5em;padding:.42em .95em .5em;font-size:clamp(26px,3.6vw,60px);font-weight:620;line-height:1;display:inline-flex}.cta:hover{background:var(--ink);color:var(--paper);font-stretch:118%}.cta .arr{transition:translate .5s var(--ease);font-weight:300}.cta:hover .arr{translate:.15em}.enter .mono{color:var(--ink-2)}.colophon{gap:var(--gutter);padding:5vh var(--gutter) 16vh;border-top:1px solid var(--ink);grid-template-columns:minmax(150px,16vw) repeat(3,1fr);display:grid}.colophon h3{color:var(--ink-2);margin:0 0 12px}.colophon p{max-width:32em;margin:0}.foot{overflow:hidden}.foot__meta{padding:0 var(--gutter) 14px;color:var(--ink-2);justify-content:space-between;gap:16px;display:flex}.foot__meta a:hover{color:var(--ink)}.foot__word{padding:0 var(--gutter)}.foot__word span{vertical-align:top;letter-spacing:-.045em;white-space:nowrap;height:.56em;font-weight:900;font-stretch:125%;line-height:.74;display:inline-block;overflow:hidden}.reveal{opacity:0;transition:opacity 1.1s var(--ease-out), translate 1.1s var(--ease-out);translate:0 28px}.reveal.in{opacity:1;translate:0}@media (width<=860px){:root{--bar-h:50px}.bar .hide-s{display:none}.row>*{grid-template-columns:1fr;gap:10px}.row__meta{grid-auto-flow:column;justify-content:start;gap:14px}.row__title{white-space:normal;font-size:11vw;font-stretch:100%}.row:hover .row__title{font-weight:820;font-stretch:100%}.exp__head{grid-template-columns:1fr;gap:18px}.exp__lede{columns:1;grid-column:1}.specimen{height:min(116svh,150vw)}.voyage__frame,.reel__frame{width:calc(100vw - 2 * var(--gutter))}.steps{left:var(--gutter);right:var(--gutter);grid-auto-flow:column;justify-content:space-between;bottom:18px}.steps li{gap:0;font-size:0}.steps li.on{gap:8px;font-size:11px}.colophon{grid-template-columns:1fr}.grid-overlay{grid-template-columns:repeat(4,1fr)}.grid-overlay i:nth-child(n+5){display:none}}@media (prefers-reduced-motion:reduce){.wave span,.breathe{animation:none}.reveal{opacity:1;transition:none;translate:none}}
