:root{--bg:#0a0a0b;--fg:#f2ede4;--mute:#85807a;--line:#232326}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font:15px/1.6 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:.92}
em{font-family:"Instrument Serif",serif;font-style:italic;text-transform:none;letter-spacing:0;font-weight:400}
.wrap{max-width:1360px;margin:auto;padding:0 clamp(16px,4vw,56px)}
.label{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}

nav{position:fixed;inset:0 0 auto;z-index:10;mix-blend-mode:difference}
nav .wrap{display:flex;justify-content:space-between;align-items:center;height:80px}
nav img{height:26px;filter:invert(1)}
nav ul{display:flex;gap:32px;list-style:none;padding:0;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
nav ul a{position:relative}
nav ul a::after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s}
nav ul a:hover::after{transform:scaleX(1);transform-origin:left}

.btn{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--fg);border-radius:99px;padding:14px 26px;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;transition:background .3s,color .3s}
.btn:hover{background:var(--fg);color:var(--bg)}

footer{border-top:1px solid var(--line);padding:40px 0;color:var(--mute);font-size:13px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
footer nav,footer .links{position:static;display:flex;gap:24px;flex-wrap:wrap;mix-blend-mode:normal}
footer a:hover{color:var(--fg)}

/* legal pages */
.legal{padding:160px 0 120px}
.legal h1{font-size:clamp(56px,9vw,128px);margin:20px 0 64px}
.legal article{max-width:760px}
.legal h2{font-size:28px;margin:48px 0 14px}
.legal p,.legal li{color:#cfc9bf;margin-bottom:14px}
.legal ul{padding-left:20px}

@media(max-width:640px){nav ul{gap:18px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1!important;translate:0!important}}