/* V35 — original image composition, final imagery, retained reading space. */
:root{--section-space:clamp(112px,12vw,184px);--space-heading:clamp(48px,6vw,80px);--surface-soft:#f0f1eb;--quiet-shadow:0 24px 64px -44px #293b2526}
body[data-page] main :is(.service-preview,.guide-cover,.editorial-visual,.premium-photo,.chapter-image,.visual-chapter-photo,.craft-image-window){background:#eeede7}
body[data-page] main .section{padding-block:var(--section-space)}
body[data-page] main .section.compact-top{padding-top:clamp(32px,5vw,72px)}
body[data-page] main .page-intro.premium-intro{padding-block:clamp(64px,7vw,104px) clamp(72px,8vw,120px)}
body[data-page] main .section-heading{margin-bottom:var(--space-heading);gap:32px}
body[data-page] main :is(.soft,.editorial-dossier){background:linear-gradient(145deg,#eff0e9,#f5f5ef)}
body[data-page] main .visual-chapter{background:linear-gradient(130deg,#eeefe8,#f6f6f0)}
body[data-page] main .visual-chapter-ink{background:linear-gradient(120deg,#223329,#2c3b30)}
body[data-page] main :is(.service-directory p,.guide-links p,.editorial-service-copy>p,.detail-rows p,.feature-grid p,.article-layout article p,.contact-layout aside>p){color:#667064}
body[data-page] main :is(.service-directory b,.guide-links b,.editorial-link,.contact-email){color:#455a40}
body[data-page] main :is(.service-directory>a>span,.guide-links>a>span,.service-deliverables){color:#707b69}
body[data-page] .floating-enquiry{background:#26382cee;color:#f6f7ef;box-shadow:0 10px 30px -18px #1b302a66}
body[data-page] main .benefit-grid{margin-top:88px;gap:48px}
body[data-page] main .scope-stats{margin-top:80px;padding-top:24px}
body[data-page] main .detail-rows{row-gap:20px}
body[data-page] main .detail-rows>article{padding:40px 32px;background:#ffffff70}
body[data-page] main .feature-grid{gap:32px}
body[data-page] main .feature-grid article{padding:36px;background:#f1f3ed;box-shadow:none}
body[data-page] main .presence-use-grid article{padding:36px}
body[data-page] main .scope-detail-grid{gap:20px}
body[data-page] main .scope-detail-grid details{padding-inline:28px;background:#f1f2ec}
body[data-page] main .scope-detail-grid summary{padding-block:28px}
body[data-page] main .accordion details{padding-inline:28px;margin-bottom:16px;background:#f1f2ec}
body[data-page] main .accordion summary{padding-block:26px}
body[data-page] main .process-timeline>article{padding-block:48px 80px}
body[data-page] main .resource-downloads>article{padding-block:40px}
body[data-page] main .resource-shelf{margin-top:80px;padding-top:40px}
body[data-page] main .resource-shelf-links{margin-top:36px}
body[data-page] main .engagement-notes{gap:24px}
body[data-page] main .engagement-notes>article{padding:32px}
body[data-page] main .price-card{padding:clamp(28px,2.8vw,44px);box-shadow:none}
body[data-page] main .price-card .recurring{padding-block:22px}
body[data-page] main .price-card li{padding-block:12px}
body[data-page] main .price-card .package-fit{padding-top:32px;margin-bottom:32px}
body[data-page] main .brief-form{padding:clamp(28px,4vw,56px);box-shadow:var(--quiet-shadow)}
body[data-page] main .closing{padding-block:clamp(104px,12vw,176px)}
body[data-page] .footer{padding-top:80px}
body[data-page] .footer-top{padding-bottom:64px}
body[data-page] .footer-grid{padding-block:48px 64px}
body[data-page] .footer-grid a:not(.btn){line-height:1.75}
body[data-page=index] .network-bar{padding-block:48px}
body[data-page=index] main #services{background:#f1f1ec}
body[data-page=index] main .sequence-stages{margin-top:64px;gap:40px}
body[data-page=index] main .delivery-formats{margin-top:80px}
@media(max-width:760px){
 :root{--section-space:104px;--space-heading:44px}
body[data-page] main .section.compact-top{padding-top:24px}
body[data-page] main .page-intro.premium-intro{padding-block:48px 64px}
body[data-page] main .benefit-grid{margin-top:56px;gap:32px}
body[data-page] main .scope-stats{margin-top:48px;padding-top:0}
body[data-page] main .detail-rows>article{padding:28px 24px}
body[data-page] main :is(.feature-grid article,.presence-use-grid article,.engagement-notes>article){padding:28px}
body[data-page] main .scope-detail-grid{gap:16px}
body[data-page] main :is(.scope-detail-grid details,.accordion details){padding-inline:22px}
body[data-page] main :is(.scope-detail-grid summary,.accordion summary){padding-block:24px}
body[data-page] main .process-timeline>article{padding-block:32px 48px}
body[data-page] main .resource-shelf{margin-top:56px;padding-top:24px}
body[data-page] main .price-card{padding:28px}
body[data-page] main .brief-form{padding:28px}
body[data-page] main .closing{padding-block:96px}
body[data-page] .footer{padding-top:64px}
body[data-page] .footer-top{padding-bottom:40px}
body[data-page] .footer-grid{padding-block:32px 48px}
body[data-page=index] .network-bar{padding-block:36px}
body[data-page=index] main .sequence-stages{margin-top:40px;gap:32px}
body[data-page=index] main .delivery-formats{margin-top:48px}
}
@media(max-width:374px){
 :root{--section-space:88px;--space-heading:36px}
body[data-page] main :is(.price-card,.brief-form){padding:24px}
body[data-page] main :is(.scope-detail-grid details,.accordion details){padding-inline:18px}
}

/* V36: preserve complete editorial compositions on landscape tablets.
   Keep the existing grid, ordering and margins; let the artwork set its height. */
@media (min-width:960px) and (max-width:1440px) and (orientation:landscape) {
 body[data-page] main :is(.page-image,.premium-photo,.chapter-image,.visual-chapter-photo,.editorial-visual,.service-preview,.guide-cover,.craft-image-window,.atlas-image,.agency-banner-photo) {
  height:auto;min-height:0;max-height:none;aspect-ratio:auto;align-self:center;
 }
 body[data-page] main :is(.page-image,.premium-photo,.chapter-image,.visual-chapter-photo,.editorial-visual,.service-preview,.guide-cover,.craft-image-window,.atlas-image,.agency-banner-photo,.package-portrait,.dossier-visual)>img,
 body[data-page] main .scenario-detail-grid>img {
  display:block;position:relative;inset:auto;width:100%;height:auto;min-height:0;max-height:none;
  aspect-ratio:auto;object-fit:contain;transform:none!important;
 }
 /* The feature is a text-overlay composition: keep its complete image in its own panel. */
 body[data-page=index] main .feature-photograph img {object-fit:contain;transform:none!important}
}

/* V42: restore V40 spacing; use viewport geometry consistently across reloads and input devices. */
@media (min-width:960px) and (max-width:1440px) and (orientation:landscape) {
 body[data-page=index] main .hero.cover-story {padding-top:33.32px}
 body[data-page] main .page-intro.premium-intro {padding-top:clamp(38.08px,4.165vw,61.88px)}
 body[data-page] #motion-control,
 body[data-page] main .magazine-controls [data-magazine-replay] {display:none!important}
}

/* V43: one top-gap owner. Nested copy padding must not add a second gap. */
@media (min-width:960px) and (max-width:1440px) and (orientation:landscape) {
 body[data-page=index] main .cover-grid {align-items:start}
 body[data-page=index] main .cover-copy {padding-top:0;align-self:start}
 body[data-page=index] main .cover-copy>.label {margin-top:0}
}
