:root{--bg:#000;--ink:#f3ece4;--ink-dim:#b3a79b;--ink-faint:#6f655c;--accent:#d89a5b;--serif:"Frank Ruhl Libre", "Times New Roman", serif;--sans:"Heebo", system-ui, sans-serif;--gutter:clamp(16px, 5vw, 72px);--col:min(34rem, 42vw)}*,:before,:after{box-sizing:border-box}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-weight:300;overflow-x:hidden}body.is-loading{overflow:hidden}a{color:var(--accent);border-bottom:1px solid color-mix(in srgb, var(--accent) 40%, transparent);text-decoration:none}.loader{z-index:50;background:var(--bg);place-content:center;justify-items:center;gap:1rem;transition:opacity .8s,visibility .8s;display:grid;position:fixed;inset:0}.loader.is-done{opacity:0;visibility:hidden}.loader__ring{border:1px solid var(--ink-faint);border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:1s linear infinite spin}.loader__text{letter-spacing:.2em;color:var(--ink-dim);font-variant-numeric:tabular-nums;margin:0;font-size:.8rem}@keyframes spin{to{transform:rotate(360deg)}}.stage{z-index:0;position:fixed;inset:0;overflow:hidden}.stage__canvas{transform-origin:30%;will-change:transform;width:100%;height:100%;display:block}.stage__vignette{pointer-events:none;background:radial-gradient(120% 90% at 30% 55%,#0000 45%,#0000008c 100%),linear-gradient(270deg,#0000008c,#0000 55%);position:absolute;inset:0}.stage__grain{pointer-events:none;opacity:.07;background-image: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");animation:.6s steps(3,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}to{transform:translate(0)}}.topbar{top:0;z-index:10;padding:1.25rem var(--gutter) 2.5rem;pointer-events:none;letter-spacing:.08em;color:var(--ink-dim);background:linear-gradient(#000 35%,#0000);justify-content:space-between;align-items:center;font-size:.8rem;display:flex;position:fixed;inset-inline:0}.topbar__brand{font-family:var(--serif);color:var(--ink);font-size:1rem;font-weight:500}.topbar__deg{font-variant-numeric:tabular-nums;text-align:left;direction:ltr;min-width:4ch}.progress{top:0;z-index:11;background:#ffffff0f;height:2px;position:fixed;inset-inline:0}.progress__bar{background:var(--accent);transform-origin:100%;height:100%;transform:scaleX(0)}main{z-index:1;position:relative}.hero{min-height:100svh;padding:6rem var(--gutter) 4rem;flex-direction:column;justify-content:center;display:flex}.eyebrow{letter-spacing:.25em;color:var(--accent);margin:0 0 1.5rem;font-size:.8rem}.hero__title{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:clamp(3.5rem,11vw,9.5rem);font-weight:300;line-height:.95}.line{padding-bottom:.08em;display:block;overflow:hidden}.line>span{display:inline-block}.hero__lead{max-width:24rem;color:var(--ink-dim);margin:2rem 0 0;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.6}.hero__hint{bottom:2.5rem;letter-spacing:.2em;color:var(--ink-dim);align-items:center;gap:.75rem;font-size:.75rem;display:flex;position:absolute;inset-inline-start:var(--gutter)}.hero__hint i{background:linear-gradient(var(--accent), transparent);transform-origin:top;width:1px;height:48px;animation:2s ease-in-out infinite drip}@keyframes drip{0%{opacity:1;transform:scaleY(0)}70%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.story{padding:0 var(--gutter)}.step{height:160vh}.step__inner{height:100svh;max-width:var(--col);flex-direction:column;justify-content:center;display:flex;position:sticky;top:0}.step__num{letter-spacing:.2em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:.8rem}.step h2{font-family:var(--serif);margin:.6rem 0 1.2rem;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:500;line-height:1}.step p{color:var(--ink-dim);margin:0;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.75}.outro{text-align:center;min-height:100svh;padding:6rem var(--gutter);flex-direction:column;justify-content:center;align-items:center;display:flex}.outro__title{font-family:var(--serif);margin:0;font-size:clamp(2.2rem,5vw,4.5rem);font-weight:300;line-height:1.15}.outro__credit{color:var(--ink-dim);margin:2.5rem 0 .5rem;font-size:.95rem}.outro__stack{letter-spacing:.15em;color:var(--ink-faint);direction:ltr;margin:0;font-size:.75rem}@media (aspect-ratio<=1){:root{--col:100%}.stage__canvas{transform-origin:50% 35%}.stage__vignette{background:linear-gradient(#0000 30%,#0009 55%,#000000f2 80%)}.hero,.step__inner{justify-content:flex-end;padding-bottom:10vh}.hero__hint{display:none}}@media (prefers-reduced-motion:reduce){.stage__grain,.hero__hint i,.loader__ring{animation:none}}
