/* Shared content grid: full-width bands with readable content inside. */
:root{--max:1360px;--page-gutter:48px;--layout-gap:clamp(36px,4.5vw,72px)}
.wrap{width:min(var(--max),calc(100% - var(--page-gutter) - var(--page-gutter)));margin-inline:auto}
.intro,.training,.experience,.product-layout,.offshore-grid,.faq-layout,.contact-layout{column-gap:var(--layout-gap)}
.service-grid{gap:28px}
.case-grid{gap:24px}
.service-list{gap:20px}
.product-brands{gap:24px}
.application-grid{gap:32px 24px}
#fittings-catalogue .product-index{gap:28px}
.intro>*,.training>*,.experience>*,.product-layout>*,.offshore-grid>*,.faq-layout>*,.contact-layout>*,.footer-main>*{min-width:0}
.intro-copy p,.experience-copy p,.contact-copy p,.training>div>p,.product-layout>div>p,.wrap>p{max-width:70ch}
#fittings-catalogue .catalogue-note{max-width:75ch}
@media(min-width:1600px){:root{--page-gutter:64px}}
@media(max-width:1280px){
  .nav-wrap{min-height:104px}
  .brand img{width:min(330px,43vw);height:auto}
  .menu-toggle{display:block;margin-left:auto}
  .nav-cta{display:none}
  .nav{display:none;position:absolute;left:0;right:0;top:104px;padding:10px var(--page-gutter) 20px;background:var(--pale);margin:0;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid rgba(20,35,45,.12);box-shadow:0 14px 20px rgba(20,35,45,.12)}
  .nav.open{display:flex}
  .nav a{padding:13px 5px;border-bottom:1px solid rgba(20,35,45,.12);font-size:.94rem}
  .products-toggle,.services-toggle{width:100%;justify-content:space-between;padding:13px 5px;font-size:.94rem;border-bottom:1px solid rgba(20,35,45,.12)}
  .products-menu,.services-menu{position:static;min-width:0;border:0;box-shadow:none;padding:0 0 0 16px}
  .nav .products-menu a,.nav .services-menu a{white-space:normal;padding:13px 5px}
}
@media(max-width:1024px){:root{--page-gutter:32px;--layout-gap:36px}}
@media(min-width:761px) and (max-width:980px){
  .intro,.training,.experience,.product-layout,.offshore-grid,.faq-layout,.contact-layout{grid-template-columns:1fr;gap:36px}
  .offshore-intro{position:static}
  .intro-visual{min-height:360px}
  .training-aside{max-width:640px;width:100%}
  .proof-item{padding-inline:20px;gap:12px}
  .proof-number{font-size:1.9rem}
}
@media(max-width:760px){
  :root{--page-gutter:24px;--layout-gap:32px}
  .nav-wrap{min-height:88px}
  .brand img{width:min(285px,calc(100vw - 140px));height:auto}
  .nav{top:88px}
  .service-grid,.case-grid,#fittings-catalogue .product-index{gap:22px}
  .application-grid{gap:24px 18px}
  .service-list,.product-brands{gap:16px}
}
@media(max-width:480px){
  :root{--page-gutter:20px;--layout-gap:28px}
  .brand img{width:min(260px,calc(100vw - 124px));height:auto}
  .product-brands,.checklist{grid-template-columns:1fr}
  .application-grid{gap:24px}
  .hero-foot{overflow-wrap:anywhere}
}