/* Atelier Digital TN — V8.22 — Global vertical rhythm optimization
   Goal: reduce dead vertical space without flattening hierarchy or breaking interactive sections. */

/* ---------------- Global rhythm ---------------- */
@media (min-width: 901px){
  .section{padding-top:96px;padding-bottom:96px}
  .page-hero{padding-top:145px;padding-bottom:72px}
  .method-section{padding-top:94px;padding-bottom:94px}
  .process-section{padding-top:94px;padding-bottom:94px}
  .portfolio-list{padding-top:82px;padding-bottom:82px}
  .portfolio-row{padding-bottom:64px;margin-bottom:64px}
  .case-hero{padding-top:132px;padding-bottom:66px}
  .case-section{padding-top:84px;padding-bottom:84px}
  .case-gallery{padding-top:82px;padding-bottom:82px}
  .case-next{padding-top:66px;padding-bottom:66px}
  .contact-page main .contact-page{padding-top:84px;padding-bottom:88px}
  .legal-hero{padding-top:142px;padding-bottom:58px}
  .legal-page main .legal-page{padding-top:76px;padding-bottom:92px}
  .case-layout-grid-section{padding-top:84px;padding-bottom:84px}
}

/* ---------------- Home ---------------- */
@media (min-width: 901px){
  .home-page .hero{padding-top:140px;padding-bottom:38px}
  .home-page .problem-section{padding-top:92px;padding-bottom:92px}
  .home-page .services-preview{padding-top:92px;padding-bottom:94px}
  .home-page .work-preview{padding-top:92px;padding-bottom:86px}
  .home-page .why-section{padding-top:90px;padding-bottom:90px}
  .home-page .home-faq{padding-top:88px;padding-bottom:92px}
  .home-page .cta-section{padding-top:82px;padding-bottom:82px}
  .home-page .section-top{margin-bottom:48px}
  .home-page .work-preview .section-top{margin-bottom:46px}
  .home-page .featured-project{margin-bottom:64px}

  /* Container Scroll needs extra travel, but 145vh was visually excessive. */
  .home-page .shc-scroll-feature,
  .home-page .royer-scroll-feature{height:115vh;min-height:980px;max-height:1600px}
  .home-page .shc-scroll-sticky,
  .home-page .royer-scroll-sticky{min-height:640px;padding-top:clamp(28px,4vh,50px);padding-bottom:20px}
  .home-page .shc-scroll-footer,
  .home-page .royer-scroll-footer{margin-top:6px;padding-top:11px}
  .home-page .royer-scroll-feature{margin-top:20px;margin-bottom:46px}
  .home-page .shc-scroll-perspective,
  .home-page .royer-scroll-perspective{margin-top:8px}
}

/* ---------------- Service detail pages ---------------- */
@media (min-width: 901px){
  .service-detail-page .page-hero{padding-top:150px;padding-bottom:72px}
  .service-detail-page .section{padding-top:88px;padding-bottom:88px}
  .service-detail-page .method-section{padding-top:92px;padding-bottom:92px}
  .service-detail-page .faq{padding-top:86px;padding-bottom:88px}
  .service-detail-page .cta-section{padding-top:78px;padding-bottom:82px}
}

/* ---------------- Services hub ---------------- */
@media (min-width: 901px){
  .services-v84 .svc84-hero{min-height:680px;padding-top:140px;padding-bottom:78px}
  .services-v84 .sm88-intro{padding-top:74px;padding-bottom:56px}
  .services-v84 .sm88-section{padding-top:96px;padding-bottom:96px}
  .services-v84 .sm88-visual{min-height:500px}
  .services-v84 .svc84-quality{padding-top:88px;padding-bottom:92px}
  .services-v84 .svc84-quality-head{margin-bottom:40px}
  .services-v84 .svc84-method{padding-top:82px;padding-bottom:88px}
  .services-v84 .svc84-method-head{margin-bottom:44px}
  .services-v84 .svc84-faq{padding-top:84px;padding-bottom:86px}
  .services-v84 .svc84-cta{padding-top:58px;padding-bottom:78px}
}

