:root{--ink:#26231f;--paper:#f7f5f0;--line:#d6d0c7;--muted:#6d655d;--brown:#59483a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.68}a{color:inherit;text-decoration:none}
header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:0 clamp(22px,5vw,80px);border-bottom:1px solid var(--line)}
.brand{font:600 20px/1.1 Manrope,sans-serif;letter-spacing:.13em}.brand small{display:block;font:400 9px "DM Sans",sans-serif;letter-spacing:.32em;margin-top:7px}
nav{display:flex;align-items:center;gap:24px;font-size:13px}.button{display:inline-block;background:var(--ink);color:#fff;padding:12px 21px;border:1px solid var(--ink);border-radius:999px;font-size:13px}.button:hover{background:var(--brown)}
.hero{padding:clamp(72px,10vw,145px) clamp(25px,9vw,145px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:clamp(40px,8vw,120px);align-items:end}
.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#786a5d;font-weight:600}.hero h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.08}.hero h1{font-size:clamp(46px,6vw,86px);margin:22px 0 25px;max-width:900px}.hero .intro{font-size:19px;color:#625b53;max-width:720px;margin:0}.hero aside{border-left:1px solid var(--line);padding-left:30px;color:var(--muted)}
.proof{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.proof div{padding:26px clamp(22px,4vw,55px);border-right:1px solid var(--line)}.proof div:last-child{border-right:0}.proof strong{display:block;font:400 clamp(24px,2.4vw,36px) Georgia,serif}.proof span{display:block;margin-top:7px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#756c63}
main>.content{padding:clamp(75px,9vw,125px) clamp(25px,9vw,145px);display:grid;grid-template-columns:minmax(220px,.52fr) minmax(0,1.48fr);gap:clamp(38px,8vw,120px)}.content h2{font-size:clamp(34px,4vw,56px);margin:12px 0}.content-copy{max-width:780px}.content-copy>p:first-child{font-size:20px;color:#4f4942}.content-copy h3{font:400 27px/1.25 Georgia,serif;margin:42px 0 12px}.content-copy ul{padding-left:20px}.content-copy li{margin:8px 0}.note{margin-top:40px;padding:25px 28px;border:1px solid var(--line);background:#f0ece4;color:#554f48}
.related{padding:70px clamp(25px,9vw,145px);border-top:1px solid var(--line)}.related h2{font-size:clamp(32px,3vw,45px);margin:12px 0 28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.cards a{padding:25px;min-height:130px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.cards a:hover{background:#efebe3}.cards strong{font:400 21px Georgia,serif}.cards span{font-size:12px;color:var(--muted)}
.cta{padding:85px clamp(25px,9vw,145px);background:var(--ink);color:var(--paper)}.cta h2{font-size:clamp(36px,4.4vw,62px);margin:12px 0 20px}.cta p{max-width:650px;color:#d7d0c8}.cta .button{background:var(--paper);color:var(--ink);border-color:var(--paper);margin-top:12px}
footer{padding:28px clamp(22px,6vw,90px);border-top:1px solid #4b4640;background:var(--ink);color:#d7d0c8;font-size:12px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}footer a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){header{align-items:flex-start;padding-top:20px;padding-bottom:20px;flex-direction:column}nav{width:100%;justify-content:space-between}.hero{grid-template-columns:1fr;padding-top:75px}.hero aside{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.proof{grid-template-columns:1fr}.proof div{border-right:0;border-bottom:1px solid var(--line)}main>.content{grid-template-columns:1fr}.cards{grid-template-columns:1fr}}
@media(max-width:480px){.brand{font-size:16px}nav>a:first-child{display:none}.hero h1{font-size:43px}.hero .intro{font-size:17px}.content-copy>p:first-child{font-size:18px}}