@font-face{font-family:"Syncopate";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/syncopate-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Syncopate";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/syncopate-latin-700-normal.woff2") format("woff2")}
:root{--sand:#E9DFCE;--ink:#2F2923;--taupe:#A8957A;--muted:#5E5344;--rust:#B4573B}
*{box-sizing:border-box}
html{background:var(--sand)}
body{margin:0;min-height:100vh;min-height:100svh;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:radial-gradient(ellipse at 50% 38%,#F2EADB 0%,var(--sand) 55%,#DCCFBA 100%);position:relative}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.08;mix-blend-mode:multiply;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='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.stage{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(28px,5vh,44px);padding:32px 24px 88px;text-align:center;animation:fade 1.4s ease-out both}
@keyframes fade{from{opacity:0}to{opacity:1}}
.wheel{width:clamp(170px,36vmin,300px);height:auto;display:block}
.spin{transform-origin:160px 160px;animation:spin 32s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.name{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;font-family:"Syncopate",system-ui,sans-serif;text-transform:uppercase}
.name .top{font-weight:400;font-size:clamp(11px,2.8vw,16px);letter-spacing:.6em;margin-right:-.6em}
.name .main{font-weight:700;font-size:clamp(22px,6.2vw,44px);letter-spacing:.2em;margin-right:-.2em;line-height:1}
.soon{margin:0;font-size:clamp(15px,2.4vw,18px);letter-spacing:.04em;color:var(--muted)}
footer{position:absolute;left:0;right:0;bottom:24px;display:flex;justify-content:center;gap:28px;font-size:13px}
footer a,.back{color:var(--muted);text-decoration:none;padding:6px 2px;border-bottom:1px solid transparent}
footer a:hover,.back:hover{color:var(--ink);border-bottom-color:var(--taupe)}
a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.doc{max-width:640px;margin:0 auto;padding:64px 24px 96px;line-height:1.65}
.doc h1{font-family:"Syncopate",system-ui,sans-serif;font-weight:700;font-size:clamp(20px,5vw,28px);letter-spacing:.12em;text-transform:uppercase;margin:40px 0 32px}
.doc h2{font-size:16px;margin:32px 0 8px}
.doc p{margin:0 0 12px}
@media (prefers-reduced-motion:reduce){.spin,.stage{animation:none}}