:root{--cream:#f2ead3;--bone:#fbf6ea;--ink:#1a1612;--gold:#b8894a;--gold-2:#d4a85f;--gold-3:#f0d68f;--pad:clamp(20px, 3vw, 40px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--cream);width:100%;height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Unbounded,system-ui,sans-serif;font-weight:300;position:fixed;inset:0;overflow:hidden}canvas{outline:none;display:block}::selection{background:var(--gold);color:var(--bone)}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.loader{z-index:200;background:var(--cream);letter-spacing:-.04em;color:var(--ink);justify-content:center;align-items:center;font-family:Unbounded;font-size:56px;font-weight:200;transition:opacity 1.1s cubic-bezier(.2,.7,.2,1);display:flex;position:fixed;inset:0}.loader.is-done{opacity:0;pointer-events:none}.loader em{color:var(--gold);margin-left:4px;font-family:Fraunces;font-size:32px;font-style:italic;font-weight:300}.hud{z-index:30;pointer-events:none;position:fixed;inset:0}.logo{top:32px;left:var(--pad);letter-spacing:.34em;text-transform:uppercase;color:var(--ink);mix-blend-mode:multiply;font-family:Unbounded;font-size:13px;font-weight:400;position:absolute}.logo em{color:var(--gold);letter-spacing:0;margin:0 1px;font-family:Fraunces;font-size:15px;font-style:italic;font-weight:300}.dot{top:34px;right:var(--pad);background:var(--gold);border-radius:50%;width:7px;height:7px;animation:1.6s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.5)}}.cue{top:50%;right:var(--pad);transform-origin:100%;letter-spacing:.5em;text-transform:uppercase;color:var(--ink);opacity:.55;mix-blend-mode:multiply;font-family:JetBrains Mono;font-size:10px;font-weight:400;transition:opacity .8s cubic-bezier(.2,.7,.2,1);position:absolute;transform:translateY(-50%)rotate(90deg)}.is-scrolled .cue{opacity:0}.reveal{letter-spacing:-.05em;color:var(--ink);opacity:0;pointer-events:none;mix-blend-mode:multiply;text-align:center;white-space:nowrap;font-family:Unbounded;font-size:clamp(54px,11vw,180px);font-weight:200;line-height:.9;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateY(20px)}.reveal em{color:var(--gold);letter-spacing:-.025em;font-family:Fraunces;font-style:italic;font-weight:300}.reveal.is-on{opacity:1;transform:translate(-50%,-50%)}.cta{pointer-events:auto;letter-spacing:.4em;text-transform:uppercase;color:var(--ink);border:1px solid var(--ink);opacity:0;background:0 0;padding:18px 32px;font-family:JetBrains Mono;font-size:11px;font-weight:400;transition:all .35s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:max(40px,7vh);left:50%;transform:translate(-50%)}.cta.is-on{opacity:1}.cta:hover{background:var(--ink);color:var(--bone)}.bar{bottom:32px;left:var(--pad);right:var(--pad);mix-blend-mode:multiply;background:#1a16122e;height:1px;position:absolute}.bar i{background:var(--gold);width:0%;height:100%;position:absolute;top:0;left:0}.grain{z-index:25;pointer-events:none;mix-blend-mode:multiply;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='280' height='280'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' seed='5'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/></svg>");position:fixed;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}