.hero{padding:var(--space-20) 0 var(--space-24);background:var(--surface)}.hero__copy{padding-top:var(--space-8)}.hero__media img,.feature-media img,.case-media img{width:100%;height:100%;object-fit:cover;border:1px solid var(--border)}.hero__media{min-height:460px}.hero__media img{aspect-ratio:16/10}.editorial-hero{padding:var(--space-20) 0 var(--space-24)}.section-intro__copy p:last-child{margin-bottom:0}.capability-card,.industry-card,.case-card,.insight-card{position:relative;padding:var(--space-8);border-top:1px solid var(--border);border-right:1px solid var(--border);min-height:240px;background:transparent;display:flex;flex-direction:column}.capability-card:first-child,.industry-card:first-child,.case-card:first-child,.insight-card:first-child{border-left:1px solid var(--border)}.capability-card h3,.industry-card h3,.case-card h3,.insight-card h3{font-size:var(--text-h4)}.capability-card p,.industry-card p,.case-card p,.insight-card p{color:var(--text-secondary)}.capability-card .text-link,.industry-card .text-link,.case-card .text-link,.insight-card .text-link{margin-top:auto}.industry-card{min-height:210px}.case-card{min-height:290px}.insight-card{min-height:320px}.feature-split{align-items:stretch}.feature-split__copy{padding:var(--space-8) 0}.feature-list{padding-left:18px}.feature-list li{margin:8px 0}.case-feature__copy{padding:var(--space-8);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.case-feature__media img{aspect-ratio:16/10}.architecture-flow{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));align-items:center;gap:18px;position:relative}.architecture-node{border:1px solid var(--border-strong);background:var(--white);padding:20px 14px;min-height:82px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--v3c-navy);font-size:var(--text-small);font-weight:600;position:relative}.architecture-node:not(:last-child)::after{content:'→';position:absolute;right:-21px;color:var(--v3c-blue);font-size:20px}.architecture-node--accent{border:2px solid var(--v3c-blue)}.architecture-node--accent::before{content:'';width:8px;height:8px;background:var(--v3c-cyan);position:absolute;top:-5px;right:14px;border-radius:50%}.cta-section{padding:var(--space-16) 0}.cta-grid__action{display:flex;align-items:flex-end;justify-content:flex-start}.media-note{font-size:var(--text-small);color:var(--text-secondary);margin-top:10px}.placeholder-tag{display:inline-block;background:var(--v3c-blue-subtle);color:var(--v3c-blue-active);font-size:var(--text-meta);padding:5px 8px}.contact-panel{grid-column:1/-1;border-top:1px solid var(--border)}.contact-row{display:grid;grid-template-columns:repeat(16,1fr);gap:var(--grid-gutter);padding:22px 0;border-bottom:1px solid var(--border);text-decoration:none}.contact-row strong{grid-column:1/span 4;color:var(--v3c-navy)}.contact-row span{grid-column:6/span 7;color:var(--text-secondary)}.contact-row em{grid-column:15/span 2;text-align:right;color:var(--v3c-blue);font-style:normal}.content-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--border)}.content-list__item{padding:var(--space-8);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.content-list__item:nth-child(2n+1){border-left:1px solid var(--border)}.content-list__item p{color:var(--text-secondary)}@media(max-width:1023px){.architecture-flow{grid-template-columns:repeat(3,1fr);row-gap:36px}.architecture-node:nth-child(3)::after{display:none}.contact-row{grid-template-columns:repeat(8,1fr)}.contact-row strong{grid-column:1/span 2}.contact-row span{grid-column:3/span 4}.contact-row em{grid-column:8}.hero__media{min-height:360px}}@media(max-width:767px){.hero,.editorial-hero{padding:var(--space-12) 0 var(--space-16)}.hero__media{min-height:0}.architecture-flow{grid-template-columns:1fr;gap:18px}.architecture-node:not(:last-child)::after{content:'↓';right:auto;left:50%;bottom:-24px;top:auto}.capability-card,.industry-card,.case-card,.insight-card{border-left:1px solid var(--border);min-height:0}.contact-row{grid-template-columns:1fr;gap:8px}.contact-row strong,.contact-row span,.contact-row em{grid-column:1;text-align:left}.content-list{grid-template-columns:1fr}.content-list__item{border-left:1px solid var(--border)}}

/* Approved but not yet used in Phase 1 */
.metric-band{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border)}
.metric-band__item{padding:var(--space-8);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
.metric-band__value{display:block;font-size:var(--text-h2);line-height:1.05;color:var(--v3c-navy);font-weight:500}
.metric-band__label{display:block;margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-small)}
.quote-feature{grid-column:1/-1;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--space-12) 0;display:grid;grid-template-columns:repeat(16,1fr);gap:var(--grid-gutter)}
.quote-feature blockquote{grid-column:1/span 10;margin:0;color:var(--v3c-navy);font-size:var(--text-h3);line-height:1.25;font-weight:500}
.quote-feature cite{grid-column:12/span 5;align-self:end;color:var(--text-secondary);font-size:var(--text-small);font-style:normal}
@media(max-width:1023px){.metric-band{grid-template-columns:repeat(2,1fr)}.quote-feature{grid-template-columns:repeat(8,1fr)}.quote-feature blockquote{grid-column:1/span 5}.quote-feature cite{grid-column:6/span 3}}
@media(max-width:767px){.metric-band{grid-template-columns:1fr}.quote-feature{grid-template-columns:1fr}.quote-feature blockquote,.quote-feature cite{grid-column:1}.quote-feature cite{margin-top:var(--space-6)}}
.feature-list a{color:var(--v3c-blue);text-decoration:none;font-weight:600}.feature-list a:hover{color:var(--v3c-blue-hover);text-decoration:underline;text-underline-offset:3px}

