/* V5.3: use the available browser width, not a 1440px page shell. */
:root{--page-gutter:clamp(24px,3vw,64px)}
@media(min-width:781px){
  .site-header,footer,main>section,main>.breadcrumb,main>.page-head,main>aside,
  .project-detail,.project-breadcrumb{max-width:none;width:100%;margin-inline:0;padding-inline:var(--page-gutter)}
  main>.u-faq{max-width:none!important}
  .shipping-strip,.delivery-note{margin-inline:var(--page-gutter);width:auto}
  .u-hero{gap:clamp(32px,4vw,80px)}
  .u-hero-figure img{height:clamp(400px,30vw,620px)}
  .u-category-image img{height:clamp(230px,18vw,360px)}
  .project-detail{gap:clamp(32px,4vw,80px)}
}
@media(min-width:1700px){
  .collection-grid{gap:40px 30px}
  .collection-card .project-copy{padding:26px}
  .collection-card .project-copy h2{font-size:28px}
}