/* NextClimate Media — INSET layout variant (loaded after fullwidth.css)
   Header and footer sit on a narrow gutter; page content sits in from a wider one.
   Background bands (maroon, navy, mist) still run edge to edge.
   --gut       header/footer gutter (~64px at 1920)
   --gut-body  content gutter       (~208px at 1920) */

:root{
  --gut:clamp(20px,3.3vw,64px);
  --gut-body:clamp(20px,10.8vw,208px);
}
main .wrap{padding-left:var(--gut-body);padding-right:var(--gut-body)}

/* Tablet and below: one gutter everywhere */
@media (max-width:1024px){
  :root{--gut-body:var(--gut)}
}

/* Content is narrower than full-width, so keep three cards across until very wide */
@media (min-width:1600px){
  .cards{grid-template-columns:repeat(3,1fr)}
  .cards--2{grid-template-columns:repeat(2,1fr)}
}