/* One opening screen, including navigation; content may grow on small screens. */
body .nine-scene,body .discovery-scene,body:is(.dashboard-page,.brain-page) .service-hero{min-height:calc(100svh - var(--service-header-height,126px));box-sizing:border-box}

/* The dashboard page is the type and spacing reference for all three openings. */
body .nine-scene,body .discovery-scene,body:is(.dashboard-page,.brain-page) .service-hero{padding-top:60px;padding-bottom:90px}
body .nine-scene .automation-copy h1,body .discovery-scene .scene-copy h1,body:is(.dashboard-page,.brain-page) .service-hero h1{font:600 clamp(48px,4.6vw,82px)/1.04 Outfit,sans-serif;letter-spacing:-.045em;margin:0 0 28px;text-wrap:pretty}
body .nine-scene .automation-copy h1 em,body .discovery-scene .scene-copy h1 em,body:is(.dashboard-page,.brain-page) .service-hero h1 em{color:#61b7fa;font-style:normal}
body .nine-scene .automation-copy>p:not(.eyebrow),body .discovery-scene .scene-copy>p:not(.eyebrow),body:is(.dashboard-page,.brain-page) .service-hero .lead{font:400 clamp(20px,1.5vw,24px)/1.6 General,sans-serif;color:#dce5e6}
body .nine-scene .automation-copy>.eyebrow,body .discovery-scene .scene-copy>.eyebrow,body:is(.dashboard-page,.brain-page) .service-opening>.eyebrow{font:600 18px/1.5 General,sans-serif;letter-spacing:.065em;color:#9bd66f!important;margin:0 0 20px;text-transform:uppercase}
@media(max-width:1000px) and (min-width:761px){body .nine-scene .automation-copy h1,body .discovery-scene .scene-copy h1,body:is(.dashboard-page,.brain-page) .service-hero h1{font-size:53px}}
@media(max-width:760px){body .nine-scene,body:is(.dashboard-page,.brain-page) .service-hero{padding-top:28px;padding-bottom:55px}body .discovery-scene{padding-top:28px;padding-bottom:265px}body .nine-scene .automation-copy h1,body .discovery-scene .scene-copy h1,body:is(.dashboard-page,.brain-page) .service-hero h1{font-size:clamp(43px,10vw,63px)}body .nine-scene .automation-copy>p:not(.eyebrow),body .discovery-scene .scene-copy>p:not(.eyebrow),body:is(.dashboard-page,.brain-page) .service-hero .lead{font-size:20px}}

/* Shared header layout also overrides legacy Discovery header rules. */
body.discovery-proposal .site-header,body.automation-proposal .site-header,body:is(.dashboard-page,.brain-page) .site-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:32px 6%;gap:24px}
body.discovery-proposal .site-header nav,body.automation-proposal .site-header nav,body:is(.dashboard-page,.brain-page) .site-header nav{display:flex;align-items:center;gap:32px;width:auto;flex-wrap:nowrap}
@media(max-width:760px){body.discovery-proposal .site-header,body.automation-proposal .site-header,body:is(.dashboard-page,.brain-page) .site-header{padding:20px 6%;gap:12px}body.discovery-proposal .site-header nav,body.automation-proposal .site-header nav,body:is(.dashboard-page,.brain-page) .site-header nav{gap:12px}body.discovery-proposal .site-header .about-link,body.automation-proposal .site-header .about-link,body:is(.dashboard-page,.brain-page) .site-header .about-link{display:none}body.discovery-proposal .site-header .brand,body.automation-proposal .site-header .brand,body:is(.dashboard-page,.brain-page) .site-header .brand{flex-shrink:0}body.discovery-proposal .site-header .contact-link,body.automation-proposal .site-header .contact-link,body:is(.dashboard-page,.brain-page) .site-header .contact-link{display:inline-flex;margin:0;font-size:12px;padding:11px 10px}body.discovery-proposal .site-header .service-menu>summary,body.automation-proposal .site-header .service-menu>summary,body:is(.dashboard-page,.brain-page) .site-header .service-menu>summary{font-size:13px}}

/* Case studies use the same full opening screen, measured below navigation. */
body.case-study :is(.case-hero,.survey-hero){min-height:calc(100svh - var(--service-header-height,126px));box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding-top:48px;padding-bottom:64px}
body.case-study .case-hero .case-intro,body.survey-case .survey-hero .hero-content{padding-top:0;padding-bottom:0}
body.case-study .crane-scene{inset:0;height:100%;min-height:0}
@media(max-width:760px){body.case-study :is(.case-hero,.survey-hero){padding-top:28px;padding-bottom:180px;justify-content:flex-start}body.case-study .crane-scene{inset:auto 0 0;height:360px}}

body.case-study .case-overview{margin-top:0;padding-top:48px}

/* Keep case-study copy on the left and the scene on the right. */
@media(min-width:761px){
 body.case-study :is(.case-hero,.survey-hero){padding-left:4%;padding-right:4%}
 body.case-study .case-hero .case-intro,body.survey-case .survey-hero .hero-content{width:44vw;max-width:650px}
 body.case-study .case-hero :is(h1,.standfirst),body.survey-case .survey-hero :is(h1,.hero-summary){max-width:100%}
 body.case-study .crane-scene,body.survey-case .elevator-scene{left:45%;right:0}
 body.case-study .crane-scene:after{background:linear-gradient(90deg,#0d2032 0%,#0d203288 15%,#0d20321a 45%),linear-gradient(0deg,#0d2032,transparent 30%,transparent 85%,#0d203255)}
 body.survey-case .elevator-scene:after{background:linear-gradient(90deg,#0d2032 0%,#0d203288 15%,#0d203211 45%),linear-gradient(0deg,#0d2032,transparent 30%,transparent 85%,#0d203255)}
}