.hero{padding:clamp(28px,7vw,60px) 0 clamp(20px,4vw,40px);text-align:center}
.hero .kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);margin-bottom:22px}
.hero h1{font-weight:400;font-style:italic;font-size:clamp(38px,5vw,58px);line-height:1.1;margin:0 auto 20px;max-width:640px}
.hero p{max-width:460px;margin:0 auto;font-size:16px;opacity:.75}
.section{padding:clamp(20px,4vw,40px) 0 clamp(48px,13vw,130px)}
.hub{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(32px,6vw,64px)}
.hub-col{display:flex;flex-direction:column}
.hub-head{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.45;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--rule)}
.hub-link{display:block;font-family:'Newsreader',serif;font-style:italic;font-size:clamp(17px,2vw,20px);color:var(--ink);text-decoration:none;padding:10px 0;opacity:.85}
.hub-link:hover{opacity:1;color:var(--green)}

@media (max-width:640px){
.hub{grid-template-columns:1fr;gap:36px}
}