/* ---------------- About ---------------- */
@media (min-width: 901px){
  .about-v2-page .about-v2-hero-grid{min-height:540px}
  .about-v2-page .about-v2-brand-inner{min-height:540px;padding-top:56px;padding-bottom:46px}
  .about-v2-page .about-v2-intro{padding-top:58px;padding-bottom:54px}
  .about-v2-page .about-v2-values{padding-top:76px;padding-bottom:82px}
  .about-v2-page .about-v2-founder{padding-top:74px;padding-bottom:74px}
  .about-v2-page .about-v2-difference{padding-top:64px;padding-bottom:68px}
  .about-v2-page .about-v2-facts{padding-top:38px;padding-bottom:44px}
  .about-v2-page .about-v2-cta{padding-top:26px;padding-bottom:68px}
}

/* ---------------- Portfolio ---------------- */
@media (min-width: 901px){
  .portfolio-page .page-hero{padding-top:145px;padding-bottom:68px}
  .portfolio-page .focus-projects-section{padding-top:78px;padding-bottom:88px}
  .portfolio-page .cta-section{padding-top:80px;padding-bottom:84px}
}

/* ---------------- Generic case studies ---------------- */
@media (min-width: 901px){
  .project-page:not(.royer-v19-page) .case-hero{padding-top:132px;padding-bottom:62px}
  .project-page:not(.royer-v19-page) .case-section{padding-top:82px;padding-bottom:82px}
  .project-page:not(.royer-v19-page) .case-layout-grid-section{padding-top:82px;padding-bottom:86px}
  .project-page:not(.royer-v19-page) .case-next{padding-top:62px;padding-bottom:62px}
  .project-page:not(.royer-v19-page) .case-cta{padding-top:78px;padding-bottom:82px}
}

/* ---------------- Royer case study ---------------- */
@media (min-width: 901px){
  .royer-v19-page .royer-v19-hero{padding-top:132px}
  .royer-v19-page .royer-v19-hero-copy{padding-bottom:42px}
  .royer-v19-page .royer-v19-compare{padding-top:96px;padding-bottom:104px}
  .royer-v19-page .royer-v19-section-head{margin-bottom:42px}
  .royer-v19-page .royer-v19-deltas{margin-top:38px}
  .royer-v19-page .royer-v19-existing.case-layout-grid-section{padding-top:88px;padding-bottom:94px}
  .royer-v19-page .royer-v19-work{padding-top:94px;padding-bottom:100px}
  .royer-v19-page .royer-v19-work-head{margin-bottom:42px}
  .royer-v19-page .royer-v19-metrics{margin-top:48px}
  .royer-v19-page .royer-v19-result{padding-top:92px;padding-bottom:88px}
}

/* ---------------- Legal/contact ---------------- */
@media (min-width: 901px){
  .legal-page .legal-content section{padding-bottom:42px;margin-bottom:42px}
  .contact-page .page-hero{padding-top:145px;padding-bottom:66px}
}

/* ---------------- Tablet/mobile: keep breathing room, remove oversized gaps ---------------- */
@media (max-width: 900px){
  .section{padding-top:70px;padding-bottom:70px}
  .home-page .shc-scroll-feature{padding-top:48px;padding-bottom:50px}
  .home-page .royer-scroll-feature{margin-top:18px;margin-bottom:42px;padding-top:48px;padding-bottom:50px}
  .home-page .featured-project{margin-bottom:52px}
  .services-v84 .svc84-hero{min-height:0;padding-top:112px;padding-bottom:66px}
  .services-v84 .sm88-intro{padding-top:62px;padding-bottom:48px}
  .services-v84 .sm88-section{padding-top:72px;padding-bottom:72px}
  .services-v84 .svc84-quality{padding-top:70px;padding-bottom:74px}
  .services-v84 .svc84-method{padding-top:68px;padding-bottom:72px}
  .services-v84 .svc84-cta{padding-top:48px;padding-bottom:64px}
  .case-layout-grid-section{padding-top:68px;padding-bottom:70px}
  .about-v2-page .about-v2-values,
  .about-v2-page .about-v2-founder{padding-top:62px;padding-bottom:62px}
}

@media (max-width: 560px){
  .section{padding-top:58px;padding-bottom:58px}
  .page-hero{padding-top:112px;padding-bottom:52px}
  .case-hero{padding-top:108px;padding-bottom:54px}
  .case-section{padding-top:60px;padding-bottom:60px}
  .case-layout-grid-section{padding-top:58px;padding-bottom:60px}
  .home-page .shc-scroll-feature,
  .home-page .royer-scroll-feature{padding-top:42px;padding-bottom:44px}
}