/* GravenReachMedia — legal / utility pages Minimal, static, no motion. Reuses tokens/fonts from styles.css (imported first in each page's ); this file only lays out the plain content column, header and footer strip for privacy/terms/refund/business-identity/404. */ body{background:var(--bone);color:var(--ink)} .legal-header{display:flex;align-items:center;height:84px;padding:0 var(--pad); border-bottom:var(--rule);background:var(--bone)} .legal-header .brand{display:flex;align-items:center;gap:13px} .legal-header .mark{width:34px;height:34px;flex:none} .legal-header .wm{font-family:var(--didone);font-weight:700;font-size:25px;line-height:1;color:var(--ink)} .legal-header .wm .med{font-family:var(--mono);font-weight:700;font-size:9px;letter-spacing:.22em; color:var(--ink-3);vertical-align:middle;margin-left:8px} .legal-wrap{max-width:64ch;margin:0 auto;padding:clamp(56px,10vh,110px) var(--pad) clamp(80px,12vh,140px)} .legal-eyebrow{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.22em; text-transform:uppercase;color:var(--ember-700);margin-bottom:18px} .legal-wrap h1{font-family:var(--didone);font-weight:900;font-size:clamp(34px,6vw,58px); line-height:1.02;letter-spacing:-.01em;margin-bottom:clamp(24px,4vh,40px)} .legal-body{font-size:16px;line-height:1.7;color:var(--ink-2);margin-bottom:18px;max-width:64ch} .legal-body b{color:var(--ink);font-weight:700} .legal-body a{color:var(--ember-700);text-decoration:underline;text-underline-offset:3px} .legal-body a:hover{color:var(--ember-500)} .legal-404{text-align:center} .legal-404 .legal-eyebrow{text-align:center} .legal-404 .legal-body{margin-left:auto;margin-right:auto} .legal-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap; padding:26px var(--pad) 40px;border-top:var(--rule); font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--ink-3)} .legal-footer a{color:var(--ember-700)} .legal-footer a:hover{color:var(--ember-500)}