:root{--midnight:#1a1d23;--graphite:#2e323a;--slate:#6b7280;--warm-gray:#9ca3af;--stone:#d4d0c8;--stone-soft:#e8e4dc;--parchment:#f5f2ed;--cream:#fdfcfa;--paper:#fff;--green:#1f4d3a;--green-deep:#163a2b;--green-light:#7a9b88;--green-pale:#c3d2c9;--brass:#9c7b4f;--brass-soft:#e8dcc8;--edge:clamp(22px, 6vw, 108px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}::selection{background:var(--green);color:var(--paper)}body{background:var(--cream);color:var(--midnight);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,sans-serif;font-weight:300;overflow-x:hidden}a{color:inherit;text-decoration:none}.frame{padding-left:var(--edge);padding-right:var(--edge)}.grotesk{font-family:Plus Jakarta Sans,sans-serif}.serif{font-family:Cormorant Garamond,serif}.mono{font-family:JetBrains Mono,monospace}.lab{letter-spacing:2px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}.reg{vertical-align:.95em;font-size:.42em;font-weight:500}.pill{letter-spacing:1.3px;text-transform:uppercase;color:var(--graphite);white-space:nowrap;border:1px solid;border-radius:100px;align-items:center;gap:7px;padding:7px 14px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:500;display:inline-flex}.pill.on-dark{color:var(--green-pale)}.ctrl{border:1px solid var(--stone);width:50px;height:50px;color:var(--midnight);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:17px;transition:background .35s,color .35s,border-color .35s,transform .35s;display:inline-flex}.ctrl:hover{background:var(--midnight);color:var(--paper);border-color:var(--midnight)}.ctrl:disabled{opacity:.28;cursor:default}.ctrl:disabled:hover{color:var(--midnight);border-color:var(--stone);background:0 0}.btn-circle{background:var(--midnight);width:clamp(118px,13vw,156px);height:clamp(118px,13vw,156px);color:var(--paper);letter-spacing:1.5px;text-transform:uppercase;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;transition:background .4s,transform .4s;display:inline-flex}.btn-circle:hover{background:var(--green);transform:rotate(8deg)scale(1.03)}.btn-circle .ar{font-size:16px;transition:transform .4s}.btn-circle:hover .ar{transform:translate(3px,-3px)}.tlink{letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:9px;padding-bottom:4px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;display:inline-flex;position:relative}button.tlink{cursor:pointer;color:inherit;background:0 0;border:none}.tlink:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .45s cubic-bezier(.6,0,.2,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.tlink:hover:after{transform:scaleX(1)}.tlink .ar{color:var(--green);transition:transform .4s}.tlink:hover .ar{transform:translate(5px)}.rule{background:var(--midnight);border:none;height:1px}.rule-soft{background:var(--stone-soft);border:none;height:1px}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transform:translateY(22px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}