/* One gutter and grid contract for the complete homepage. */
body[data-page="home"]{--home-gutter:clamp(20px,4vw,80px);--home-space:clamp(48px,6vw,100px);--home-gap:clamp(20px,3vw,48px)}
body[data-page="home"] .wrap{width:100%;max-width:none;margin-inline:0;padding-inline:var(--home-gutter);box-sizing:border-box}
body[data-page="home"] .site-header{padding-inline:var(--home-gutter)}
body[data-page="home"] main{min-width:0}
body[data-page="home"] main>.section,body[data-page="home"] .discipline-intro,body[data-page="home"] .agency-answer{padding-block:var(--home-space);margin-block:0}
body[data-page="home"] main>.section,body[data-page="home"] .discipline-section,body[data-page="home"] .agency-answer{border-top:1px solid var(--line)}
body[data-page="home"] main>.section:not(.wrap){padding-inline:0}
body[data-page="home"] :is(.hero-compact-grid,.hero-top,.hero-bottom,.section-head,.project-grid,.offer-grid,.audience-preview-grid,.service-row,.process-grid,.faq-section,.agency-answer,.blog-grid,.footer-grid,.closing-row)>*{min-width:0}
body[data-page="home"] :is(h1,h2,h3,p,a,li){overflow-wrap:break-word}
body[data-page="home"] :is(.button,.text-link){max-width:100%;white-space:normal}
body[data-page="home"] .section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--home-gap);margin:0 0 40px;align-items:start}
body[data-page="home"] .section-head h2,body[data-page="home"] .offer-section>h2{font-size:clamp(32px,4vw,66px);line-height:1.12;margin:0;max-width:24ch}
body[data-page="home"] .section-head>.eyebrow{margin:8px 0 0}
body[data-page="home"] .section-bottom{flex-wrap:wrap;gap:20px;margin-top:32px}
/* Hero columns and reserved typing space remain inside their tracks. */
body[data-page="home"] .hero.hero-compact{padding-block:clamp(28px,4vw,64px) 0}
body[data-page="home"] .hero-compact-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--home-gap)}
body[data-page="home"] .hero-feature-slot,body[data-page="home"] .hero-feature{min-width:0;width:100%;max-width:100%}
body[data-page="home"] .hero-feature-caption{gap:16px}
body[data-page="home"] .hero-feature-caption>div{min-width:0}
body[data-page="home"] .hero-disciplines{margin-top:36px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:none}
body[data-page="home"] .hero-disciplines>a{min-width:0;gap:12px}
body[data-page="home"] .ideas-band{width:100%;max-width:100%;overflow:clip;margin:0;transform:none}
body[data-page="home"] .orbital-scene{overflow:clip;padding:12px;max-width:100%;box-sizing:border-box}
body[data-page="home"] .orbital-sticky{gap:var(--home-gap)}
/* Each major card collection uses the same column boundaries. */
body[data-page="home"] .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px var(--home-gap)}
body[data-page="home"] .project-card,body[data-page="home"] .project-card.featured{grid-column:auto;min-width:0}
body[data-page="home"] .project-image{aspect-ratio:16/11}
body[data-page="home"] .project-image img{width:100%;height:100%;object-fit:cover}
body[data-page="home"] .offer-section>.eyebrow{margin-bottom:22px}
body[data-page="home"] .offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:36px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
body[data-page="home"] .offer-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:clamp(22px,2.8vw,44px);border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;gap:20px}
body[data-page="home"] .offer-photo{margin:0;width:100%;max-width:100%}
body[data-page="home"] .offer-photo img{width:100%;aspect-ratio:3/2;object-fit:cover}
body[data-page="home"] .offer-card>.button{align-self:stretch;width:100%;justify-content:space-between;font-size:14px}
body[data-page="home"] .offer-section>.scope-note{margin-top:24px}
.audience-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.audience-preview-grid>article{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:20px;padding:clamp(24px,4vw,64px);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.audience-preview-grid .visual-accent{width:60px;height:60px}
.audience-preview-grid h3{font-size:clamp(27px,3vw,46px);line-height:1.15;margin:0;max-width:22ch;overflow-wrap:anywhere}
.audience-preview-grid p{margin:0;max-width:62ch;line-height:1.8}
.audience-preview-grid .text-link{margin-top:auto;padding-top:8px;white-space:normal;max-width:100%}
body[data-page="home"] .service-row{grid-template-columns:64px minmax(0,1.1fr) minmax(0,1fr) 30px;gap:var(--home-gap);padding:28px 0}
body[data-page="home"] .service-row:hover{padding-left:0}
body[data-page="home"] .process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--home-gap)}
body[data-page="home"] .faq-section{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--home-gap)}
body[data-page="home"] .agency-answer{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--home-gap)}
body[data-page="home"] .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--home-gap)}
body[data-page="home"] .home-guides>.text-link{margin-top:28px}
body[data-page="home"] .closing .wrap{padding-block:0}
body[data-page="home"] .footer-grid{grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:var(--home-gap)}
body[data-page="home"] .footer-mail{font-size:clamp(32px,6vw,92px);max-width:100%;overflow-wrap:anywhere}
body[data-page="home"] .footer-bottom{flex-wrap:wrap;gap:16px 24px}
@media(max-width:1100px){body[data-page="home"] .offer-grid{grid-template-columns:minmax(0,1fr)}body[data-page="home"] .offer-photo{max-width:640px}body[data-page="home"] .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="home"] .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){body[data-page="home"] .hero-compact-grid,body[data-page="home"] .section-head,body[data-page="home"] .faq-section,body[data-page="home"] .agency-answer{grid-template-columns:minmax(0,1fr)}body[data-page="home"] .section-head{gap:20px}body[data-page="home"] .hero-compact h1{font-size:clamp(30px,7.9vw,60px)}body[data-page="home"] .hero-actions{align-items:flex-start}body[data-page="home"] .blog-grid{grid-template-columns:minmax(0,1fr)}body[data-page="home"] .service-row{grid-template-columns:48px minmax(0,1fr);gap:16px}body[data-page="home"] .service-row p{grid-column:2;max-width:none}body[data-page="home"] .service-row>span:last-child{display:none}body[data-page="home"] .hero-disciplines>a{padding:18px 8px;flex-direction:column;align-items:flex-start}body[data-page="home"] .hero-disciplines>a>span:nth-child(2){font-size:clamp(15px,3vw,22px)}body[data-page="home"] .orbital-sticky{position:relative;top:auto;min-height:0}body[data-page="home"] .orbital-story{height:auto}}
@media(max-width:600px){.audience-preview-grid{grid-template-columns:minmax(0,1fr)}body[data-page="home"] .project-grid,body[data-page="home"] .process-grid{grid-template-columns:minmax(0,1fr)}body[data-page="home"] .hero-top{flex-wrap:wrap;gap:12px}body[data-page="home"] .hero-actions{flex-direction:column;width:100%}body[data-page="home"] .hero-actions .button{width:100%;justify-content:space-between}body[data-page="home"] .project-caption{flex-wrap:wrap}body[data-page="home"] .project-sector{text-align:left;max-width:none}body[data-page="home"] .closing-row{align-items:flex-start;gap:20px}body[data-page="home"] .closing h2{font-size:clamp(30px,7.8vw,44px)}body[data-page="home"] .closing-link{width:52px;height:52px;font-size:30px}body[data-page="home"] .footer-grid{grid-template-columns:minmax(0,1fr)}body[data-page="home"] .footer-position{grid-column:auto}}
body[data-page="home"] .discipline-panel{padding-inline:var(--home-gutter)}
body[data-page="home"] .discipline-panel>*{min-width:0;max-width:100%}
body[data-page="home"] .footer-position{grid-column:auto;display:block}
body[data-page="home"] .answer-links{display:flex;flex-wrap:wrap;gap:16px 24px}
@media(max-width:800px){body[data-page="home"] .discipline-panel{grid-template-columns:minmax(0,1fr);display:flex}body[data-page="home"] .closing-row{flex-wrap:wrap}}