/* Golden-ratio composition for Heron. Controls and mobile text remain fluid. */
:root{--phi:1.618;--space-sm:16px;--space-md:26px;--space-lg:42px;--space-xl:68px;--space-2xl:110px}
.card-photo{aspect-ratio:var(--phi)}
.trio-item img{height:auto;aspect-ratio:var(--phi);object-fit:cover}
.split-copy p,.pitch-copy p,.alt-copy p{max-width:62ch;line-height:1.618}
.band,.band-green,.band-deep{padding-block:clamp(var(--space-lg),7vw,var(--space-2xl))}
.sec-head{gap:var(--space-lg);margin-bottom:var(--space-lg)}
.cards{gap:var(--space-md)}
@media(min-width:901px){
  .pitch{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:var(--space-xl);padding-block:var(--space-xl)}
  .split{grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:var(--space-xl)}
  .split.rev{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr)}
  .hero{min-height:0;aspect-ratio:var(--phi)}
  .hero-copy{flex:1;justify-content:center;padding-block:var(--space-xl)}
  .mosaic img{height:auto;aspect-ratio:var(--phi);object-fit:cover}
  .mosaic>img:first-child,.mosaic>picture:first-child>img{aspect-ratio:var(--phi)}
}
@media(min-width:1081px){
  .alt{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:var(--space-xl)}
  .alt:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.618fr)}
  .alt-img{height:auto;aspect-ratio:var(--phi);object-fit:cover}
  .unit{grid-template-columns:minmax(0,1.618fr) minmax(340px,1fr);gap:var(--space-lg)}
}
@media(max-width:900px){
  .band,.band-green,.band-deep{padding-block:var(--space-lg)}
  .pitch,.split,.split.rev{gap:var(--space-lg)}
}