*{box-sizing:border-box}
:root{--paper:#f1eee6;--ink:#161616;--red:#e8492a;--line:#aaa69c}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
.top{display:grid;grid-template-columns:240px 1fr auto;border-bottom:2px solid var(--ink)}
.logo{padding:24px;border-right:2px solid var(--ink);font-size:23px;font-weight:900;letter-spacing:-1px}
.nav{display:flex}
.nav a{padding:29px 17px;border-right:1px solid var(--line);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.nav a:hover,.nav a.on{background:var(--ink);color:var(--paper)}
.issue{padding:27px;background:var(--red);color:white;font-size:12px;font-weight:900}
.main{padding:26px}
.hero{display:grid;grid-template-columns:1.55fr .45fr;min-height:570px;border:2px solid var(--ink)}
.hero-copy{padding:55px;border-right:2px solid var(--ink)}
.side{display:flex;flex-direction:column;justify-content:space-between;padding:35px;background:var(--ink);color:white}
.kicker{text-transform:uppercase;letter-spacing:3px;font-size:11px;font-weight:900}
h1{max-width:950px;margin:30px 0 26px;font-family:Georgia,serif;font-size:clamp(55px,8vw,115px);line-height:.85;letter-spacing:-7px;font-weight:400}
.lead{max-width:760px;font-size:19px;line-height:1.7}
.side-number{font-family:Georgia,serif;font-size:90px;color:var(--red)}
.side p{color:#bdbdbd;line-height:1.7}
.cards{display:grid;grid-template-columns:repeat(3,1fr);border-left:2px solid var(--ink);border-top:2px solid var(--ink);margin-top:25px}
.card{min-height:260px;padding:30px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.card:nth-child(2n){background:#ded9cc}
.card .num{font-size:12px;font-weight:900;color:var(--red)}
.card h2{margin:50px 0 14px;font-family:Georgia,serif;font-size:28px;font-weight:400}
.card p{line-height:1.65;color:#4f4c46}
.footer{display:flex;justify-content:space-between;margin-top:25px;padding:26px;border:2px solid var(--ink);font-size:11px;font-weight:800}
@media(max-width:900px){.top{grid-template-columns:1fr auto}.nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:30px;border-right:0;border-bottom:2px solid var(--ink)}.cards{grid-template-columns:1fr}h1{letter-spacing:-4px}}