:root { --ink:#050505; --paper:#efeae1; --soft:#aaa39a; --heading:#C987A4; --line:#32312e; }
* { box-sizing:border-box; } html { background:var(--ink); scroll-behavior:smooth; } body { background:var(--ink); color:var(--paper); font-family:Manrope,Arial,sans-serif; margin:0; } a { color:inherit; text-decoration:none; }
.page { margin:auto; max-width:1440px; }.header { align-items:center; display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,.7fr) minmax(0,1fr); min-height:112px; padding:0 clamp(20px,3.1vw,60px); }.nav { align-items:center; display:flex; gap:clamp(13px,1.7vw,26px); list-style:none; margin:0; padding:0; white-space:nowrap; }.nav.left { justify-content:flex-end; }.nav.right { justify-content:flex-start; }.nav a { font-size:12px; letter-spacing:.1em; text-transform:uppercase; }.brand { text-align:center; }.wordmark { color:#ded8cf; font-family:Oxygen,Arial,sans-serif; font-size:clamp(27px,2.45vw,38px); font-weight:300; letter-spacing:-.035em; line-height:.9; }.tagline { color:var(--soft); display:block; font-size:9px; font-weight:500; letter-spacing:.15em; margin-top:12px; text-transform:uppercase; }
.legal { margin:auto; max-width:900px; padding:clamp(30px,4vw,58px) clamp(20px,3.1vw,60px) clamp(72px,9vw,130px); }.eyebrow { color:var(--soft); font-size:10px; letter-spacing:.13em; text-transform:uppercase; }.legal h1 { color:var(--heading); font-family:Oxygen,Arial,sans-serif; font-size:clamp(42px,4.7vw,68px); font-weight:300; letter-spacing:-.05em; line-height:.95; margin:18px 0 28px; }.legal .intro { border-bottom:1px solid var(--line); color:var(--soft); font-size:15px; line-height:1.7; margin:0; max-width:650px; padding-bottom:33px; }.legal section { border-bottom:1px solid var(--line); padding:34px 0; }.legal h2 { color:var(--heading); font-family:Oxygen,Arial,sans-serif; font-size:clamp(25px,2.5vw,34px); font-weight:300; letter-spacing:-.04em; line-height:1; margin:0 0 16px; }.legal p,.legal li { color:#d1cbc2; font-size:14px; line-height:1.7; }.legal p { margin:0 0 13px; }.legal ul { margin:0; padding-left:19px; }.legal li + li { margin-top:6px; }.legal strong { color:var(--paper); font-weight:500; }.legal a { border-bottom:1px solid var(--soft); }.legal a:hover { color:var(--heading); }.updated { color:var(--soft); font-size:10px; letter-spacing:.12em; margin-top:34px; text-transform:uppercase; } footer { border-top:1px solid var(--line); color:var(--soft); display:grid; font-size:10px; grid-template-columns:1fr auto 1fr; letter-spacing:.12em; padding:28px clamp(20px,3.1vw,60px); text-transform:uppercase; } footer span:nth-child(2) { text-align:center; } footer span:last-child { text-align:right; } footer a { border:0; }
@media (max-width:760px) { .header { display:flex; justify-content:center; min-height:88px; }.nav { display:none; }.wordmark { font-size:32px; }.tagline { font-size:7px; margin-top:8px; } footer { display:flex; flex-wrap:wrap; gap:15px; } footer span:nth-child(2), footer span:last-child { text-align:left; } }