/* R52 production: leaner page rhythm, clearer choices, cleaner mobile use. */

html{overflow-x:hidden}
body{overflow-x:hidden}
section[id]{scroll-margin-top:92px}
.menu-toggle{display:none}

@media (min-width:901px){
  .atelier-heading.section-intro-centered,
  .gallery-heading.section-intro-centered,
  .production-heading.section-intro-centered,
  .platform-integrated .platform-heading.section-intro-centered{
    display:block;
    max-width:980px;
    text-align:left;
  }
  .atelier-heading.section-intro-centered h2,
  .gallery-heading.section-intro-centered h2,
  .production-heading.section-intro-centered h2,
  .platform-integrated .platform-heading.section-intro-centered h2{
    max-width:930px;
    margin:0;
    text-align:left;
  }
  .atelier-heading.section-intro-centered>p:last-child,
  .gallery-heading.section-intro-centered>p:last-child,
  .production-heading.section-intro-centered>p:last-child,
  .platform-integrated .platform-heading.section-intro-centered>p:last-child{
    max-width:720px;
    margin:18px 0 0;
    text-align:left;
  }
}

.section{padding-block:clamp(64px,6vw,84px)}
.audience-strip{padding-block:18px}
.audience-inner{gap:24px}
.evidence-intro{margin-bottom:32px}
.atelier-heading.section-intro-centered,
.gallery-heading.section-intro-centered,
.production-heading.section-intro-centered,
.platform-integrated .platform-heading.section-intro-centered{margin-bottom:30px}
.review-package{margin-top:16px}
.gallery-performance{margin-top:28px;padding-top:26px}

.gallery-ad span{display:grid;gap:3px;min-height:49px;padding-top:10px;font-size:.72rem;font-weight:680;line-height:1.15;text-align:left}
.gallery-ad span small{color:#a33b2a;font-size:.625rem;font-weight:800;letter-spacing:.085em;text-transform:uppercase}
.form-field label span{margin-left:.38em}

.production-gap{padding-block:72px}
.old-routes article{min-height:250px;padding:22px;gap:16px}
.route-art{height:88px}
.old-routes h3{font-size:1.16rem}
.old-routes p{font-size:.79rem;line-height:1.42}
.new-route{margin-top:14px;padding:36px 44px}
.new-route-ads{min-height:310px}
.new-route-ads img{width:148px;height:185px}

.engagement-package{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:40px;align-items:center;margin-bottom:22px;padding:24px 0;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);color:#fff}
.engagement-package>div{display:grid;gap:7px}
.engagement-package>div span{color:#bad890;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.engagement-package>div strong{max-width:460px;font-size:1.05rem;font-weight:620;line-height:1.35}
.engagement-package ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.16)}
.engagement-package li{padding:11px 8px 11px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:.72rem;font-weight:620}
.engagement-package li:nth-child(even){padding-left:18px;border-left:1px solid rgba(255,255,255,.16)}
.managed-heading.section-intro-centered{padding-bottom:26px}
.managed-split article{padding-block:34px 38px}

.platform-integrated{padding-block:76px}
.platform-product-frame{width:min(1320px,calc(100% - 48px));box-shadow:0 28px 68px rgba(27,53,42,.16)}
.platform-benefits{margin-top:18px}
.platform-benefits article{padding-top:16px}
.platform-status-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;color:#315146;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.platform-status-row strong{padding:7px 11px;border-radius:999px;background:var(--coral);color:#fff;font-size:.66rem;letter-spacing:.08em}
.platform-preview-label{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 5px 12px;color:#5d6b64;font-size:.68rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.platform-preview-label strong{color:var(--coral-dark)}
.platform-now{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:28px;padding:20px 0;border-top:1px solid rgba(8,44,36,.24)}
.platform-now p{margin:0;color:#40544b;font-size:.9rem}
.platform-now p strong{color:var(--forest)}
.platform-now a{color:var(--forest);font-size:.78rem;font-weight:800;text-decoration:none;border-bottom:1px solid currentColor}
.canvas-ad img,.gallery-ad img{aspect-ratio:4/5;object-fit:cover;background:#fff}

.demo{padding-block:72px}
.footer-main{padding-top:48px}

.atelier,
.campaign-gallery,
.production-gap,
.managed,
.platform,
.demo{content-visibility:auto;contain-intrinsic-size:900px}

.menu-toggle span{display:block;width:21px;height:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}

@media (max-width:900px){
  .header-inner{gap:12px}
  .menu-toggle{display:grid;gap:4px;place-content:center;width:44px;height:44px;margin-left:auto;border:0;background:transparent;color:var(--forest);cursor:pointer}
  .site-navigation{position:absolute;top:100%;left:16px;right:16px;display:none!important;padding:10px;border:1px solid var(--line);background:rgba(250,247,240,.98);box-shadow:0 18px 42px rgba(25,45,37,.15)}
  .site-navigation.is-open{display:grid!important}
  .site-navigation a{min-height:44px;padding:12px 10px;border-bottom:1px solid var(--line);font-size:.86rem}
  .site-navigation a:last-child{border-bottom:0}
  .header-inner>.button{margin-left:0}
  .engagement-package{grid-template-columns:1fr;gap:18px;padding-block:20px}
  .engagement-package ul{grid-template-columns:1fr}
  .engagement-package li:nth-child(even){padding-left:0;border-left:0}
  .old-routes{grid-template-columns:1fr}
  .old-routes article{display:grid;grid-template-columns:104px 1fr;min-height:0;border-right:0;border-bottom:1px solid var(--line)}
  .old-routes article:last-child{border-bottom:0}
  .route-art{width:100%;height:92px}
  .new-route{padding:32px 24px}
  .new-route-ads{min-height:260px}
  .gallery-ad span{min-height:45px}
  .platform-product-frame{width:calc(100% - 16px)}
  .platform-status-row{justify-content:flex-start;flex-wrap:wrap}
  .platform-preview-label{padding:4px 4px 10px}
  .platform-now{align-items:flex-start;flex-direction:column;gap:10px}
}

@media (max-width:560px){
  .site-header{padding-block:10px}
  .brand span{font-size:1.45rem}
  .header-inner>.button{padding-inline:13px;font-size:.68rem}
  .hero{padding-top:106px}
  .hero-copy h1{font-size:clamp(3rem,13.5vw,4rem)}
  .audience-inner{gap:12px}
  .audience-inner strong{font-size:1.06rem}
  .old-routes article{grid-template-columns:1fr;gap:12px;padding:18px}
  .route-art{height:78px}
  .new-route{display:block}
  .new-route-ads{margin-top:24px}
  .managed-split h3{font-size:2rem}
  .atelier-heading h2{font-size:clamp(2.7rem,12vw,3.35rem);line-height:.94}
}

@media (prefers-reduced-motion:reduce){
  .menu-toggle span{transition:none}
}