/* Extend the approved homepage proportions to interior pages.
   Loaded only on interior routes, after their existing responsive styles. */
body{
 --space-1:.8125rem;
 --space-2:1.3125rem;
 --space-3:2.125rem;
 --space-4:3.4375rem;
 --page-space:var(--space-4);
 --page-heading:clamp(2.125rem,3.4vw,2.618rem);
 --intro-heading:clamp(2.25rem,3.75vw,3.236rem);
}
main p,main li{line-height:1.618}
.services-intro .page-intro h1,.expertise-intro h1,.bio-hero h1,
.testimony-intro h1,.contact-intro h1,.legal-document h1{
 font-size:var(--intro-heading);line-height:1.12;
}
.page-band .section-head{margin-bottom:var(--space-3)}
.page-band .section-head .eyebrow{margin-bottom:var(--space-1)}
.page-band .section-head>p{margin-top:var(--space-1);max-width:76ch}
.contact-band{padding-block:var(--space-3)}
.contact-band-in{gap:var(--space-3)}
.contact-band .eyebrow{margin-bottom:var(--space-1)}

/* 62/38 for text and pictures, reversed when the picture comes first. */
.services-intro,.expertise-intro,.bio-hero,.testimony-hero,.contact-hero{
 grid-template-columns:minmax(0,1.618034fr) minmax(0,1fr);
 column-gap:var(--space-4);row-gap:var(--space-3);
 padding-top:var(--space-3);padding-bottom:var(--space-3);
}
.services-reportage,.expertise-intro .expertise-portrait,
.testimony-hero .testimony-photo,.contact-hero .contact-portrait{justify-self:center}
.services-intro .page-intro>p:last-child,.contact-intro>p:last-child,
.testimony-intro>p:last-child{margin-top:var(--space-2);max-width:58ch}
.expertise-intro-copy h1,.bio-hero h1{margin-bottom:var(--space-2)}
.expertise-intro>div>.expertise-scope,.bio-hero .languages-note{margin-top:var(--space-1)}
.expertise-breadcrumb{padding-top:var(--space-2)}
.expertise-intro{padding-top:var(--space-2)}
.bio-houses .about-tease{
 grid-template-columns:minmax(0,1fr) minmax(0,1.618034fr);gap:var(--space-4);
}
.bio-houses .about-tease h2{margin-top:var(--space-1);margin-bottom:var(--space-2)}
.bio-houses .about-tease-copy>p:not(.eyebrow){max-width:66ch}

/* Accompaniments: detail gets the wider column; comparable options stay equal. */
.service-nav{padding-bottom:var(--space-3);gap:var(--space-1)}
.need-top{grid-template-columns:minmax(0,1.618034fr) minmax(0,1fr);gap:var(--space-3)}
.service-title .eyebrow{margin-bottom:var(--space-1)}
.service-title .need-intro{margin-top:var(--space-2);max-width:58ch}
.service-explanation{margin-top:var(--space-3)}
.service-body .offers-heading{margin-bottom:var(--space-2)}
.single-offer{grid-template-columns:minmax(0,1.618034fr) minmax(0,1fr);gap:var(--space-3)}
.service-options{gap:var(--space-3)}
.service-option{padding-top:var(--space-2)}
.service-offer .deliverable{padding:var(--space-2);margin-bottom:var(--space-1)}
.need-actions{margin-top:var(--space-2)}
.management-paths{margin-top:var(--space-2);padding:var(--space-2)}
.management-paths>div{margin-top:var(--space-1)}
.event-support{grid-template-columns:minmax(0,1fr) minmax(0,1.618034fr);gap:var(--space-2) var(--space-4);padding:var(--space-4) 0 var(--space-3)}
.event-support h2{margin-top:var(--space-1)}

/* Expertise catalogue preserves readable, naturally wrapping summaries. */
.expertise-page{padding-bottom:var(--space-3)}
.expertise-detail>summary{padding:var(--space-2) var(--space-1)}
.expertise-summary{font-size:clamp(1.45rem,2.2vw,1.618rem);gap:var(--space-2)}
.expertise-content{grid-template-columns:minmax(0,1.618034fr) minmax(0,1fr);gap:var(--space-3);padding:var(--space-3) var(--space-1)}
.expertise-groups{gap:var(--space-2)}
.expertise-outcome{padding-left:var(--space-2);gap:var(--space-2)}
.expertise-experience{padding:var(--space-2)}
.expertise-tools>p{margin-top:var(--space-1);max-width:76ch}
.expertise-tool-cards{gap:var(--space-3);margin-top:var(--space-3)}
.expertise-tool-cards>div{padding-top:var(--space-2)}

/* Milestones and convictions use the same 13/21/34/55 rhythm. */
.career-history>.eyebrow{margin-bottom:var(--space-1)}
.timeline{margin-top:var(--space-3)}
.timeline-row{grid-template-columns:115px minmax(0,1fr) minmax(0,1.618034fr);gap:var(--space-2);padding-block:var(--space-2)}
.career-photos{grid-template-columns:minmax(0,1fr) minmax(0,1.618034fr);gap:var(--space-3);margin-top:var(--space-3)}
.bio-values .values{gap:var(--space-3);margin-top:var(--space-3)}
.bio-values .values>div{padding-top:var(--space-2)}
.bio-values .values h3{font-size:1.4rem}
.bio-values .value-icon{margin-bottom:var(--space-1)}
.bio-values .values p{margin-top:var(--space-1)}
.career-recognition{padding-block:var(--space-3)}

