/* HE Supply Production v1: Expanded / Ultra-Wide acceptance layer.
   Responds to effective CSS viewport width, not browser zoom detection. */
:root{
  --he-space-1:8px;
  --he-space-2:12px;
  --he-space-3:18px;
  --he-space-4:28px;
  --he-space-5:42px;
  --he-space-6:64px;
  --he-section-gap:clamp(52px,5vw,88px);
  --he-page-gutter:clamp(24px,4vw,72px);
}

/* Expanded: wide desktop / moderate zoom-out. */
@media (min-width:1760px){
  :root{--client-max:1540px;--he-page-gutter:clamp(36px,4vw,72px)}
  body.world-v2 .wrap{width:min(1540px,calc(100% - 96px))}
  .client-editorial-wrap,.client-section-shell{width:min(var(--client-max),calc(100% - 96px))}
  .client-home-hero,.client-home-band{gap:clamp(72px,5vw,104px)}
}

/* Ultra-wide: 4K / heavy zoom-out equivalent. */
@media (min-width:2200px){
  :root{--client-max:1840px;--he-page-gutter:clamp(52px,4.5vw,104px)}
  body.world-v2 .wrap{width:min(1840px,calc(100% - 140px))}
  .client-editorial-wrap,.client-section-shell{width:min(var(--client-max),calc(100% - 140px))}
  .home-signed-in .client-rail{height:82px;padding-inline:clamp(34px,3vw,72px);gap:30px}
  .home-signed-in .client-brand-mark{font-size:30px}
  .home-signed-in .client-brand strong{font-size:17px}
  .home-signed-in .client-brand small{font-size:10px}
  .home-signed-in .client-nav{gap:8px;margin-left:26px}
  .home-signed-in .client-nav button,.home-signed-in .client-nav a{min-height:44px;padding-inline:16px;font-size:14px}
  .home-signed-in .client-rail-bottom a{min-height:44px;padding-inline:16px;font-size:13px}
  .client-home-hero{min-height:620px;grid-template-columns:minmax(0,1.25fr) minmax(400px,.55fr);gap:clamp(92px,5vw,132px);padding:92px 0 68px}
  .client-home-hero h2{max-width:1100px;font-size:clamp(92px,5.2vw,132px)}
  .client-home-kicker{font-size:12px;margin-bottom:22px}
  .client-home-hero p{max-width:760px;font-size:19px;line-height:1.65}
  .client-home-action{min-height:50px;padding-inline:19px;font-size:13px}
  .client-current-brief>small{font-size:11px}
  .client-current-brief h3{font-size:29px}
  .client-current-brief p,.client-current-brief .brief-state span,.client-current-brief .brief-state strong{font-size:13px}
  .client-home-band{grid-template-columns:minmax(0,1.25fr) minmax(400px,.55fr);gap:clamp(92px,5vw,132px);padding:54px 0}
  .client-band-title small{font-size:11px}
  .client-band-title h3{font-size:42px}
  .client-band-copy p{font-size:16px;max-width:680px}
  .client-band-link{font-size:13px}
  .client-opportunity-section{padding-block:clamp(42px,3vw,62px)}
  .client-opportunity-section-head{gap:54px;margin-bottom:30px}
  .client-opportunity-section h3{font-size:42px}
  .client-opportunity-section-head p{font-size:15px;max-width:620px}
  .client-opportunity{grid-template-columns:130px minmax(0,1fr) auto;gap:30px;padding:26px 0}
  .client-opportunity-mark{font-size:36px}
  .client-opportunity-copy strong{font-size:23px}
  .client-opportunity-copy p{font-size:14px;max-width:860px}
  .client-opportunity-copy span{font-size:10px}
  .client-opportunity-actions a{min-height:44px;padding-inline:16px;font-size:12px}
  .client-story{min-height:260px;padding-top:38px;padding-bottom:42px}
  .client-story small{font-size:11px}
  .client-story h3{font-size:30px;max-width:440px}
  .client-story p,.client-story span{font-size:13px}
  .client-section-intro{gap:88px}
  .client-section-intro h2{font-size:clamp(64px,4vw,92px)}
  .client-section-intro p{font-size:18px;max-width:760px}
  .client-editorial-item{grid-template-columns:90px minmax(0,1fr) auto;gap:32px;padding:34px 0}
  .client-editorial-item h3{font-size:30px}
  .client-editorial-item p{font-size:15px;max-width:980px}
  .client-editorial-item>b,.client-editorial-item>span{font-size:11px}
  .client-lab-feature{grid-template-columns:minmax(420px,.6fr) minmax(0,1fr);gap:72px}
  .client-lab-media{min-height:480px}
  .client-lab-copy h3{font-size:54px}
  .client-lab-copy>p{font-size:17px}
  .client-lab-stages span{font-size:11px}
  .client-ecosystem-edge{width:clamp(260px,13vw,340px)}
  .client-edge-label{font-size:11px}
  .client-edge-signal strong,.client-edge-item b{font-size:20px}
  .client-edge-signal span,.client-edge-item span{font-size:13px}
  .client-edge-footer{font-size:12px}

  /* Public pages expand their composition while keeping readable text measures. */
  .world-v2 .cinematic-copy>p,.world-v2 .secondary-hero p,.world-v2 .trust-hero p,.world-v2 .world-proof p,.world-v2 .world-entry p{max-width:760px}
  .world-v2 .cinematic-copy h1,.world-v2 .secondary-hero h1,.world-v2 .trust-hero h1{font-size:clamp(78px,4.8vw,118px)}
  .world-v2 .cinematic-copy>p,.world-v2 .secondary-hero p,.world-v2 .trust-hero p{font-size:clamp(17px,.8vw,21px)}
  .world-v2 .nav a,.world-v2 .nav button{font-size:14px}
  .world-v2 .brand strong{font-size:18px}
  .world-v2 .brand small{font-size:12px}
  .he-opportunities-head p{font-size:17px;max-width:820px}
  .he-opportunity{grid-template-columns:minmax(320px,.52fr) minmax(0,1.48fr);gap:72px;padding:44px 0}
  .he-opportunity-plate{min-height:250px;padding:30px}
  .he-opportunity-copy h3{font-size:54px}
  .he-opportunity-copy p{font-size:15px;max-width:900px}
  .he-opportunity-status,.he-opportunity-plate span{font-size:11px}
  .he-opportunity-quick a{min-width:58px;min-height:44px;font-size:11px}
  .he-opportunity-note{font-size:12px}

  /* Customer/internal working surfaces get more room, not infinitely long lines. */
  .account-signed-in .request-shell,.account-signed-in .commerce-shell{max-width:1480px!important}
  .account-signed-in .account-settings{max-width:900px!important}
  .account-signed-in .account-pane,.ws-stage,.hq-stage{padding-left:var(--he-page-gutter)!important;padding-right:var(--he-page-gutter)!important}
}

