.hero { padding:clamp(3rem,7vw,5.5rem) 1rem; background:var(--color-brand); color:#fff; }
.hero__inner { width:min(100%,var(--width-content)); margin:0 auto; }
.hero__mark { max-width:150px; margin-bottom:1.25rem; }
.hero__mark svg { width:100%; height:auto; display:block; }
.hero__title { max-width:12ch; font:400 clamp(2.75rem,6vw,5rem)/0.98 var(--font-display); font-style:italic; letter-spacing:-0.035em; color:#fff; }
.hero__sub { max-width:38rem; margin-top:1.25rem; font:400 clamp(1.1rem,2vw,1.35rem)/1.5 var(--font-display); color:rgba(255,255,255,0.78); }

.lead-story { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2rem; align-items:end; padding:2rem 0; border-block:1px solid var(--color-border); }
.lead-story__title { max-width:28ch; margin:0 0 0.75rem; font:400 clamp(1.6rem,3vw,2.4rem)/1.1 var(--font-display); }
.lead-story__copy { max-width:42rem; margin:0; color:var(--color-text-muted); font-size:1rem; line-height:1.7; }
.home-secondary { display:grid; grid-template-columns:1fr 1fr; gap:3rem; }
.home-secondary article { padding-top:1.5rem; border-top:2px solid var(--color-border); }
.home-secondary h3 { margin:0 0 0.5rem; font:400 1.5rem/1.2 var(--font-display); }
.home-secondary p { margin:0 0 1rem; color:var(--color-text-muted); font-size:0.9375rem; line-height:1.65; }

@media (max-width:720px) {
  .lead-story { grid-template-columns:1fr; gap:1rem; }
  .home-secondary { grid-template-columns:1fr; gap:2rem; }
}