html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}fly-through{--ft-bg: #000;--ft-fg: #fff;--ft-accent: #fff;--ft-bar-bottom: 20px;display:block;background:var(--ft-bg);color:var(--ft-fg)}.ft__track{position:relative}fly-through[error] .ft__track{display:none}.ft__stage{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;background:var(--ft-bg)}.ft__canvas{position:absolute;inset:0;width:100%;height:100%}.ft__overlays{position:absolute;inset:0;pointer-events:none}.ft__overlays>[data-stop],.ft__overlays>[data-moment]{pointer-events:none;opacity:0;visibility:hidden;transition:opacity .26s ease-out,transform .26s ease-out,visibility 0s linear .26s}.ft__overlays>[data-stop][data-active],.ft__overlays>[data-moment][data-active]{pointer-events:auto;opacity:1;visibility:visible;transition:opacity .6s cubic-bezier(.19,1,.22,1),transform .6s cubic-bezier(.19,1,.22,1),visibility 0s}fly-through[intro-reveal] .ft__overlays>[data-stop][data-active]{transition:opacity 1.3s cubic-bezier(.4,0,.2,1),transform 1.3s cubic-bezier(.4,0,.2,1),visibility 0s}.ft__hint{position:absolute;left:50%;bottom:calc(var(--ft-bar-bottom) + 56px);transform:translate(-50%);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7;transition:opacity .4s ease}.ft__hint[hidden]{display:block;opacity:0}.ft__loading{position:absolute;inset:0;display:grid;place-content:center;gap:14px;justify-items:center;background:#0000008c;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;transition:opacity .45s ease}.ft__loading.is-done{opacity:0;pointer-events:none}.ft__loading-pct{font-variant-numeric:tabular-nums;letter-spacing:.08em;opacity:.7}.ft__loading-bar{width:200px;height:2px;border-radius:2px;background:#fff3;overflow:hidden}.ft__loading-bar i{display:block;height:100%;background:var(--ft-fg);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.ft__bar{position:absolute;left:50%;bottom:var(--ft-bar-bottom);transform:translate(-50%);width:min(720px,calc(100% - 40px));display:grid;gap:10px;z-index:2}.ft__line{height:1px;background:#ffffff38;overflow:hidden}.ft__fill{height:100%;background:var(--ft-accent);transform:scaleX(0);transform-origin:left;will-change:transform}.ft__labels{display:flex;justify-content:space-between}.ft__label{position:relative;display:inline-flex;align-items:center;gap:8px;padding:6px 0;font:inherit;font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;background:none;border:0;cursor:pointer;transition:color .3s ease}.ft__label:hover,.ft__label[aria-current]{color:var(--ft-fg)}.ft__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.ft__label:after{content:"";position:absolute;top:-20px;bottom:-10px;left:50%;width:max(100%,44px);transform:translate(-50%)}.ft__label:first-child:after{left:0;transform:translate(-12px)}.ft__label:last-child:after{left:auto;right:-12px;transform:none}@media(max-width:640px){.ft__label span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ft__label[aria-current] span{position:static;width:auto;height:auto;overflow:visible;clip-path:none}.ft__dot{width:8px;height:8px}}fly-through[mode=stills] .ft__stills{display:grid}.ft__still{position:relative;min-height:100vh;min-height:100dvh;display:grid}.ft__still img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ft__still>[data-stop]{position:relative}:root{--bg: #0c0c0d;--bg-2: #141416;--line: rgba(243, 241, 236, .12);--fg: #f3f1ec;--muted: rgba(243, 241, 236, .62);--accent: #ff7a45;--serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--gutter: clamp(16px, 5vw, 64px)}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:var(--bg);color:var(--fg);font:400 1rem/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:3px}a:hover{color:var(--accent)}em{font-style:italic;color:var(--accent)}code{font-family:var(--mono);font-size:.875em}pre{margin:0;padding:14px 16px;overflow-x:auto;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;font:.8125rem/1.6 var(--mono)}pre code{font-size:inherit}.top{position:absolute;inset:0 0 auto;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:20px var(--gutter);font-size:.875rem}.top nav{display:flex;gap:20px}.top a{text-decoration:none;color:var(--muted)}.top a:hover{color:var(--fg)}.mark{font:italic 1.5rem/1 var(--serif);color:var(--fg)!important}.intro{min-height:100vh;min-height:100svh;display:grid;align-content:center;gap:24px;padding:120px var(--gutter) 64px;max-width:1100px;margin:0 auto}.eyebrow,.card__n{margin:0;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.intro h1{margin:0;font:400 clamp(2.75rem,7.4vw,6.25rem)/.98 var(--serif);letter-spacing:-.01em;max-width:15ch}.lede{margin:0;max-width:54ch;font-size:1.125rem;color:var(--muted)}.install{justify-self:start}.cue{margin:24px 0 0;font-size:.8125rem;color:var(--muted)}.cue span{display:inline-block;animation:cue 1.8s ease-in-out infinite}@keyframes cue{50%{transform:translateY(4px)}}#tour{--ft-bg: #0c0c0d;--ft-accent: var(--accent);--ft-bar-bottom: max(20px, env(safe-area-inset-bottom));font-family:var(--sans)}#tour .ft__stage:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(to top,rgba(12,12,13,.72),transparent);pointer-events:none}#tour .ft__bar{z-index:3}#tour .ft__overlays{z-index:2}#tour .ft__label{color:#f3f1ec9e}#tour .ft__label:hover,#tour .ft__label[aria-current]{color:var(--fg)}.card{position:absolute;left:var(--gutter);bottom:calc(var(--ft-bar-bottom) + 96px);width:min(420px,calc(100% - 2 * var(--gutter)));padding:22px 24px 24px;background:#0c0c0d9e;border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);transform:translateY(14px)}.card[data-active]{transform:none}.card h2{margin:8px 0 10px;font:400 2rem/1.05 var(--serif)}.card p:last-child{margin:0;color:var(--muted);font-size:.9375rem}.card pre{margin:0 0 12px;font-size:.75rem;white-space:pre-wrap;word-break:break-word}.moment{position:absolute;left:50%;top:30%;width:min(760px,calc(100% - 2 * var(--gutter)));margin:0;text-align:center;font:italic 400 clamp(1.75rem,4.4vw,3.25rem)/1.1 var(--serif);text-shadow:0 2px 30px rgba(0,0,0,.45);color:#fff;--ft-moment: .5;transform:translate(-50%,calc((.5 - var(--ft-moment)) * 60px))}#tour[mode=stills] .card,#tour[mode=stills] .moment{position:relative;left:auto;bottom:auto;top:auto;transform:none;align-self:end;margin:var(--gutter)}#tour[mode=stills] .moment{padding:15vh var(--gutter);width:auto}.after{position:relative;z-index:1;background:var(--bg);max-width:1100px;margin:0 auto;padding:120px var(--gutter) 64px;display:grid;gap:96px}.use{display:grid;gap:18px;max-width:720px}.use h2{margin:0;font:400 3rem/1 var(--serif)}.use p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.grid>div{background:var(--bg);padding:24px}.grid h3{margin:0 0 8px;font:400 1.5rem/1.1 var(--serif)}.grid p{margin:0;color:var(--muted);font-size:.9375rem}.foot{max-width:1100px;margin:0 auto;padding:32px var(--gutter) 48px;border-top:1px solid var(--line);color:var(--muted);font-size:.8125rem}.foot p{margin:4px 0}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid{grid-template-columns:1fr}.card{left:16px;right:16px;width:auto;bottom:calc(var(--ft-bar-bottom) + 64px);padding:18px 18px 20px}.card h2{font-size:1.625rem}.moment{top:22%}}@media(prefers-reduced-motion:reduce){.cue span{animation:none}}