/* Extreme-wide: e.g. 1920 physical display viewed near 50% zoom. */
@media (min-width:3000px){
  :root{--client-max:2280px;--he-page-gutter:clamp(72px,5vw,150px)}
  body.world-v2 .wrap{width:min(2280px,calc(100% - 220px))}
  .client-editorial-wrap,.client-section-shell{width:min(var(--client-max),calc(100% - 220px))}
  .home-signed-in .client-rail{height:104px;padding-inline:clamp(56px,3.2vw,110px);gap:38px}
  .home-signed-in .client-brand-mark{font-size:42px}
  .home-signed-in .client-brand strong{font-size:24px}
  .home-signed-in .client-brand small{font-size:16px}
  .home-signed-in .client-nav{gap:12px}
  .home-signed-in .client-nav button,.home-signed-in .client-nav a{min-height:58px;padding-inline:24px;font-size:22px}
  .home-signed-in .client-nav svg{width:24px;height:24px}
  .home-signed-in .client-rail-bottom a{min-height:58px;padding-inline:24px;font-size:20px}
  .client-home-hero{min-height:780px;grid-template-columns:minmax(0,1.28fr) minmax(520px,.52fr);gap:150px;padding:120px 0 84px}
  .client-home-hero h2{max-width:1350px;font-size:clamp(118px,4vw,154px)}
  .client-home-kicker{font-size:18px;margin-bottom:28px}
  .client-home-hero p{max-width:940px;font-size:28px;line-height:1.58}
  .client-home-actions{margin-top:38px;gap:16px}
  .client-home-action{min-height:64px;padding-inline:28px;font-size:20px}
  .client-current-brief{padding-top:28px}
  .client-current-brief>small{font-size:17px}
  .client-current-brief h3{font-size:42px}
  .client-current-brief p,.client-current-brief .brief-state span,.client-current-brief .brief-state strong{font-size:19px}
  .client-current-brief .brief-state div{padding:18px 0}
  .client-home-band{grid-template-columns:minmax(0,1.28fr) minmax(520px,.52fr);gap:150px;padding:76px 0}
  .client-band-title small{font-size:17px}
  .client-band-title h3{font-size:58px}
  .client-band-copy p{font-size:24px;max-width:900px}
  .client-band-link{font-size:19px}
  .client-opportunity-section{margin-top:70px;padding-block:58px}
  .client-opportunity-section-head{grid-template-columns:minmax(0,1fr) minmax(520px,.75fr);gap:80px;margin-bottom:40px}
  .client-opportunity-section small{font-size:15px}
  .client-opportunity-section h3{font-size:56px}
  .client-opportunity-section-head p{font-size:20px;max-width:760px}
  .client-opportunity{grid-template-columns:180px minmax(0,1fr) auto;gap:42px;padding:34px 0}
  .client-opportunity-mark{font-size:48px}
  .client-opportunity-copy strong{font-size:30px}
  .client-opportunity-copy p{font-size:19px;max-width:1080px}
  .client-opportunity-copy span{font-size:14px;margin-top:13px}
  .client-opportunity-actions{gap:10px}
  .client-opportunity-actions a{min-height:54px;padding-inline:20px;font-size:16px}
  .client-story{min-height:340px;padding-top:52px;padding-bottom:54px}
  .client-story small{font-size:16px}
  .client-story h3{font-size:42px;max-width:600px}
  .client-story p,.client-story span{font-size:18px}
  .client-section-shell{padding-top:74px}
  .client-section-intro h2{font-size:104px}
  .client-section-intro small{font-size:17px}
  .client-section-intro p{font-size:25px;max-width:960px}
  .client-editorial-item{grid-template-columns:130px minmax(0,1fr) auto;gap:46px;padding:46px 0}
  .client-editorial-item h3{font-size:42px}
  .client-editorial-item p{font-size:22px;max-width:1240px}
  .client-editorial-item>b,.client-editorial-item>span{font-size:17px}
  .client-lab-feature{grid-template-columns:minmax(560px,.62fr) minmax(0,1fr);gap:100px}
  .client-lab-media{min-height:640px}
  .client-lab-copy h3{font-size:74px}
  .client-lab-copy small,.client-lab-stages span{font-size:17px}
  .client-lab-copy>p{font-size:24px;max-width:940px}
  .client-ecosystem-edge{width:400px}
  .client-ecosystem-edge.left{left:calc((100vw - var(--client-max))/2 - 385px)}
  .client-ecosystem-edge.right{right:calc((100vw - var(--client-max))/2 - 385px)}
  .client-edge-label{font-size:17px}
  .client-edge-signal small,.client-edge-pulse small{font-size:16px}
  .client-edge-signal strong,.client-edge-item b{font-size:30px}
  .client-edge-signal span,.client-edge-item span{font-size:19px}
  .client-edge-footer{font-size:17px}

  .world-v2 .head-inner{min-height:104px}
  .world-v2 .brand-mark{width:64px;height:64px;font-size:24px}
  .world-v2 .brand strong{font-size:26px}
  .world-v2 .brand small{font-size:18px}
  .world-v2 .nav a,.world-v2 .nav button{font-size:22px;padding:15px 21px}
  .world-v2 .cinematic-copy h1,.world-v2 .secondary-hero h1,.world-v2 .trust-hero h1{font-size:clamp(112px,3.8vw,152px)}
  .world-v2 .cinematic-copy>p,.world-v2 .secondary-hero p,.world-v2 .trust-hero p{font-size:28px;max-width:960px}
  .world-v2 .world-btn{min-height:64px;padding-inline:28px;font-size:20px}
  .world-v2 .public-kicker,.world-v2 .secondary-kicker,.world-v2 .he-trust-kicker,.world-v2 .public-section-kicker{font-size:16px}
  .he-opportunities{padding:170px 0}
  .he-opportunities-head{gap:120px;margin-bottom:66px}
  .he-opportunities-head small,.he-opportunity small{font-size:15px}
  .he-opportunities-head h2{font-size:118px}
  .he-opportunities-head p{font-size:24px;max-width:980px}
  .he-opportunity{grid-template-columns:minmax(440px,.52fr) minmax(0,1.48fr);gap:100px;padding:58px 0}
  .he-opportunity-plate{min-height:330px;padding:38px}
  .he-opportunity-plate strong{font-size:92px;max-width:360px}
  .he-opportunity-plate span{font-size:15px}
  .he-opportunity-copy{gap:52px}
  .he-opportunity-copy h3{font-size:72px}
  .he-opportunity-copy p{font-size:21px;max-width:1080px}
  .he-opportunity-status{font-size:15px;margin-top:28px}
  .he-opportunity-quick a{min-width:76px;min-height:56px;font-size:15px}
  .he-opportunity-note{font-size:16px}
}
