/* Readable layouts from small phones to desktop; retain the entire video frame. */
main,section,article,.contact-inner,.system-copy,.system-screen{min-width:0}
img,video{max-width:100%}
dialog{overscroll-behavior:contain}
input,select,textarea{font-size:16px}
.whatsapp{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}
@media(max-width:1100px){
 .cinematic-impact{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;padding:48px max(24px,5vw);gap:26px;background:#141516;isolation:auto;overflow:visible}
 .cinematic-impact:before{display:none}
 .cinematic-impact .impact-content,.cinematic-impact .impact-heading{display:contents}
 .cinematic-impact .impact-heading>div{grid-row:1;padding:0;margin:0;background:none;max-width:100%}
 .cinematic-impact .impact-heading h2{font-size:clamp(34px,5.5vw,54px);line-height:1.1;text-shadow:none}
 .cinematic-impact .impact-heading .eyebrow{margin-bottom:14px}
 .cinematic-impact .impact-film{grid-row:2;position:relative;inset:auto;z-index:auto;width:100%;height:auto;aspect-ratio:16/9;max-width:none;margin:0;border:1px solid #ffffff24;background:#090a0b;overflow:hidden}
 .cinematic-impact .impact-film video{position:static;display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none}
 .cinematic-impact .impact-heading>p{grid-row:3;width:100%;max-width:760px;margin:0;padding:0;border:0;background:none;font-size:16px;line-height:1.75;color:#c7c8c9;text-shadow:none}
 .cinematic-impact .impact-cards{grid-row:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
 .cinematic-impact .impact-cards article{padding:18px;border:1px solid #ffffff20;border-top:2px solid #bba276;background:#202123;backdrop-filter:none}
 .cinematic-impact .impact-cards h3{font-size:19px;margin:9px 0}
 .cinematic-impact .impact-cards p{font-size:14px;line-height:1.65}
}
@media(max-width:800px){
 .cinematic-impact{padding:40px 24px;gap:24px}
 .cinematic-impact .impact-cards{grid-template-columns:1fr;gap:12px}
 .cinematic-impact .impact-cards article{display:grid;grid-template-columns:1fr;gap:0;padding:18px 20px}
 .cinematic-impact .impact-cards h3{font-size:20px}.cinematic-impact .impact-cards p{font-size:15px}
 .cinematic-impact .impact-film{width:calc(100% + 48px);max-width:none;margin-left:-24px;border-left:0;border-right:0}
 .system{gap:28px}.system-screen{padding:6px}.system-tags{gap:12px 18px}
 .journey .flow-steps h3,.journey .flow-steps li:last-child h3{font-size:16px}
 .journey .flow-steps p,.journey .flow-steps li:last-child p,.journey .flow-results p{font-size:14px;line-height:1.6}
 .journey .flow-steps li,.journey .flow-steps li:last-child{grid-template-columns:1fr;gap:10px}
 .journey .flow-steps li>b,.journey .flow-steps li:last-child>b{width:32px;height:32px;font-size:12px}
 .journey .flow-steps{gap:24px 20px}.journey .flow-results small{font-size:10px}
 .flow-fork p{font-size:12px;line-height:1.5;top:37px}.flow-fork{height:84px}.flow-fork span{font-size:10px}
 .rail-window{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#777 #242527;mask-image:none;-webkit-mask-image:none;padding-bottom:12px}
 .rail-track{animation:none;transform:none;will-change:auto}
 .rail-group[aria-hidden=true]{display:none}
 .rail-group{gap:24px;padding-right:0}.rail-logo figcaption{font-size:12px}
 .contact-map .contact-meta{gap:14px}.contact-meta a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
 dialog{padding:30px 22px;max-height:calc(100dvh - 32px);width:calc(100% - 32px)}
 dialog h2{font-size:34px}.dialog-close{width:44px;height:44px;right:8px;top:8px}
 .detail-hero{padding:145px 24px 48px}.detail-hero h1{font-size:clamp(34px,8vw,48px);overflow-wrap:break-word}
 .detail-body{padding:48px 24px;gap:28px}.detail-body img{max-height:320px;object-fit:contain}.detail-nav a{min-height:44px}
}
@media(max-width:480px){
 .hero h1{font-size:clamp(29px,7.7vw,37px)}
 .hero .actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}.hero .button{padding:12px 8px;font-size:10px;min-height:48px}
 .hero-stats .stat-copy>span{white-space:normal;font-size:11px;line-height:1.4}.hero-stats .stat-item:nth-child(4){padding-right:30px}
 .hero-stats .stat-copy strong{font-size:22px}.hero-stats .stat-icon{display:none}.hero-stats .stat-item:nth-child(2n){padding-left:18px}
 .network-heading h2,.contact h2{font-size:clamp(32px,8.5vw,40px)}
 .contact .actions{gap:12px}.contact .actions .button{min-height:48px;flex:1;padding:12px;font-size:12px}
 .partnership.portfolio-foot{padding:26px 20px}.partnership h3{font-size:32px}.partnership .button{font-size:13px}
 #partnerDialog h2{font-size:32px}.cinematic-impact .impact-heading h2{font-size:36px}
}
@media(max-width:360px){.journey{padding-left:20px;padding-right:20px}.journey .flow-steps{gap:22px 16px}.journey .flow-results{gap:10px}.journey .flow-results article{padding:14px 10px}.flow-fork p{width:250px}.hero-stats .stat-copy strong{font-size:20px}.hero-stats .stat-copy>span{font-size:10px}}
@media(max-height:700px) and (max-width:800px){.hero{height:auto;min-height:100svh;overflow:visible;padding-top:120px;padding-bottom:170px}.hero-panel{margin:0}.hero h1{font-size:32px}.hero-lead{font-size:15px}.hero .actions{margin-top:20px}}
@media(max-height:500px) and (orientation:landscape){.hero{min-height:100svh;height:auto;padding-top:130px;padding-bottom:160px}.hero-panel{max-width:740px}.cinematic-impact .impact-film{max-width:760px;justify-self:center;margin-left:0;width:100%}}