/* Portrait layout shares content, shot timing and motion with desktop. */
.mobile-layout header{padding:calc(14px + env(safe-area-inset-top,0px)) 4vw 14px}
.mobile-layout header .brand img{width:70px;height:27px}
.mobile-layout nav{gap:12px;font-size:9px;white-space:nowrap}
.mobile-layout .transport{bottom:max(16px,env(safe-area-inset-bottom,0px));gap:10px}
.mobile-layout .scroll-cue{bottom:max(18px,env(safe-area-inset-bottom,0px))}
.mobile-layout .scene h2{font-size:18px}
.mobile-layout .location-copy h2{font-size:25px;line-height:1.2}
.mobile-layout .location-copy p{font-size:12px;line-height:1.6}
.mobile-layout .location-copy .eyebrow{font-size:10px}
.mobile-layout .location-detail h2{font-size:26px}
.mobile-layout .location-detail p{font-size:12px}
.mobile-layout .software-toolkit h2{font-size:20px;margin-bottom:12px}
.mobile-layout .software-toolkit .eyebrow{font-size:9px}
.mobile-layout .software-groups{grid-template-columns:1fr;gap:9px}
.mobile-layout .software-group{padding:9px 11px 8px}
.mobile-layout .software-group h3{font-size:12px;margin-bottom:3px}
.mobile-layout .software-group>p{font-size:10px;margin-bottom:8px}
.mobile-layout .software-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.mobile-layout .software-item{gap:5px;min-width:0}
.mobile-layout .software-item img{width:30px;height:30px}
.mobile-layout .software-item span{font-size:9px;line-height:1.3;white-space:normal;min-height:2.6em}
.mobile-layout #scene-services h2{font-size:25px;margin-bottom:12px}
.mobile-layout #scene-services .services{gap:8px}
.mobile-layout #scene-services .service{padding:8px 9px;gap:10px}
.mobile-layout #scene-services .service-icon{width:32px;height:32px;flex-basis:32px}
.mobile-layout #scene-services .service-icon img{width:22px;height:22px}
.mobile-layout #scene-services .service-copy>span{font-size:13px;white-space:normal}
.mobile-layout #scene-services .service-copy small{font-size:9px;line-height:1.35;margin-top:3px}
.mobile-layout #scene-services .service-index{font-size:8px}
.mobile-layout #scene-clients h2{font-size:18px;margin-bottom:12px}
.mobile-layout #scene-clients .client-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 6px}
.mobile-layout #scene-clients .client-item{gap:4px}
.mobile-layout #scene-clients .client-logo{width:32px;height:32px;max-width:100%;border-radius:6px;padding:0}
.mobile-layout #scene-clients .client-logo img{width:100%;height:100%;max-height:none;object-fit:cover;mix-blend-mode:normal;border-radius:5px}
.mobile-layout #scene-clients .client-name{font-size:7px;line-height:1.25;min-height:2.5em;-webkit-line-clamp:3}
.mobile-layout #scene-work h2,.mobile-layout #scene-reels h2{font-size:16px;margin-bottom:0}
.mobile-layout .section-heading{margin-bottom:10px;gap:8px}
.mobile-layout #scene-work .section-heading button{font-size:9px}
.mobile-layout .cinema-rail{padding:0 24px}
.mobile-layout .work-rail{gap:8px;padding-bottom:3px;scroll-snap-type:x proximity}
.mobile-layout .work-card{flex-basis:calc((100% - 16px)/3);scroll-snap-align:start}
.mobile-layout #scene-work .work-card,.mobile-layout #scene-reels .work-card{padding:3px}
.mobile-layout #scene-work .work-card span,.mobile-layout #scene-reels .work-card span{font-size:9px;line-height:1.35;margin-top:5px;min-height:2.7em;max-height:2.7em}
.mobile-layout #scene-work .rail-arrow,.mobile-layout #scene-reels .rail-arrow{width:22px;height:22px;font-size:19px;top:23%}
.mobile-layout #scene-reels .play-icon{width:20px;height:20px;font-size:8px}
.mobile-layout #scene-stats h2{font-size:19px;margin-bottom:12px}
.mobile-layout #scene-stats .stats{width:100%;gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}
.mobile-layout #scene-stats .stat{padding:9px 4px 8px}
.mobile-layout #scene-stats .stat strong{font-size:21px}
.mobile-layout #scene-stats .stat span{font-size:9px;line-height:1.3;margin-top:5px}
.mobile-layout .contact-title h2{font-size:23px;line-height:1.2;margin:0}
.mobile-layout .contact-title .eyebrow{font-size:10px;margin-bottom:8px}
.mobile-layout .contact-details{gap:8px}
.mobile-layout .contact-details:before{width:90px;margin-bottom:4px}
.mobile-layout .contact-details .email{font-size:14px}
.mobile-layout .contact-details .phone{font-size:13px}
.mobile-layout .contact-details .socials{gap:12px;margin-top:4px}
.mobile-layout .contact-details .socials a{width:25px;height:25px}
.mobile-layout .contact-details .socials img{width:12px;height:12px}
.mobile-layout .software-group,.mobile-layout #scene-services .service,.mobile-layout #scene-stats .stat,.mobile-layout .work-card{background:linear-gradient(135deg,#ffffff17,#0b192347);border-color:#ffffff35;box-shadow:inset 0 1px 0 #ffffff22,0 4px 14px #00000014;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.mobile-layout #scene-services .service{border-left-color:#e8b17b99}
.mobile-layout .software-group,.mobile-layout #scene-stats .stat{border-top-color:#e8b17b99}
@media(max-width:359px){.mobile-layout nav{gap:9px;font-size:8px}.mobile-layout .software-item span{font-size:8px}.mobile-layout #scene-services .service-copy>span{font-size:12px}.mobile-layout #scene-stats .stat strong{font-size:19px}.mobile-layout .contact-details .email{font-size:13px}}

.mobile-layout .intro-copy h1{font-size:clamp(23px,6.5vw,30px);color:#e8b17b}.mobile-layout .intro-copy .specialty{font-size:9px;color:#fff}.mobile-layout .intro-copy p{font-size:10px;line-height:1.45}.mobile-layout .intro-socials{margin-top:10px}.mobile-layout #scene-intro-portrait{max-height:65dvh;overflow:hidden}.mobile-layout #scene-intro{z-index:3}

.mobile-layout #scene-intro-portrait{max-height:none;overflow:visible}.mobile-layout .intro-portrait{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,#000c 76%,#0005 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 68%,#000c 76%,#0005 88%,transparent 100%)}

.mobile-layout #scene-intro-portrait{max-height:none;overflow:visible}.mobile-layout .intro-portrait{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,#000c 76%,#0005 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 68%,#000c 76%,#0005 88%,transparent 100%)}
