@font-face { font-family:'Literata'; src:url('../fonts/literata/Literata-Regular.woff2') format('woff2'); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:'Literata'; src:url('../fonts/literata/Literata-Medium.woff2') format('woff2'); font-style:normal; font-weight:500; font-display:swap; }
@font-face { font-family:'Onest'; src:url('../fonts/onest/Onest-Regular.woff2') format('woff2'); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:'Onest'; src:url('../fonts/onest/Onest-Medium.woff2') format('woff2'); font-style:normal; font-weight:500; font-display:swap; }
@font-face { font-family:'Onest'; src:url('../fonts/onest/Onest-SemiBold.woff2') format('woff2'); font-style:normal; font-weight:600; font-display:swap; }
@font-face { font-family:'Onest'; src:url('../fonts/onest/Onest-Bold.woff2') format('woff2'); font-style:normal; font-weight:700; font-display:swap; }
:root { --paper:#f8f4ee; --ink:#25372f; --muted:#67766f; --green:#244b3b; --line:rgba(36,75,59,.18); --serif:'Literata',Georgia,'Times New Roman',serif; --sans:'Onest',Inter,Arial,sans-serif; }
* { box-sizing:border-box; }
html { color-scheme:light; scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font:400 16px/1.7 var(--sans); }
a { color:var(--green); }
.legal-header { border-bottom:1px solid var(--line); }
.legal-header__inner, .legal-main { width:min(820px, calc(100% - 40px)); margin-inline:auto; }
.legal-header__inner { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:76px; }
.legal-header__brand { font:500 19px/1.2 var(--serif); text-decoration:none; }
.legal-header__back { font-size:14px; }
.legal-main { padding:72px 0 96px; }
.legal-label { margin:0 0 14px; color:var(--muted); font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
h1, h2 { font-family:var(--serif); font-weight:500; }
h1 { max-width:760px; margin:0 0 24px; font-size:clamp(36px, 6vw, 58px); line-height:1.08; letter-spacing:-.035em; overflow-wrap:anywhere; }
h2 { margin:42px 0 12px; font-size:26px; line-height:1.25; }
p, li { max-width:74ch; }
.legal-notice { margin:28px 0 36px; padding:18px 20px; border:1px solid var(--line); border-radius:14px; background:#fffaf4; }
.legal-meta { color:var(--muted); font-size:14px; }
@media (max-width:600px) { .legal-header__inner { align-items:flex-start; flex-direction:column; padding:18px 0; } .legal-main { padding-top:48px; } }