/* ---------------------------------------------------------
   Industry hero media correction
   Keep the image editorial, rectangular and visible without
   forcing an artificial parent height.
   --------------------------------------------------------- */
.hero .site-grid{
  align-items:start;
}
.hero__copy{
  padding-top:var(--space-6);
}
.hero__media{
  margin:0;
  min-height:0;
  align-self:start;
}
.hero__media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 10;
  object-fit:cover;
  object-position:center;
  border:1px solid var(--border);
}
.hero__media .media-note{
  margin:10px 0 0;
}

@media(max-width:1023px){
  .hero__copy{padding-top:var(--space-4);}
}

@media(max-width:767px){
  .hero__copy{padding-top:0;}
  .hero__media img{aspect-ratio:4 / 3;}
}


/* ---------------------------------------------------------
   Phase 5 — Long-form editorial layout utilities
   Uses the existing grid, typography, borders and surfaces.
   --------------------------------------------------------- */
.prototype-banner{background:var(--v3c-blue-subtle);color:var(--v3c-blue-active);border-bottom:1px solid var(--border);padding:10px var(--grid-margin);font-size:var(--text-small);font-weight:600;letter-spacing:.02em}.article-meta{font-size:var(--text-small);color:var(--text-secondary);margin-top:var(--space-4)}.article-layout{align-items:start}.article-copy{grid-column:4/span 8}.article-rail{grid-column:13/span 3;border-top:1px solid var(--border);padding-top:var(--space-6);position:sticky;top:calc(var(--header-height) + var(--space-6))}.article-rail ul{list-style:none;padding:0;margin:0}.article-rail li{padding:12px 0;border-bottom:1px solid var(--border);font-size:var(--text-small);color:var(--text-secondary)}.article-section{padding-bottom:var(--space-12);margin-bottom:var(--space-12);border-bottom:1px solid var(--border)}.article-section:last-child{margin-bottom:0;border-bottom:0}.article-section p{font-size:var(--text-body-lg);line-height:1.75;max-width:68ch}.article-section h2{font-size:32px;max-width:18ch}.article-callout{grid-column:4/span 9;border-left:3px solid var(--v3c-blue);padding:var(--space-8) 0 var(--space-8) var(--space-8)}.article-callout .lead{max-width:55ch}.insight-card .meta{margin-bottom:var(--space-3)}@media(max-width:1023px){.article-copy{grid-column:1/span 6}.article-rail{grid-column:7/span 2}.article-callout{grid-column:2/span 6}.article-section h2{font-size:30px}}@media(max-width:767px){.article-copy,.article-rail,.article-callout{grid-column:1/-1}.article-rail{position:static;margin-top:var(--space-10)}.article-section{padding-bottom:var(--space-8);margin-bottom:var(--space-8)}.article-section p{font-size:var(--text-body)}.article-callout{padding:var(--space-6) 0 var(--space-6) var(--space-6)}}