/* Full-width JoeProud layout, with fluid grids and device-sized content padding. */
:root{--jp-gutter:clamp(24px,5vw,100px)}
body{background:#fff}
body main#main{width:100%;max-width:none;margin:0;background:#fff}
main#main>.container,main#main>.wrap,main#main>section>.container{width:100%;max-width:none;margin-inline:0;padding-inline:var(--jp-gutter)}
main#main .editorial-block{width:100%;max-width:none;margin-inline:0}
main#main .page-intro{width:100%;max-width:none;margin-inline:0;padding-inline:var(--jp-gutter)}
main#main .contact-layout,main#main .quote-layout{width:100%;max-width:none;margin-inline:0;padding-inline:var(--jp-gutter)}
main#main .jp-breadcrumb>.container{width:100%;max-width:none;padding-inline:0}
main#main .jp-category-hero{width:100%;max-width:none}
main#main .jp-category-content{padding-inline:var(--jp-gutter)}
main#main .category-meta{padding-inline:var(--jp-gutter)}
main#main .atelier{width:100%;max-width:none;margin-inline:0;padding:var(--jp-gutter)}
main#main .wide-photo{width:100%;max-width:none;margin-inline:0;height:clamp(340px,36vw,620px)}
main#main .legal-content{width:100%;max-width:none;margin-inline:0;padding-inline:var(--jp-gutter)}
main#main .legal-content p{max-width:85ch}
main#main .faq{width:100%;max-width:none}
main#main .faq details p{max-width:85ch}
main#main .swiper-slide-caption>.container{width:100%;max-width:none;padding-inline:var(--jp-gutter)}
main#main .collection{max-width:none}
main#main .collection-img img{height:clamp(280px,25vw,440px)}
.rd-navbar-fullwidth .rd-navbar-main{max-width:none;width:100%;padding-inline:var(--jp-gutter)}
.footer-classic>.container{width:100%;max-width:none;padding-inline:var(--jp-gutter)}
main#main :is(.material-panel,.jp-category-hero,.product-families,.detail-section,.standfirst,.collection-story,.mood-layout,.workshop-layout,.contact-layout,.quote-layout,.quote-help,.principle-row,.steps,.values,.gallery-grid,.credit-grid,.pathway-grid)>*{min-width:0}
@media(min-width:1800px){main#main .material-panel-photo{height:460px}main#main .gallery-item img{height:330px}main#main .contact-photo{height:580px}main#main .jp-category-hero>.image{min-height:520px}main#main .jp-category-content{padding-right:var(--jp-gutter)}}
@media(max-width:1199.98px){:root{--jp-gutter:clamp(24px,4vw,48px)}}
@media(max-width:767.98px){:root{--jp-gutter:24px}main#main .atelier{padding:24px;gap:0}main#main .atelier>.content{padding:24px 0}main#main .wide-photo{height:320px}main#main .jp-category-hero>.image{margin-inline:var(--jp-gutter)}main#main .collection-img img{height:280px}main#main .swiper-slide-caption>.container{padding-inline:var(--jp-gutter)}}
@media(max-width:390px){:root{--jp-gutter:20px}main#main .atelier{padding:20px}main#main .collection-img img{height:250px}}