/* V3.3 responsive hardening. Layout-only overrides; approved palette and identity unchanged. */
html{max-width:100%;scroll-padding-top:90px}
body{max-width:100%;overflow-x:clip}
img,video,svg{max-width:100%}
.ref-shell,.new-case,.projects-shell{width:100%;min-width:0}
.new-feature>*{min-width:0}
.new-gallery,.new-gallery .case-viewer,.new-gallery .viewer-stage{min-width:0}
.nw-unified-header{width:calc(100% - 24px)}
@media(max-width:900px){
 .nw-unified-header{min-height:66px;padding:8px 12px;margin-bottom:14px}
 .nw-brand img{width:100px}
 .nw-menu-toggle{display:block}
 .nw-links{display:none;position:absolute;top:calc(100% + 5px);right:0;left:0;flex-direction:column;align-items:stretch;background:#0c1730;border:1px solid #344569;border-radius:14px;padding:10px;box-shadow:0 18px 30px #0008}
 .nw-links.is-open{display:flex}
 .nw-links a{padding:12px 14px}
}
@media(max-width:800px){
 .new-feature{min-width:0}
 .new-feature .case-copy{min-width:0;width:100%;max-width:100%}
 .new-feature .case-copy h1{font-size:clamp(27px,7.4vw,56px);line-height:1.12;letter-spacing:-1.3px;overflow-wrap:anywhere;word-break:normal;max-width:100%}
 .new-feature .case-copy p{max-width:100%;font-size:clamp(15px,3.7vw,19px)}
 .new-feature .case-points{max-width:100%;gap:7px}
 .new-feature .hero-devices{min-width:0;max-width:100%}
 .new-gallery .case-viewer{min-width:0;overflow:hidden}
 .new-gallery .case-thumbs{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
 .new-gallery .viewer-stage>img{max-width:100%;height:auto;object-fit:contain}
 .case-info>div{min-width:0;text-align:center;padding-inline:5px}
 .new-footer{flex-wrap:wrap}
}
@media(max-width:480px){
 .new-case{padding:12px}
 .new-feature{padding:22px 18px}
 .new-feature .case-copy h1{font-size:clamp(27px,7.2vw,38px)}
 .new-info{padding:12px 4px}
 .new-info strong{font-size:clamp(12px,3.5vw,15px);overflow-wrap:anywhere}
 .case-info span{font-size:11px}
 .new-gallery .case-tabs button{font-size:12px;padding:8px 10px}
 .new-gallery .case-viewer{padding:9px}
 .viewer-stage .case-arrow{width:30px;height:30px;font-size:19px}
 .nw-unified-header{width:calc(100% - 24px)}
}