:root { --ink:#0b0b0b; --paper:#f1eee8; --raised:#f8f5f0; --muted:#625d56; --orange:#c95f32; --line:rgba(11,11,11,.18); --display:"Archivo Black",Archivo,Arial,sans-serif; --body:Archivo,Arial,sans-serif; --data:"JetBrains Mono",Consolas,monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--body); font-size:17px; line-height:1.65; }
a { color:inherit; text-underline-offset:.22em; }
a:focus-visible { outline:3px solid var(--orange); outline-offset:4px; }
.terms-header, footer { min-height:74px; padding:16px clamp(22px,4vw,72px); display:flex; align-items:center; justify-content:space-between; gap:24px; background:var(--ink); color:var(--paper); }
.terms-wordmark { font-family:var(--display); font-size:1.25rem; font-weight:800; letter-spacing:-.025em; text-transform:uppercase; text-decoration:none; }
.terms-wordmark span { color:var(--orange); }
.terms-contact, footer p { font-size:.84rem; }
main { width:min(1180px,calc(100% - 44px)); margin:0 auto; padding:clamp(58px,8vw,110px) 0 90px; }
.terms-intro { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:clamp(36px,8vw,100px); align-items:end; padding-bottom:clamp(42px,6vw,72px); border-bottom:1px solid var(--line); }
.terms-intro h1 { margin:8px 0 0; max-width:10ch; font-family:var(--display); font-size:clamp(3.8rem,8vw,7rem); line-height:.88; letter-spacing:-.04em; text-transform:uppercase; }
.terms-intro p, .terms-intro div > p { margin:0; color:var(--muted); }
.terms-intro div > p, .terms-layout nav strong { font-family:var(--data); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; }
.terms-notice { margin:32px 0 64px; padding:24px 28px; display:grid; grid-template-columns:220px 1fr; gap:24px; background:var(--ink); color:var(--paper); border-top:3px solid var(--orange); }
.terms-notice strong { font-family:'Archivo', Arial, sans-serif; font-weight:600; font-size:1.15rem; line-height:1.45; letter-spacing:0; }
.terms-notice p { margin:0; color:rgba(241,238,232,.76); }
.terms-layout { display:grid; grid-template-columns:220px minmax(0,740px); gap:clamp(48px,9vw,120px); align-items:start; }
.terms-layout nav { position:sticky; top:28px; padding-top:7px; }
.terms-layout nav ol { margin:18px 0 0; padding:0; list-style:none; counter-reset:terms; border-top:1px solid var(--line); }
.terms-layout nav li { counter-increment:terms; border-bottom:1px solid var(--line); }
.terms-layout nav a { display:block; padding:10px 0; color:var(--muted); font-size:.85rem; text-decoration:none; }
.terms-layout nav a::before { content:counter(terms,decimal-leading-zero) "  "; color:var(--orange); font-family:var(--data); font-size:.68rem; }
.terms-copy section { scroll-margin-top:32px; padding:0 0 42px; margin:0 0 42px; border-bottom:1px solid var(--line); }
.terms-copy h2 { margin:0 0 18px; font-family:var(--display); font-size:clamp(1.65rem,3vw,2.35rem); line-height:1.05; letter-spacing:-.025em; }
.terms-copy p { max-width:72ch; margin:0 0 16px; color:#393631; }
.terms-copy p:last-child { margin-bottom:0; }
footer { min-height:110px; }
footer p { margin:0; color:rgba(241,238,232,.7); }
@media (max-width:760px) { body { font-size:16px; } .terms-contact { display:none; } main { width:min(100% - 30px,1180px); padding-top:52px; } .terms-intro { grid-template-columns:1fr; gap:28px; } .terms-intro h1 { font-size:clamp(3.2rem,18vw,5rem); } .terms-notice { grid-template-columns:1fr; } .terms-layout { grid-template-columns:1fr; gap:44px; } .terms-layout nav { position:static; } footer { align-items:flex-start; flex-direction:column; justify-content:center; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }