@font-face { font-family:"Plus Jakarta Sans"; src:url("landing-assets/fonts/PlusJakartaSans-Variable.ttf") format("truetype"); font-style:normal; font-weight:400 800; font-display:swap; }
@font-face { font-family:"DM Serif Display"; src:url("landing-assets/fonts/DMSerifDisplay-Regular.ttf") format("truetype"); font-style:normal; font-weight:400; font-display:swap; }
:root { --orange:#D9671D; --orange-soft:#FFE4D2; --charcoal:#0F0F0F; --cream:#F7F4EE; --paper:#FFFDF9; --muted:#66625D; --line:rgba(167,162,154,.35); }
* { box-sizing:border-box; }
body { margin:0; color:var(--charcoal); background:var(--cream); font-family:"Plus Jakarta Sans",sans-serif; line-height:1.65; }
a { color:var(--orange); text-underline-offset:3px; }
img { max-width:100%; height:auto; }
.card a { overflow-wrap:anywhere; }
.container { width:min(900px,calc(100% - 36px)); margin:0 auto; }
header { border-bottom:1px solid var(--line); }
.nav { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.nav img { display:block; width:112px; }
.back { font-size:.84rem; font-weight:750; }
main { padding:72px 0 96px; }
.eyebrow { margin-bottom:12px; color:var(--orange); font-size:.76rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
h1,h2 { font-family:"DM Serif Display",serif; font-weight:400; line-height:1.05; }
h1 { margin:0 0 20px; font-size:clamp(2.8rem,8vw,5.3rem); letter-spacing:-.045em; }
h2 { margin:42px 0 12px; font-size:1.8rem; letter-spacing:-.02em; }
p,li { color:var(--muted); }
.intro { max-width:760px; font-size:1.05rem; }
.meta { margin:0 0 34px; color:#8B867F; font-size:.78rem; }
.card { margin-top:32px; padding:clamp(24px,5vw,42px); border:1px solid var(--line); border-radius:28px; background:var(--paper); }
ul { padding-left:22px; }
li+li { margin-top:7px; }
address { color:var(--muted); font-style:normal; }
footer { padding:28px 0 38px; border-top:1px solid var(--line); color:var(--muted); font-size:.78rem; }
.footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px 24px; }
.footer-links { display:flex; flex-wrap:wrap; gap:16px; }
@media (max-width:580px) { main { padding-top:48px; } .nav { min-height:72px; } }
