@media(max-width:800px){
 header{position:relative}
 footer .footer-identity{order:0}
 footer .ai-disclosure{order:1}
 footer .footerlinks{order:2}
 .menu{min-height:44px;min-width:64px}
 .navlinks.open{top:100%;gap:0 24px;max-height:70vh;overflow-y:auto}
 .navlinks.open a{display:flex;align-items:center;min-height:44px;padding:10px 0}
 .filters button{min-height:44px}
 .hero,.customlayout,.story,.faqgrid,.twocol,.detailgrid,.faqsection{grid-template-columns:minmax(0,1fr)}
 .hero>*,.customlayout>*,.story>*,.faqgrid>*,.twocol>*,.detailgrid>*,.faqsection>*{min-width:0}
 h1,h2,h3,.detailcopy p{overflow-wrap:anywhere}
 input,select,textarea{min-width:0;max-width:100%}
 .brief>*{min-width:0}
 a[href^="mailto:"]{overflow-wrap:anywhere}
}
@media(max-width:540px){
 .hero h1{font-size:clamp(56px,17vw,68px)}
 .brief{grid-template-columns:minmax(0,1fr)}
 .detailcopy h1{font-size:clamp(42px,14vw,55px)}
}