.home-hero{background:#e9f2ed;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;min-height:34rem;align-items:stretch;gap:4rem}
.hero-copy{padding:5rem 0 4rem;align-self:center;
  & h1{font-family:PTSerif,Georgia,serif;font-weight:400;font-size:clamp(2.6rem,4.25rem,4.25rem);margin-bottom:1.2rem}
  &>p:not(.eyebrow){color:#435750;max-width:35rem;font-size:1rem;margin-bottom:1.7rem}
  & .text-action{margin-top:1.25rem}
}
.search-form{display:flex;background:#fff;border:1px solid #b8d3c5;max-width:32rem;height:3.35rem;
  & input{min-width:0;flex:1;border:0;background:transparent;padding:0 1rem;outline:none;font-size:.84rem}
  &:focus-within{outline:.15rem solid var(--accent);outline-offset:.1rem}
  & button{border:0;background:var(--green);color:#fff;width:3.3rem;font-size:1.7rem;line-height:1}
}
.hero-visual{background:#0b5143;color:#fff;padding:2rem;min-height:30rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;
  &::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,transparent 45%,#ffffff12)}
}
.visual-top,.visual-caption{display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.08em;color:#c8e4d6}
.visual-statement{font-family:PTSerif,Georgia,serif;font-size:2.6rem;line-height:1.2;z-index:1;
  & em{color:#ead0ac;font-weight:400}
}
.visual-chart{height:9rem;display:flex;align-items:end;gap:.7rem;border-bottom:1px solid #9ac4ae;padding:0 .6rem;
  & span{flex:1;background:#9ccab4;min-width:0;&:last-child{background:#e3ae70}}
}
.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.topic-item{min-height:21rem;display:flex;flex-direction:column;padding:1.25rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  & .topic-number{font-size:.65rem;font-weight:700;color:var(--muted)}
  & .topic-image{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;margin:1rem 0 1.2rem;background:var(--mint)}
  & h3{font-family:PTSerif,Georgia,serif;font-weight:400;font-size:1.32rem;margin-bottom:.55rem}
  & p{font-size:.78rem;color:var(--muted);margin:0 0 .5rem}
  & .topic-arrow{margin-top:auto;align-self:end;color:var(--green)}
  &:hover{background:#eff6f1}
}
.goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;
  & a{position:relative;background:#edf4ef;min-height:13rem;padding:1.4rem 1.5rem;display:flex;flex-direction:column;align-items:start}
  & a:nth-child(2){background:#f0f2eb}
  & a:nth-child(3){background:#e6eee9}
  & span{font-size:.65rem;color:var(--green);font-weight:700;letter-spacing:.06em}
  & h3{font-family:PTSerif,Georgia,serif;font-size:1.4rem;font-weight:400;margin:1.5rem 0 .4rem}
  & p{font-size:.79rem;color:var(--muted);margin:0 0 1rem}
  & b{margin-top:auto;align-self:end;color:var(--green)}
}
.editorial-band{background:#e9eee6}.editorial-inner{display:grid;grid-template-columns:1.4fr 1fr auto;align-items:end;gap:3rem;
  & h2{font-family:PTSerif,Georgia,serif;font-weight:400;max-width:27rem;margin-bottom:0}
  &>p{color:var(--muted);font-size:.88rem;margin:0}
}
@media(max-width:950px){.hero-grid{gap:2rem}.topic-grid{grid-template-columns:repeat(2,1fr)}.editorial-inner{grid-template-columns:1fr 1fr;& .text-action{grid-column:1/-1;justify-self:start}}}
@media(max-width:800px){.hero-grid{display:block;min-height:0}.hero-copy{padding:2.5rem 0 2rem;& h1{font-size:2.8rem;max-width:38rem}}.hero-visual{min-height:12rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 -1.5rem;padding:1.5rem;& .visual-top{grid-column:1/-1}& .visual-statement{font-size:1.7rem}& .visual-chart{height:5.5rem;align-self:end}& .visual-caption{display:none}}}
@media(max-width:600px){.hero-copy{padding:2rem 0 1.5rem;& h1{font-size:2.55rem}}.hero-visual{min-height:10rem;margin:0 -1rem;padding:1rem;& .visual-statement{font-size:1.4rem}& .visual-chart{height:4.5rem}}.topic-grid{grid-template-columns:1fr 1fr}.topic-item{min-height:14rem;padding:.8rem;& .topic-image{margin:.7rem 0 .9rem}& h3{font-size:1.12rem}& p{font-size:.72rem}}.goal-grid{grid-template-columns:1fr;& a{min-height:10rem}}.editorial-inner{display:block;&>p{margin:1.2rem 0}}}