/* Native reading-scale comparison inspired by the user's 125% view.
   No CSS zoom/transform: viewport, pointer coordinates and WebGL stay native. */
@media(min-width:900px){
 html.layout-larger{--studio-glass-rim-width:22.5px}
 .layout-larger body{font-size:18.75px}
 .layout-larger .site-header{padding-top:37.5px}
 .layout-larger .brand{gap:16.25px;font-size:16.25px}
 .layout-larger nav{font-size:15px;gap:37.5px}
 .layout-larger .header-contact{padding:10px 22.5px}
 .layout-larger #motion-toggle{font-size:13.75px}
 .layout-larger .hero-flow,.layout-larger .hero-layout{min-height:max(950px,100svh)}
 .layout-larger .hero-layout{max-width:1650px;gap:5%;padding:187.5px 0 192.5px}
 .layout-larger .hero-flow h1{font-size:clamp(62.5px,5.2vw,102.5px)}
 .layout-larger .hero-flow .hero-copy p{font-size:18.75px;line-height:33.75px;margin-top:35px;max-width:487.5px}
 .layout-larger .hero-flow .hero-actions{gap:22.5px 31.25px;margin-top:43.75px}
 .layout-larger .button{min-height:62.5px;min-width:200px;padding:15px 30px;font-size:16.25px}
 .layout-larger .hero-flow .hero-actions .quiet-link{font-size:13.75px}
 .layout-larger .button.primary,.layout-larger .hero-flow .button.primary,.layout-larger .header-contact{--studio-glass-rim-width:15px}
 .layout-larger .section{padding-top:168.75px;padding-bottom:168.75px}
 .layout-larger .enquiry h2{font-size:clamp(33.75px,9.9cqw,72.5px);margin-bottom:35px}
 .layout-larger .eyebrow{font-size:12.5px}
 .layout-larger .intro-copy{font-size:20px;max-width:550px}
 .layout-larger #enquiry-form{padding:40px;border-radius:16.25px}
 .layout-larger #enquiry-form label,.layout-larger #form-status{font-size:13.75px}
 .layout-larger #enquiry-form input,.layout-larger #enquiry-form textarea{font-size:16.25px}
 .layout-larger footer,.layout-larger footer p{font-size:12.5px}
 .layout-larger footer .brand{font-size:15px}
}
@media(min-width:900px) and (max-width:1375px){
 .layout-larger .hero-layout{grid-template-columns:1fr;max-width:812.5px;gap:62.5px;padding-top:200px;padding-bottom:143.75px}
 .layout-larger .hero-flow h1{font-size:81.25px}
 .layout-larger .hero-flow .hero-copy p{max-width:525px}
 .layout-larger .hero-flow .hero-actions{margin-top:33.75px}
}
@media(min-width:900px) and (max-width:1312px){
 .layout-larger nav{gap:22.5px}
 .layout-larger .section{padding-left:7vw;padding-right:7vw}
 .layout-larger .enquiry{gap:6vw}
}
@media(min-width:2000px){.layout-larger .hero-layout{gap:6%}.layout-larger .hero-flow h1{font-size:102.5px}}