*,*::before,*::after{box-sizing:border-box}
@media(max-width:767px){
 header .nav-links,header .header-cta{display:none!important}
 header{position:relative!important}
 .hero,.catalogue-section,.philosophy-section{padding:32px 20px!important}
 .hero-grid,.catalogue-grid,.philosophy-grid,.footer-grid,.footer-inner,.story-inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
 .hero-content,.hero-image-wrap,.catalogue-card{width:100%!important;min-width:0!important}
 .hero-cta-group,.hero-meta{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important}
 .hero-cta-group a{width:100%!important;white-space:normal!important;text-align:center;padding:14px!important}
 .hero-caption{position:static!important;width:100%!important;max-width:100%!important;transform:none!important;margin-top:12px!important;padding:14px!important}
 .hero-img{width:100%!important;height:280px!important}
 .meta-item{width:100%!important}
 main p,main h1,main h2,main h3,main li,main span,main a{overflow-wrap:normal!important;word-break:normal!important}
 main,main section,main article,main div,footer,footer div{min-width:0;max-width:100%}
 main [class*="grid-cols-"],footer [class*="grid-cols-"],.footer-inner{grid-template-columns:minmax(0,1fr)!important}
 main .grid>*,footer .grid>*{grid-column:auto!important;min-width:0!important}
 main .flex:not(.flex-col){flex-wrap:wrap}
 main [class*="px-margin"],main [class*="px-gutter"]{padding-left:16px!important;padding-right:16px!important}
 main p,main h1,main h2,main h3,main li,main span,main a{overflow-wrap:anywhere}
 main img{max-width:100%;object-fit:cover}
 footer{padding-left:20px!important;padding-right:20px!important}
}