:root { --ivoire:#F4F1EA; --encre:#14161B; --laiton:#C4A05A; --gris:#8C8980; --filet:#DAD6CC; }
* { box-sizing:border-box; margin:0; padding:0; }
body { background:var(--ivoire); color:var(--encre); font-family:'Schibsted Grotesk',system-ui,sans-serif; -webkit-font-smoothing:antialiased; line-height:1.55; }
a { color:inherit; }
header { display:flex; justify-content:space-between; align-items:center; padding:26px 40px; }
.logo { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:.18em; font-size:13px; text-decoration:none; }
.logo svg { width:26px; overflow:visible; } .logo i { font-style:normal; font-weight:500; opacity:.6; }
main { max-width:760px; padding:8vh 40px 14vh; }
h1 { font-weight:900; font-size:clamp(44px,7vw,84px); letter-spacing:-.05em; line-height:.9; }
h1 span { color:var(--laiton); }
h2 { font-size:13px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; margin:48px 0 12px; padding-top:12px; border-top:3px solid var(--encre); }
p { color:#3A3C41; font-size:16px; } p + p { margin-top:10px; }
footer { padding:26px 40px; border-top:1px solid var(--filet); font-size:13px; color:var(--gris); }
@media (max-width:700px) { header, main, footer { padding-left:20px; padding-right:20px; } }