*{box-sizing:border-box}
:root{--paper:#f5f0e8;--ink:#111;--pink:#ff3b7a;--blue:#3c5cff;--line:#111}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}
a{color:inherit;text-decoration:none}
.named-top{display:grid;grid-template-columns:260px 1fr auto;border-bottom:3px solid var(--line)}
.named-logo{padding:23px;border-right:3px solid var(--line);font-size:22px;font-weight:900}
.named-nav{display:flex}.named-nav a{display:grid;place-items:center;padding:0 17px;border-right:3px solid var(--line);font-size:11px;font-weight:900;text-transform:uppercase}
.named-nav a.on,.named-nav a:hover{background:var(--pink);color:white}
.named-mark{padding:24px;background:var(--blue);color:white;font-weight:900}
.named-main{padding:25px}
.named-hero{display:grid;grid-template-columns:2fr 1fr;border:3px solid var(--line)}
.named-copy{padding:55px;border-right:3px solid var(--line)}
.named-kicker{display:inline-block;padding:7px 10px;border:2px solid var(--line);background:#ffe234;font-size:11px;font-weight:900;text-transform:uppercase}
.named-copy h1{margin:28px 0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(58px,9vw,125px);line-height:.78;letter-spacing:-8px;text-transform:uppercase}
.named-lead{max-width:730px;font-size:18px;line-height:1.7}
.named-specimen{display:grid;align-content:space-between;padding:30px;background:var(--pink);color:white}
.named-specimen strong{font-size:100px;line-height:.8}.named-specimen p{font-weight:700;line-height:1.6}
.named-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid var(--line);border-left:3px solid var(--line);margin-top:22px}
.named-card{min-height:260px;padding:28px;border-right:3px solid var(--line);border-bottom:3px solid var(--line)}
.named-card:nth-child(2n){background:#ffe234}.named-card:nth-child(3n){background:#d8dcff}
.named-card span{font-size:36px;font-weight:900}.named-card h2{margin:42px 0 12px;font-family:Arial Black,Arial,sans-serif;font-size:22px;text-transform:uppercase}
.named-card p{line-height:1.65}
.named-footer{display:flex;justify-content:space-between;margin-top:22px;padding:24px;border:3px solid var(--line);font-size:11px;font-weight:900}
@media(max-width:900px){.named-top{grid-template-columns:1fr auto}.named-nav{display:none}.named-hero{grid-template-columns:1fr}.named-copy{padding:30px;border-right:0;border-bottom:3px solid var(--line)}.named-grid{grid-template-columns:1fr}.named-copy h1{letter-spacing:-5px}}