.site-grid{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));column-gap:var(--grid-gutter);padding-left:var(--grid-margin);padding-right:var(--grid-margin);max-width:1600px;margin:0 auto}.span-16{grid-column:span 16}.span-12{grid-column:span 12}.span-10{grid-column:span 10}.span-9{grid-column:span 9}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.start-1{grid-column-start:1}.start-6{grid-column-start:6}.start-7{grid-column-start:7}.start-8{grid-column-start:8}.start-9{grid-column-start:9}.start-11{grid-column-start:11}.start-12{grid-column-start:12}.start-13{grid-column-start:13}.full-bleed{width:100%}.section-intro__label{grid-column:1/span 4}.section-intro__copy{grid-column:6/span 7}.hero-grid__copy{grid-column:1/span 7}.hero-grid__media{grid-column:8/span 9}.editorial-hero__title{grid-column:1/span 9}.editorial-hero__lead{grid-column:11/span 5;align-self:end}.cta-grid__copy{grid-column:1/span 9}.cta-grid__action{grid-column:12/span 5;align-self:end}.feature-split__media{grid-column:1/span 9}.feature-split__copy{grid-column:11/span 6;align-self:center}.case-feature__copy{grid-column:1/span 6}.case-feature__media{grid-column:7/span 10}.architecture__diagram{grid-column:1/span 10}.architecture__copy{grid-column:12/span 5}.card-grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-column:1/-1}.card-grid-3{display:grid;grid-template-columns:5fr 5fr 6fr;grid-column:1/-1}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-column:1/-1}@media(max-width:1023px){.span-16,.span-12,.span-10,.span-9,.span-8,.span-7,.span-6,.span-5,.span-4{grid-column:span 8}.section-intro__label{grid-column:1/span 2}.section-intro__copy{grid-column:3/span 6}.hero-grid__copy{grid-column:1/span 4}.hero-grid__media{grid-column:5/span 4}.editorial-hero__title{grid-column:1/span 5}.editorial-hero__lead{grid-column:6/span 3}.feature-split__media{grid-column:1/span 4}.feature-split__copy{grid-column:5/span 4}.case-feature__copy{grid-column:1/span 3}.case-feature__media{grid-column:4/span 5}.architecture__diagram{grid-column:1/span 5}.architecture__copy{grid-column:6/span 3}.cta-grid__copy{grid-column:1/span 5}.cta-grid__action{grid-column:6/span 3}.card-grid-4{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.site-grid{display:grid}.span-16,.span-12,.span-10,.span-9,.span-8,.span-7,.span-6,.span-5,.span-4,.section-intro__label,.section-intro__copy,.hero-grid__copy,.hero-grid__media,.editorial-hero__title,.editorial-hero__lead,.feature-split__media,.feature-split__copy,.case-feature__copy,.case-feature__media,.architecture__diagram,.architecture__copy,.cta-grid__copy,.cta-grid__action{grid-column:1/-1}.editorial-hero__lead,.hero-grid__media,.feature-split__copy,.case-feature__media,.architecture__copy,.cta-grid__action{margin-top:var(--space-8)}.card-grid-4,.card-grid-3,.industry-grid{grid-template-columns:1fr}}

/* ---------------------------------------------------------
   Phase 4 Industry ImageHero fix
   The Industry templates use .hero__copy / .hero__media.
   These classes must participate explicitly in the 16/8/4 grid.
   --------------------------------------------------------- */
.hero__copy{
  grid-column:1 / span 7;
}
.hero__media{
  grid-column:8 / span 9;
}

@media(max-width:1023px){
  .hero__copy{grid-column:1 / span 4;}
  .hero__media{grid-column:5 / span 4;}
}

@media(max-width:767px){
  .hero__copy,
  .hero__media{grid-column:1 / -1;}
  .hero__media{margin-top:var(--space-8);}
}