/* Shared phone layout: allow for wider Android/iOS system font fallbacks. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.process-stencil-heading h3{overflow-wrap:normal;word-break:normal;hyphens:none;font-size:clamp(2rem,8vw,8rem)}
.process-stencil-heading h3 span{display:block;white-space:nowrap}
@media(max-width:800px){
  .site-nav{padding-top:max(12px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
  .site-nav .nav-links{justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;gap:4px;padding:calc(76px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom))}
  .site-nav .nav-links a{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;font-size:clamp(1.6rem,6vw,2.4rem);line-height:1.15;letter-spacing:.02em}
  .hero h1{font-size:clamp(2.25rem,10vw,5rem);line-height:.98}
  .section-heading,.about h2,.contact h2,.story-title,.story-next h3{font-size:clamp(2rem,9vw,4.8rem);line-height:1.02;overflow-wrap:normal;word-break:normal}
  .panel-copy{width:100%;padding-left:24px;padding-right:24px}
  .panel h3{font-size:clamp(2rem,10vw,4.8rem);line-height:1.02}
  .racing h2{font-size:clamp(2.4rem,12vw,6rem);line-height:.98}
  .process-section h3{font-size:clamp(1.85rem,8vw,3.5rem);line-height:1.06;overflow-wrap:normal;word-break:normal}
  .process-stencil-heading h3{font-size:clamp(1.5rem,8vw,3.75rem);line-height:1.04;letter-spacing:0}
  .process-stencil-image{height:clamp(380px,125vw,590px)}
  .process-stencil-heading{left:24px;right:24px;bottom:70px}
  .process-stencil-heading .process-number{font-size:.75rem;letter-spacing:.1em}
  .process-chapters a{white-space:normal;min-width:0}
  .bahder-intro h2{font-size:clamp(2.25rem,10vw,4.7rem);line-height:1.03}
  .bahder-heading h3{font-size:clamp(1.8rem,8vw,3.5rem);line-height:1.08}
  .bahder-slide h4{font-size:clamp(1.5rem,6.5vw,2.4rem);line-height:1.12}
  .service-hero h1{font-size:clamp(2rem,10vw,5rem);line-height:1.02}
  .contact-page .contact-hero h1{font-size:clamp(2.5rem,11vw,5rem)}
  .contact-page .contact-details h2{font-size:clamp(1.8rem,8vw,3.8rem);line-height:1.08}
  .service-details h2,.project-section h2,.enquiry h2,.coating-intro h2,.testimonials h2{font-size:clamp(1.8rem,8vw,3.8rem);line-height:1.08}
  .eyebrow,.racing-caption{overflow-wrap:normal;line-height:1.6}
  .button{max-width:100%;white-space:normal;line-height:1.5}
}
@media(max-width:800px) and (max-height:500px){
  .hero-content{padding-top:110px;padding-bottom:80px}
  .hero-scroll{display:none}
}

@media(max-width:800px){.before-after .section-heading{font-size:clamp(2rem,9vw,4.8rem);line-height:1.04}}