/* DCN mobile-only responsive corrections — desktop remains unchanged */
@media (max-width: 650px) {
 html,body{max-width:100%;overflow-x:clip}
 .scroll-cinema,.cinema-sticky,.cinema-stage{max-width:100%;overflow:hidden}
 .cinema-stage{width:100%;padding-inline:20px;isolation:isolate}
 .cinema-symbol{width:min(54vw,220px);max-width:220px;max-height:34svh;object-fit:contain;z-index:0;transform-origin:center;pointer-events:none}
 .cinema-copy{z-index:2;width:100%;max-width:100%;padding-inline:8px;overflow-wrap:normal}
 .cinema-copy p{font-size:clamp(8px,2.3vw,11px);letter-spacing:.07em;white-space:normal;line-height:1.8}
 .cinema-copy h2{font-size:clamp(38px,10.5vw,58px);line-height:1.3;letter-spacing:-.035em;margin:16px 0;overflow-wrap:break-word}
 .cinema-copy>span{display:block;font-size:clamp(12px,3.5vw,15px);line-height:1.9}
 .cinema-counter{top:calc(85px + env(safe-area-inset-top,0px));left:6%;right:6%;font-size:8px;line-height:1.6;letter-spacing:.08em;white-space:normal}
 .cinema-hint{bottom:6%;left:6%;right:6%;font-size:10px}
 .hero{min-height:720px;height:100svh;max-height:980px;padding-bottom:125px}
 .hero-art{left:-12%;top:8%;width:100%;height:49%;opacity:.4}
 .hero-mark{width:50%;height:58%}
 .hero-content{position:relative;z-index:3;width:86%;max-width:86%;margin:0 7%}
 .hero h1{font-size:clamp(48px,12vw,72px);line-height:1.18;letter-spacing:-.035em}
 .hero-sub{max-width:100%;font-size:14px;line-height:1.85}
 .eyebrow{font-size:9px;letter-spacing:.08em;flex-wrap:wrap}
 .hero-bottom{left:6%;right:6%;font-size:8px;gap:10px}
 .hero-bottom>*{max-width:48%}
 .section{overflow-wrap:break-word}
 .manifesto-body h2{font-size:clamp(34px,9vw,49px)}
 .eco-top h2,.sector-heading h2{font-size:clamp(37px,10vw,57px)}
 .process-head h2{font-size:clamp(42px,11vw,70px)}
 .contact h2{font-size:clamp(42px,11vw,65px)}
 .clients-heading h2{font-size:clamp(42px,11vw,70px)}
 .eco-intro{left:6%;right:6%;top:12%}
 .eco-intro h2{font-size:clamp(30px,8vw,37px)}
 .company-panel{width:85vw;max-width:85vw}
 .panel-bottom h3{font-size:clamp(25px,7vw,40px)}
 .ceo-editorial-head{display:grid;grid-template-columns:minmax(0,1fr)}
 .ceo-portrait{width:100%;min-width:0}
 .ceo-title h2{font-size:clamp(38px,10vw,54px)}
 .ceo-full-letter p{font-size:16px;line-height:2.1}
 .footer-giant{font-size:26vw}
}
@media (max-width: 360px){
 .cinema-copy h2{font-size:37px}
 .hero h1{font-size:45px}
 .hero-content{width:88%;max-width:88%;margin-inline:6%}
 .cinema-symbol{width:50vw}
}