@font-face{font-family:Google Sans;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/GoogleSans_17pt-Regular.woff2) format("woff2")}@font-face{font-family:Google Sans;font-weight:400;font-style:italic;font-display:swap;src:url(/fonts/GoogleSans_17pt-Italic.woff2) format("woff2")}@font-face{font-family:Google Sans;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/GoogleSans_17pt-Medium.woff2) format("woff2")}:root{--bg: #050507;--fg: #ece9e2;--muted: rgba(236, 233, 226, .62);--faint: rgba(236, 233, 226, .16);--blue: #38bdf8;--violet: #7dd3fc;--ease: cubic-bezier(.16, 1, .3, 1);--serif: "Google Sans", system-ui, sans-serif;--sans: "Google Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--gutter: clamp(16px, 5vw, 88px)}*{box-sizing:border-box}html{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);font:400 13px/1.75 var(--mono);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--violet);color:var(--bg)}.has-cursor,.has-cursor *{cursor:none!important}.is-loading{overflow:hidden}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}.veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.72) 100%)}.veil:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.no-webgl body{background:radial-gradient(1px 1px at 20% 30%,#fff8 50%,transparent 51%),radial-gradient(1px 1px at 70% 60%,#fff6 50%,transparent 51%),radial-gradient(1px 1px at 40% 80%,#fff5 50%,transparent 51%),radial-gradient(60% 40% at 50% 45%,#14142a 0%,var(--bg) 70%);background-size:180px 180px,240px 240px,300px 300px,100% 100%;background-attachment:fixed}.no-webgl #scene,.no-webgl .cursor,.no-webgl .hint{display:none}.eyebrow{margin:0;font:500 11px/1.2 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.headline,h2{font-family:var(--serif);font-weight:400;margin:0;color:var(--fg)}.headline{font-size:clamp(3rem,9.5vw,9rem);line-height:.95;letter-spacing:-.035em;margin:.28em 0 .32em;text-wrap:balance}h2{font-size:clamp(2.4rem,5.6vw,5rem);line-height:.98;letter-spacing:-.03em;margin:.45em 0 .55em}em{font-style:italic}.headline em,h2 em{color:var(--blue);text-shadow:0 0 40px rgba(56,189,248,.35)}.copy p:not(.eyebrow){color:var(--muted);max-width:40ch;margin:0 0 1.1em;font:400 15px/1.65 var(--sans);text-shadow:0 0 10px var(--bg),0 0 22px var(--bg)}.copy .link{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--blue);padding-bottom:2px}.copy .link:hover,.copy .link:focus-visible{color:var(--blue);outline:none}.tools{list-style:none;margin:0 0 1.2em;padding:0;display:grid;gap:8px;max-width:40ch}.tools:empty,.themes:empty{display:none}.tools a{display:block;padding:10px 14px;border:1px solid var(--faint);border-radius:14px;background:rgba(5,5,7,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-decoration:none;color:var(--fg);transition:border-color .4s var(--ease),background .4s var(--ease)}.tools a:hover,.tools a:focus-visible{border-color:var(--blue);background:rgba(56,189,248,.08);outline:none}.tools strong{display:block;font:500 15px/1.3 var(--sans)}.tools span{font:400 13px/1.45 var(--sans);color:var(--muted);margin-top:2px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.themes{list-style:none;margin:0 auto 1.4em;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:44rem}.themes a{display:inline-block;padding:8px 14px;border:1px solid var(--faint);border-radius:999px;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg);text-decoration:none;background:rgba(5,5,7,.55)}.themes a:hover,.themes a:focus-visible{border-color:var(--blue);color:var(--blue);outline:none}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:1.4em}.actions .cta{margin-top:0;text-decoration:none;display:inline-block}.cta.cta--solid{background:var(--fg);color:var(--bg);border-color:var(--fg)}.cta.cta--solid:hover,.cta.cta--solid:focus-visible{background:var(--blue);color:var(--bg);border-color:var(--blue)}.copy .note{color:var(--fg);opacity:.8;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.copy .note:before{content:"";display:inline-block;width:22px;height:1px;background:currentColor;vertical-align:middle;margin-right:12px;opacity:.6}main{position:relative;z-index:2}.has-cursor main,.hero{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.section{position:relative;min-height:100vh;min-height:100svh;display:grid;align-items:center;padding:96px var(--gutter) 64px}.section .copy{max-width:34rem}.section[data-align=left] .copy{justify-self:start}.section[data-align=right] .copy{justify-self:end}.section[data-align=center] .copy,.section[data-align=top] .copy{justify-self:center;text-align:center}.section[data-align=center] .copy p,.section[data-align=top] .copy p{margin-inline:auto}.section[data-align=top]{align-items:start;padding-top:16svh}.hero .copy{max-width:none}.hero .lede{font-size:13px}.headline .w{display:inline-block;white-space:nowrap}.headline .ch{display:inline-block;will-change:transform}.headline .w{opacity:0;transform:translateY(.35em);filter:blur(12px);transition:opacity 1.6s var(--ease),transform 1.8s var(--ease),filter 1.6s var(--ease);transition-delay:calc(.2s + var(--i, 0) * .12s)}.is-in .headline .w{opacity:1;transform:none;filter:none}.reveal{opacity:0;transform:translateY(1.1rem);filter:blur(8px);transition:opacity 1.2s var(--ease),transform 1.4s var(--ease),filter 1.2s var(--ease);transition-delay:calc(var(--i, 0) * .11s)}.is-in .reveal,.no-webgl .reveal,.no-webgl .headline .w{opacity:1;transform:none;filter:none}.scroll-cue{position:absolute;left:50%;bottom:5svh;translate:-50% 0;font:500 10px/1 var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);display:grid;justify-items:center;gap:14px}.scroll-cue:after{content:"";width:1px;height:44px;background:linear-gradient(var(--fg),transparent);transform-origin:top;animation:cue 2.4s var(--ease) infinite}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}.cta{margin-top:1.4em;font:500 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg);background:transparent;border:1px solid var(--faint);border-radius:999px;padding:16px 26px;transition:background .5s var(--ease),color .5s var(--ease),border-color .5s var(--ease),opacity 1.2s var(--ease),transform 1.4s var(--ease),filter 1.2s var(--ease)}.cta:hover,.cta:focus-visible{background:var(--fg);color:var(--bg);border-color:var(--fg);outline:none}.colophon{position:absolute;left:0;right:0;bottom:28px;text-align:center;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#ece9e273}.colophon a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--faint)}.colophon a:hover,.colophon a:focus-visible{color:var(--fg);outline:none}.hud{position:fixed;z-index:3;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:baseline;padding:24px var(--gutter);font:500 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;pointer-events:none}.hud>*{pointer-events:auto}.hud__mark{color:var(--fg);text-decoration:none;font:500 16px/1 var(--sans);letter-spacing:-.01em;text-transform:none}.hud__mark span{color:var(--blue)}.hud__right{display:flex;align-items:center;gap:22px}.hud__switch{color:var(--fg);text-decoration:none;border:1px solid var(--faint);border-radius:999px;padding:9px 14px;background:rgba(5,5,7,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .4s var(--ease),color .4s var(--ease)}.hud__switch:hover,.hud__switch:focus-visible{border-color:var(--blue);color:var(--blue);outline:none}.hud__switch--quiet{border-color:transparent;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;margin-right:-14px}.hud__switch{position:relative}.hud__switch:after{content:"";position:absolute;top:-8px;right:-4px;bottom:-8px;left:-4px}.hud__meta{color:var(--muted);display:flex;gap:8px}.hud__meta [data-index]{color:var(--fg)}.hud__sep{opacity:.4}.hud__title{margin-left:18px;color:var(--fg);min-width:7ch;text-align:right}.rail{position:fixed;z-index:3;right:calc(var(--gutter) / 2);top:50%;height:22vh;width:1px;translate:0 -50%;background:var(--faint)}.rail i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--fg);transform-origin:top;transform:scaleY(0)}.hint{position:fixed;z-index:3;left:50%;bottom:26px;margin:0;translate:-50% 0;font:500 10px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--muted);white-space:nowrap;transition:opacity 1s var(--ease),letter-spacing 1.2s var(--ease)}.hint b{font-weight:400;opacity:.4;margin:0 .6em}.hint.is-holding{color:var(--fg);letter-spacing:.42em}.hint.is-gone,.is-scrolled .hint{opacity:0}.hud,.rail,.hint{opacity:0;transition:opacity 1.4s var(--ease) .6s}.is-ready .hud,.is-ready .rail{opacity:1}.is-ready .hint:not(.is-gone){opacity:1}.is-ready.is-scrolled .hint{opacity:0}.cursor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;display:none}.has-cursor .cursor{display:block}.cursor.is-hidden{opacity:0}.cursor{transition:opacity .4s var(--ease)}.cursor__ring,.cursor__core{position:absolute;left:0;top:0}.cursor__ring{width:48px;height:48px;margin:-24px 0 0 -24px}.cursor__ring svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.cursor__ring circle{fill:none;stroke-width:1;vector-effect:non-scaling-stroke}.cursor__track{stroke:#ece9e259}.cursor__charge{stroke:var(--blue);stroke-dasharray:138.2;stroke-dashoffset:138.2}.cursor__core{width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#000;box-shadow:0 0 0 1px #ece9e2e6,0 0 18px 2px #38bdf84d}.cursor__pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--fg);opacity:0}.cursor__pulse.is-on{animation:pulse .9s var(--ease) forwards}@keyframes pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(4.2)}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:var(--bg);transition:opacity 1.2s var(--ease),visibility 0s linear 1.2s}.loader.is-done{opacity:0;visibility:hidden}.loader__inner{display:grid;justify-items:center;gap:22px;transition:transform 1.2s var(--ease),filter 1.2s var(--ease)}.loader.is-done .loader__inner{transform:scale(.94);filter:blur(10px)}.loader__count{font:400 clamp(4rem,12vw,8rem)/1 var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.loader__bar{width:min(240px,60vw);height:1px;background:var(--faint);position:relative;overflow:hidden}.loader__bar i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--fg);transform-origin:left;transform:scaleX(0)}.loader__note{color:var(--faint)}html:not([data-app]) .loader{animation:failsafe-hide .6s 8s forwards}html:not([data-app]) .reveal,html:not([data-app]) .headline .w{animation:failsafe-show .6s 8s forwards}@keyframes failsafe-hide{to{opacity:0;visibility:hidden}}@keyframes failsafe-show{to{opacity:1;transform:none;filter:none}}@media (max-width: 760px),(max-aspect-ratio: 9/10){.section{align-items:end;padding-bottom:14svh}.section[data-align] .copy{justify-self:center;text-align:center}.section[data-align] .copy p{margin-inline:auto}.section[data-align=top]{align-items:start;padding-top:14svh}.hero{align-items:center;padding-bottom:0}.hud__title,.hud__meta,.rail{display:none}.tools{margin-inline:auto;text-align:left}}@media (pointer: coarse){main{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}@media (prefers-reduced-motion: reduce){.reveal,.headline .w{transform:none;filter:none;transition-duration:.6s;transition-delay:0s}.scroll-cue:after{animation:none}.cursor__pulse.is-on{animation-duration:.01s}}
