:root { --ink:#173242; --paper:#f4f0e8; --gold:#765329; --line:rgba(23,50,66,.18); --sans:"Manrope",Arial,sans-serif; --serif:"Cormorant Garamond",Georgia,serif; } * { box-sizing:border-box; } body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.7 var(--sans); } main { max-width:850px; margin:auto; padding:5rem 1.5rem; } a { color:inherit; text-underline-offset:.2rem; } .site-header { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; min-height:94px; padding:1.2rem clamp(1.5rem,5vw,5rem); border-bottom:1px solid var(--line); } .brand { display:flex; align-items:center; text-decoration:none; } .brand img { display:block; width:clamp(135px,16vw,172px); height:auto; } .header-nav { display:flex; align-items:center; gap:1.3rem; font-size:.72rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; } .header-nav a { text-decoration:none; } .header-nav .nav-cta { padding:.65rem .9rem; border:1px solid var(--ink); } h1 { margin:0 0 2rem; font:400 clamp(2.5rem,6vw,4rem)/1.1 var(--serif); } h2 { margin-top:2.5rem; color:var(--gold); font:400 1.55rem var(--serif); } .note { padding:1rem 1.25rem; border-left:3px solid var(--gold); background:#e8e1d5; } footer { padding:2rem 1.5rem; border-top:1px solid var(--line); text-align:center; font-size:.85rem; } @media (max-width:760px) { .site-header { min-height:80px; padding:.9rem 1.5rem; } .header-nav { gap:.9rem; font-size:.61rem; } .header-nav a:not(.nav-cta) { display:none; } }
.page-kicker { margin-bottom:.6rem; color:var(--gold); font-size:.68rem; font-weight:700; letter-spacing:.12em; } .legal-meta { margin:-1.25rem 0 2.25rem; color:#52636b; font-size:.82rem; } .summary { margin-bottom:2.25rem; color:#36505c; font:400 1.22rem/1.55 var(--serif); } h3 { margin:1.6rem 0 .45rem; font-size:1rem; } ul { padding-left:1.25rem; } li { margin:.45rem 0; } .note p:last-child { margin-bottom:0; } main > p:last-child { margin-top:2.5rem; }