/* Equal review cards preserve balance between individual voices. */
.press-page-nav{column-gap:var(--space-3);padding-bottom:var(--space-2)}
.testimony-track{gap:21px;grid-auto-columns:calc((100% - 63px)/4)}
.testimony-track>.quote-card{padding:var(--space-2);gap:var(--space-2)}
.testimony-controls{margin-top:var(--space-1)}
.quote-note{margin-top:var(--space-2)}
.press-lead{grid-template-columns:minmax(0,1.618034fr) minmax(0,1fr);gap:var(--space-4);margin-bottom:var(--space-3)}
.press-lead p{margin-top:var(--space-1)}
.press-grid{gap:var(--space-2)}
.press-card{padding:var(--space-3)}
.press-card .press-source{padding-bottom:var(--space-1);margin-bottom:var(--space-2)}
.photo-report-link,.press-more{margin-top:var(--space-2)}
.press-more summary{padding-block:var(--space-2);font-size:1.618rem}
.press-context{margin-top:var(--space-1)}

/* Contact methods, saving the contact, then practical preparation. */
.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.618034fr);gap:var(--space-4);padding-bottom:var(--space-3)}
.contact-panel,.contact-method{padding-block:var(--space-2)}
.contact-panel h2{font-size:var(--page-heading);margin-block:var(--space-1)}
.contact-save{gap:var(--space-3)}
.contact-save h2{margin-bottom:var(--space-2)}
.contact-save-actions{margin-top:var(--space-2);gap:var(--space-1) var(--space-2)}
.contact-prompt{grid-template-columns:minmax(0,1fr) minmax(0,1.618034fr);gap:var(--space-3);padding-block:var(--space-3)}
.contact-prompt h3{font-size:1.618rem}
@media(min-width:1101px){.contact-save{grid-template-columns:minmax(0,1.618034fr) minmax(0,1fr)}}

/* Legal information keeps a single readable column, with matching rhythm. */
.legal-page{padding-top:var(--space-3);padding-bottom:var(--space-4)}
.legal-document{max-width:49rem}
.legal-document h1{margin-block:var(--space-2)}
.legal-document h2{font-size:1.618rem}
.legal-section{margin-top:var(--space-3)}
.legal-section h2{margin-bottom:var(--space-1)}
.legal-section p{line-height:1.618}
.legal-nav{padding-block:var(--space-2);margin:var(--space-2) 0 var(--space-3)}

@media(max-width:1100px){
 .services-intro,.expertise-intro,.bio-hero,.testimony-hero,.contact-hero,
 .bio-houses .about-tease,.press-lead,.contact-grid{column-gap:var(--space-3)}
 .testimony-track{grid-auto-columns:calc((100% - 21px)/2)}
 .press-card{padding:var(--space-2)}
}
@media(max-width:800px){
 .expertise-content,.single-offer,.contact-grid{grid-template-columns:minmax(0,1fr)}
 .expertise-outcome{padding:var(--space-2) 0 0}
 .single-offer{gap:var(--space-1)}
 .contact-grid{gap:var(--space-2)}
 .timeline-row{grid-template-columns:90px minmax(0,1fr);gap:.5rem var(--space-2)}
}
@media(max-width:640px){
 body{--page-space:var(--space-3);--intro-heading:clamp(2.25rem,8.5vw,2.618rem)}
 .services-intro,.expertise-intro,.bio-hero,.testimony-hero,.contact-hero{grid-template-columns:minmax(0,1fr);padding-block:var(--space-2);gap:var(--space-2)}
 .bio-houses .about-tease,.need-top,.event-support,.press-lead,.contact-prompt,.career-photos{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}
 .service-nav{gap:.5rem;padding-bottom:var(--space-2)}
 .service-explanation{margin-top:var(--space-2)}
 .event-support{padding-top:var(--space-3);padding-bottom:var(--space-2)}
 .expertise-detail>summary{padding:var(--space-2) 4px}
 .expertise-summary{gap:var(--space-1);font-size:1.45rem}
 .expertise-content{padding:var(--space-2) 4px;gap:var(--space-2)}
 .expertise-tool-cards{gap:var(--space-2);margin-top:var(--space-2)}
 .timeline-row{grid-template-columns:75px minmax(0,1fr);gap:.5rem var(--space-1)}
 .bio-values .values{gap:var(--space-2);margin-top:var(--space-2)}
 .bio-values .value-card p{margin:0}
 .testimony-track{grid-auto-columns:88%;gap:var(--space-1)}
 .press-page-nav{column-gap:var(--space-2)}
 .page-band .section-head{margin-bottom:var(--space-2)}
 .contact-save{gap:var(--space-2)}
 .contact-grid{gap:0}
 .legal-page{padding-top:var(--space-2);padding-bottom:var(--space-3)}
}
