/* Fluid desktop scale from a 1440px reference, capped for ultra-wide displays.
   Real layout dimensions rather than CSS zoom/transform: scroll geometry stays correct. */
@media(min-width:1440px){
  :root{--wide-base:clamp(1px,.069444vw,2px);--ui:calc(1px + (var(--wide-base) - 1px) * .75);--hero-type:calc(1px + (var(--wide-base) - 1px) * .5);--gutter:5vw;--header:calc(84 * var(--ui));--panel-base:min(var(--wide-base),.13svh);--panel-ui:calc(1px + (var(--panel-base) - 1px) * .75);--service-panel-ui:calc(1px + (var(--panel-base) - 1px) * .5625)}
  html{scroll-padding-top:calc(100 * var(--ui))}
  body{font-size:calc(15 * var(--ui))}
  .wrap{max-width:2610px}
  h2{font-size:calc(78 * var(--ui))}
  .section{padding-block:calc(140 * var(--ui))}
  .section-label,.eyebrow{font-size:calc(10 * var(--ui));gap:calc(20 * var(--ui));margin-bottom:calc(30 * var(--ui))}
  .header.scrolled{height:calc(72 * var(--ui))}
  .wordmark{font-size:calc(18 * var(--ui));gap:calc(10 * var(--ui))}
  .header .chrome-brand-mark{width:calc(44 * var(--ui));height:calc(36 * var(--ui))}
  .header .chrome-brand-mark img{width:calc(40 * var(--ui));height:calc(40 * var(--ui));left:calc(2 * var(--ui));top:calc(-2 * var(--ui))}
  .desktop-nav{gap:calc(30 * var(--ui));margin-right:calc(24 * var(--ui))}
  .desktop-nav a{font-size:calc(12 * var(--ui))}
  .button{font-size:calc(10 * var(--ui));min-height:calc(54 * var(--ui));padding:calc(11 * var(--ui)) calc(13 * var(--ui)) calc(11 * var(--ui)) calc(22 * var(--ui));gap:calc(27 * var(--ui))}
  .button-small{font-size:calc(9 * var(--ui));min-height:calc(40 * var(--ui))}
  .button-icon{width:calc(31 * var(--ui));height:calc(31 * var(--ui));font-size:calc(18 * var(--ui))}
  .text-link{font-size:calc(10 * var(--ui));gap:calc(25 * var(--ui));padding-block:calc(12 * var(--ui))}
  .text-link>span{font-size:calc(18 * var(--ui))}
  .hero h1 .hero-metal{font-size:calc(101 * var(--hero-type))}
  .hero h1 .hero-prefix{font-size:calc(79 * var(--hero-type))}
  .intro.statement h2{font-size:calc(79 * var(--ui))}
  .hero h1 .hero-price{font-size:calc(58 * var(--hero-type));margin-top:calc(12 * var(--ui))}
  .hero-eyebrow{font-size:calc(10 * var(--hero-type));margin-bottom:calc(30 * var(--ui))}
  .hero-body{padding-top:calc(110 * var(--ui));padding-bottom:calc(105 * var(--ui))}
  .hero-lower{margin-top:calc(33 * var(--ui));gap:calc(40 * var(--ui))}
  .hero-lower>p{font-size:calc(13 * var(--hero-type));max-width:calc(320 * var(--ui))}
  .hero-foot{font-size:calc(8 * var(--hero-type))}
  .intro.statement{padding-top:calc(64 * var(--ui))}
  .statement-main{padding-block:calc(64 * var(--ui))}
  .statement-top .section-label{font-size:calc(10 * var(--ui))}
  .statement-lead{font-size:calc(31 * var(--ui))}
  .statement-detail{max-width:calc(480 * var(--ui))}
  .statement-detail p{font-size:calc(14 * var(--ui))}
  .statement-detail .text-link{font-size:calc(10 * var(--ui))}
  .statement-bottom{padding-block:calc(34 * var(--ui)) calc(40 * var(--ui))}
  .statement-foot,.contour-toggle{font-size:calc(9 * var(--ui))}
  .services-copy{max-width:calc(430 * var(--ui))}
  .motion-enabled .marble-chapter .services-stage{padding-top:calc(84 * var(--ui) + 16px)}
  .services-copy h2{font-size:calc(83 * var(--panel-ui))}
  .services-copy>p{font-size:calc(15 * var(--ui));max-width:calc(325 * var(--ui))}
  .services-copy>.services-cta{margin-top:calc(22 * var(--ui))}
  .services-assembly{width:100%;max-width:calc(194.4px + 40.5vw);justify-self:center;gap:calc(20 * var(--service-panel-ui));padding:calc(20 * var(--service-panel-ui)) 0 calc(20 * var(--service-panel-ui)) calc(25 * var(--service-panel-ui))}
  .service-panel{min-height:calc(260 * var(--service-panel-ui));padding:calc(27 * var(--service-panel-ui))}
  .service-panel h3{font-size:calc(25 * var(--service-panel-ui))}
  .service-panel>p{font-size:calc(14 * var(--service-panel-ui));max-width:calc(290 * var(--service-panel-ui))}
  .panel-top{margin-bottom:calc(22 * var(--service-panel-ui))}
  .panel-top svg{width:calc(33 * var(--service-panel-ui))}
  .panel-top>span,.panel-foot{font-size:calc(9 * var(--service-panel-ui))}
  .panel-foot{margin-top:calc(18 * var(--service-panel-ui));padding-top:calc(14 * var(--service-panel-ui))}
  .assembly-status{font-size:calc(9 * var(--ui))}
  .process-header h2,.why-intro h2{font-size:calc(72 * var(--ui))}
  .process-steps strong{font-size:calc(28 * var(--ui))}
  .stage-description{font-size:calc(14 * var(--ui))}
  .why-intro>p,.contact-intro>p{font-size:calc(15 * var(--ui));max-width:calc(370 * var(--ui))}
  .why-points h3{font-size:calc(27 * var(--ui))}
  .why-points p,.responsive-heading>p,.social-heading>p{font-size:calc(15 * var(--ui));max-width:calc(400 * var(--ui))}
  .social-tile{width:calc(285 * var(--ui));height:calc(380 * var(--ui))}
  .social-tile>strong{font-size:calc(48 * var(--ui))}
  .finale h2{font-size:calc(95 * var(--panel-ui))}
  .finale p{font-size:calc(16 * var(--ui))}
  .contact form{padding:calc(30 * var(--ui))}
  .field label,.service-select legend{font-size:calc(13 * var(--ui))}
  .field input,.field textarea,.field select{font-size:calc(16 * var(--ui));padding-block:calc(14 * var(--ui))}
  .service-options label>span{font-size:calc(11 * var(--ui));padding:calc(14 * var(--ui))}
  .enquiry-next{max-width:calc(340 * var(--ui))}
  .enquiry-next p,.form-bottom p{font-size:calc(12 * var(--ui))}
  .footer-bottom,.footer-top p{font-size:calc(10 * var(--ui))}
  .scope-band{font-size:calc(9 * var(--ui))}
  .scope-label{font-size:calc(8 * var(--ui))}
  .scope-band>span+span:before{font-size:calc(16 * var(--ui));margin-right:calc(16 * var(--ui))}
}
/* Height-constrained desktops retain readable content without clipping pinned scenes. */
@media(min-width:1440px) and (max-height:800px){
  .hero-body{padding-top:100px;padding-bottom:85px}
  .hero h1 .hero-metal{font-size:min(calc(101 * var(--hero-type)),12svh)}
  .hero h1 .hero-prefix{font-size:min(calc(79 * var(--hero-type)),9svh)}
  .hero h1 .hero-price{font-size:min(calc(58 * var(--hero-type)),6.5svh)}
  .hero-eyebrow{margin-bottom:18px}
  .hero-lower{margin-top:20px}
}

