/* Nadmaa sitewide composition pass — 2026-09-15
   Final visual layer: tighter rhythm, visible CTAs, balanced media, consistent density. */
:root{
  --nd-section:clamp(56px,6vw,84px);
  --nd-section-tight:clamp(42px,4.5vw,64px);
  --nd-card-radius:28px;
}

/* Global rhythm */
main>section{scroll-margin-top:76px}
.section-heading{margin-bottom:32px!important}
.section-heading.split{gap:32px!important}
.section-heading.split>p{max-width:560px!important}
.button-primary{background:var(--nadmaa-orange,#e07a2f)!important;color:#fff!important}

/* Homepage: put proposition + CTA in the first viewport */
body:not(.service-detail-page):not(.case-study-page):not(.solution-page):not(.solutions-page) .hero{
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr)!important;
  gap:clamp(32px,4vw,58px)!important;
  padding:54px 0 68px!important;
  align-items:center!important;
}
body:not(.service-detail-page):not(.case-study-page):not(.solution-page):not(.solutions-page) .hero-copy{max-width:700px!important}
body:not(.service-detail-page):not(.case-study-page):not(.solution-page):not(.solutions-page) .hero h1{
  max-width:700px!important;
  font-size:clamp(3.1rem,3.8vw,4.25rem)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
}
.hero-lede{max-width:620px!important;margin-top:18px!important;font-size:clamp(1.02rem,1.15vw,1.18rem)!important;line-height:1.48!important}
.hero-actions{margin-top:20px!important;gap:10px!important}
.hero-note{margin-top:12px!important;line-height:1.45!important}
.hero-visual .visual-stage{padding:14px!important;border-radius:28px!important}
.hero-visual .visual-stage img{border-radius:22px!important}
.hero-visual figcaption{padding-top:8px!important}
.capability-rail{margin-top:0!important}

/* Homepage sections */
.experience{padding:var(--nd-section) 0!important}
.experience-grid{gap:14px!important}
.experience-grid article{min-height:190px!important;padding:26px!important;border-radius:26px!important}
.experience-grid h3{margin:24px 0 8px!important}
.services{padding-bottom:var(--nd-section)!important}
.service-mosaic{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:14px!important;margin-top:34px!important;align-items:stretch!important}
.service-card,.service-card-large{position:relative!important;min-height:360px!important;padding:28px!important;border-radius:var(--nd-card-radius)!important;overflow:hidden!important}
.service-card-large{grid-column:span 7!important}
.service-card-sage{grid-column:span 5!important}
.service-card-clay{grid-column:span 5!important}
.service-card-ink{grid-column:span 7!important}
.service-card-large,.service-card-clay{padding-bottom:188px!important}
.service-card .service-copy{position:relative!important;z-index:2!important;max-width:620px!important}
.service-card-clay .service-copy{max-width:78%!important}
.service-card .service-art{position:absolute!important;left:20px!important;right:20px!important;bottom:18px!important;height:150px!important;margin:0!important;border-radius:22px!important}
.service-card .service-art img{width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;border-radius:22px!important}
.service-card h3{margin-top:18px!important}
.service-card p{margin-bottom:18px!important}
.approach{gap:54px!important;margin-bottom:var(--nd-section)!important;padding:52px!important;border-radius:32px!important}
.intelligence-inner{margin-bottom:var(--nd-section)!important}
.home-solutions{padding-top:0!important;padding-bottom:var(--nd-section)!important}
.blueprint-home-gateway{margin-top:0!important;margin-bottom:var(--nd-section)!important}
.work{padding-bottom:var(--nd-section)!important}
.case{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;min-height:0!important;border-radius:30px!important;align-items:stretch!important}
.case-copy,.case-freight .case-copy{padding:44px!important}
.case-copy h3{font-size:clamp(3rem,4.2vw,4.8rem)!important;line-height:.94!important}
.case-art{display:flex!important;min-height:440px!important;padding:20px!important;align-items:stretch!important}
.case-art img{width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;object-fit:cover!important;border-radius:24px!important}
.blog-preview{padding-bottom:var(--nd-section)!important}
.blog-grid>a{min-height:250px!important;padding:24px!important}

/* Services hub + service detail */
.service-hub-hero{padding:64px 0 48px!important}
.service-hub-hero h1{font-size:clamp(3.4rem,5.3vw,5.6rem)!important;line-height:.94!important}
.service-hub-hero>p:not(.section-label){margin-top:22px!important}
.service-hub-jump{margin-top:24px!important}
.service-principle{padding:60px 0!important}
.service-hub-group{margin:0!important;padding:var(--nd-section-tight) 0!important}
.service-hub-heading{margin-bottom:28px!important}
.service-hub-grid{gap:14px!important}
.service-hub-card{min-height:0!important;padding:24px!important}
.service-detail-hero{padding:58px 0 50px!important}
.service-detail-hero h1{font-size:clamp(3.35rem,5.1vw,5.55rem)!important;line-height:.94!important}
.service-breadcrumb{margin-bottom:22px!important}
.service-lede{margin-top:22px!important}
.service-hero-actions{margin-top:24px!important}
.service-answer{gap:48px!important;padding-top:58px!important;padding-bottom:58px!important}
.service-problems,.service-deliverables,.service-method,.service-related-work,.service-insights,.service-faq{padding-top:var(--nd-section)!important;padding-bottom:var(--nd-section)!important}
.service-section-head{margin-bottom:30px!important}
.service-problem-grid,.service-deliverable-grid,.service-related-grid{gap:14px!important}
.service-problem-grid article,.service-deliverable-grid article{min-height:0!important;padding:24px!important}
.service-process-list{gap:10px!important}
.service-process-list article{padding:24px 26px!important}

/* Solutions */
.solution-hero{gap:48px!important;padding-top:62px!important;padding-bottom:54px!important}
.solution-hero h1{font-size:clamp(3.35rem,5vw,5.45rem)!important;line-height:.94!important}
.solution-lede{margin-top:22px!important}
.solution-answer{gap:64px!important;padding-top:var(--nd-section)!important;padding-bottom:var(--nd-section)!important}
.solution-outputs,.solution-method,.solution-proof,.solution-faq{padding-top:var(--nd-section)!important;padding-bottom:var(--nd-section)!important}
.solution-section-head,.solution-proof-head{margin-bottom:30px!important}
.solution-final{padding:76px 0!important}
.solution-proof-grid,.solution-output-grid,.solution-method-grid{gap:14px!important}
.blueprint-visual{min-height:430px!important}
.blueprint-gallery,.blueprint-section,.blueprint-pricing{padding-top:var(--nd-section)!important;padding-bottom:var(--nd-section)!important}

/* Work index + case studies */
.work-index-hero{padding:58px 0 40px!important}
.work-index-hero h1{font-size:clamp(3.4rem,5.2vw,5.5rem)!important;line-height:.94!important}
.work-index-grid{padding:46px 0 72px!important}
.work-index-intro{margin-bottom:28px!important}
.work-index-card{min-height:0!important;margin-bottom:16px!important;border-radius:28px!important;overflow:hidden!important}
.work-index-copy,.work-index-card.reverse .work-index-copy{padding:38px!important}
.work-index-art{min-height:360px!important}
.work-index-art img{height:100%!important;min-height:360px!important;object-fit:cover!important}
.work-more{padding-bottom:72px!important}
.work-index-cta{margin-bottom:72px!important;padding:62px 0!important}
.cs-hero{gap:46px!important;padding-top:58px!important;padding-bottom:52px!important}
.cs-hero h1{font-size:clamp(3.25rem,5vw,5.35rem)!important;line-height:.94!important}
.cs-hero-art img{width:100%!important;max-height:520px!important;aspect-ratio:16/10!important;object-fit:cover!important}
.cs-story,.cs-quoting,.cs-before-after,.cs-nadmaa,.cs-related-services{padding-top:var(--nd-section)!important;padding-bottom:var(--nd-section)!important}
.cs-flow-wrap{padding:68px 0!important}
.cs-section-heading{margin-bottom:30px!important}

/* Resources + articles */
.resources-hero{padding:58px 0 42px!important}
.resources-hero h1{font-size:clamp(3.35rem,5.1vw,5.4rem)!important;line-height:.94!important}
.resources-hero>p:last-child{margin-top:22px!important}
.resources-featured{padding:42px 0 56px!important;gap:14px!important}
.resource-card,.resource-card+.resource-card,.resources-grid .resource-card:nth-child(n){min-height:250px!important;padding:24px!important;border-radius:26px!important}
.resource-card h2{margin:26px 0 12px!important}
.resource-cluster{padding:var(--nd-section-tight) 0!important}
.resource-list-card,.resource-list-card:nth-child(even){min-height:230px!important;padding:24px!important}
.resources-cta{margin-bottom:72px!important;padding:62px 0!important}
.article-hero{margin-top:24px!important;padding:42px!important;column-gap:36px!important;border-radius:28px!important}
.article-hero h1{font-size:clamp(3rem,4.3vw,4.75rem)!important;line-height:.96!important}
.article-breadcrumb{margin-bottom:20px!important}
.article-deck{margin-top:20px!important}
.article-meta{margin-top:20px!important}
.article-layout{grid-template-columns:180px minmax(0,760px)!important;gap:56px!important;padding:48px 0 76px!important}

/* Contact / review */
.review-hero{gap:44px!important;padding:58px 0 42px!important}
.review-hero h1{font-size:clamp(3.35rem,5vw,5.35rem)!important;line-height:.94!important}
.review-wrap{gap:20px!important;padding-bottom:68px!important}
.review-aside{top:76px!important;padding:24px!important}

/* Small screens: density without crowding */
@media(max-width:900px){
  body:not(.service-detail-page):not(.case-study-page):not(.solution-page):not(.solutions-page) .hero{grid-template-columns:1fr!important;gap:30px!important;padding:42px 0 52px!important}
  body:not(.service-detail-page):not(.case-study-page):not(.solution-page):not(.solutions-page) .hero h1{max-width:760px!important;font-size:clamp(3rem,8.4vw,4.25rem)!important}
  .service-mosaic{grid-template-columns:1fr!important}
  .service-card,.service-card-large,.service-card-sage,.service-card-clay,.service-card-ink{grid-column:auto!important;min-height:0!important}
  .service-card-large,.service-card-clay{padding-bottom:180px!important}
  .case{grid-template-columns:1fr!important}
  .case-art{min-height:330px!important}
  .solution-hero,.cs-hero{grid-template-columns:1fr!important;gap:30px!important}
  .article-hero{grid-template-columns:1fr!important}
  .article-hero>*{grid-column:1!important}
}

@media(max-width:760px){
  :root{--nd-section:52px;--nd-section-tight:44px}
  .section-heading{margin-bottom:24px!important}
  body:not(.service-detail-page):not(.case-study-page):not(.solution-page):not(.solutions-page) .hero{padding:34px 0 44px!important}
  body:not(.service-detail-page):not(.case-study-page):not(.solution-page):not(.solutions-page) .hero h1{font-size:clamp(2.7rem,11vw,3.6rem)!important;line-height:.96!important}
  .hero-lede{margin-top:16px!important;font-size:1rem!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;margin-top:18px!important}
  .hero-actions .button{width:100%!important;justify-content:center!important}
  .hero-note{margin-top:10px!important}
  .hero-visual .visual-stage{padding:9px!important;border-radius:22px!important}
  .experience-grid article{min-height:0!important;padding:22px!important}
  .service-card,.service-card-large{padding:24px!important}
  .service-card-large,.service-card-clay{padding-bottom:162px!important}
  .service-card .service-art{left:16px!important;right:16px!important;bottom:16px!important;height:130px!important}
  .service-card-clay .service-copy{max-width:100%!important}
  .approach{gap:30px!important;padding:30px 22px!important}
  .case-copy,.case-freight .case-copy{padding:28px 22px!important}
  .case-copy h3{font-size:clamp(2.6rem,10.5vw,3.6rem)!important}
  .case-art{min-height:260px!important;padding:14px!important}
  .service-hub-hero,.service-detail-hero,.work-index-hero,.resources-hero,.review-hero{padding-top:42px!important;padding-bottom:34px!important}
  .service-hub-hero h1,.service-detail-hero h1,.work-index-hero h1,.resources-hero h1,.review-hero h1,.solution-hero h1,.cs-hero h1{font-size:clamp(2.7rem,11vw,3.75rem)!important;line-height:.96!important}
  .service-answer{grid-template-columns:1fr!important;gap:16px!important;padding-top:46px!important;padding-bottom:46px!important}
  .service-process-list article{grid-template-columns:40px minmax(0,1fr)!important;gap:14px!important;padding:20px!important}
  .solution-hero,.cs-hero{padding-top:42px!important;padding-bottom:40px!important}
  .solution-answer{grid-template-columns:1fr!important;gap:18px!important}
  .work-index-grid{padding:34px 0 52px!important}
  .work-index-copy,.work-index-card.reverse .work-index-copy{padding:26px 22px!important}
  .work-index-art,.work-index-art img{min-height:250px!important}
  .cs-hero-art img{max-height:none!important;aspect-ratio:16/9!important}
  .resources-featured{padding:28px 0 42px!important}
  .resource-card,.resource-list-card{min-height:0!important}
  .article-hero{margin:14px!important;padding:26px 20px!important;border-radius:24px!important}
  .article-hero h1{font-size:clamp(2.55rem,10vw,3.5rem)!important}
  .article-layout{grid-template-columns:1fr!important;gap:26px!important;padding:36px 0 56px!important}
  .article-aside{position:static!important}
  .review-wrap{grid-template-columns:1fr!important;padding-bottom:52px!important}
  .review-aside{position:static!important}
}