/* Mobile timelines follow the same native scroll in both directions. */
.icon-down,.icon-up{width:20px;height:20px;display:block;flex:none}.scroll-cue>span{display:flex}.footer-bottom>a{display:inline-flex;gap:10px;align-items:center}.icon-up{width:14px;height:14px}.faq-list summary span{display:flex;align-items:center}.icon-plus{width:18px;height:18px;display:block}
@media(max-width:800px){
 .motion-mobile .hero-stage{height:100svh;min-height:0;max-height:none}
 .motion-mobile .hero-visual{inset:0;clip-path:inset(17% 4.6% 29% 47% round 0px)}
 .motion-mobile .hero-photo{object-position:65% center;transform:scale(1.03)}
 .motion-mobile .hero-settle{left:var(--pad);right:var(--pad);bottom:15%;padding:24px;max-width:500px}
 .motion-mobile .hero-settle p{font-size:clamp(36px,6.5vw,58px);line-height:1.15}
 .motion-mobile .service-stage{height:100svh;min-height:0;overflow:hidden;position:relative}
 .motion-mobile .service-scene{position:absolute;inset:0;display:block;min-height:0;border:0}
 .motion-mobile .service-scene:not(:first-child){visibility:hidden;opacity:0}
 .motion-mobile .scene-image{position:absolute;inset:0;height:100%;width:100%}
 .motion-mobile .scene-image img{object-position:65% 35%}
 .motion-mobile .scene-image:after{background:linear-gradient(0deg,#17242188,transparent 60%)}
 .motion-mobile .scene-copy{position:absolute;left:var(--pad);right:var(--pad);bottom:45px;margin:0;padding:24px;border:0;border-top:1px solid var(--accent);background:var(--canvas)}
 .motion-mobile .scene-copy>.eyebrow{font-size:8px;margin-bottom:14px}
 .motion-mobile .scene-copy h3{font-size:40px;margin:0 0 18px;line-height:1.1}
 .motion-mobile .scene-copy>p{font-size:12px;line-height:1.8;max-width:100%}
 .motion-mobile .scene-copy .service-list{margin:15px 0 8px;display:flex;gap:0 14px;flex-wrap:wrap;border:0}
 .motion-mobile .scene-copy .service-list li{font-size:9px;line-height:1.6;padding:3px 0;border:0;gap:7px}
 .motion-mobile .scene-copy .text-link{font-size:11px;padding:10px 0;gap:25px}
 .motion-mobile .image-label{top:100px;right:var(--pad);bottom:auto;background:#222a29d9;padding:7px 10px}
 .motion-mobile .scene-progress{display:flex;position:absolute;left:var(--pad);right:var(--pad);bottom:20px;gap:15px;align-items:center;z-index:9}
 .motion-mobile .scene-progress .mono{font-size:8px}
 .motion-mobile .service-scene:after{content:attr(data-number);position:absolute;top:110px;left:var(--pad);font-size:64px;font-weight:200;line-height:1;color:var(--text);text-shadow:0 2px 20px #172421}
}
@media(max-width:600px){
 .motion-mobile .hero-content{top:13%}
 .motion-mobile .hero-content>.eyebrow{margin-bottom:20px}
 .motion-mobile .hero h1{font-size:clamp(50px,14vw,70px)}
 .motion-mobile .hero-visual{clip-path:inset(45% 24px 24% 24px round 0px)}
 .motion-mobile .hero-catalog{bottom:6.5%}
 .motion-mobile .hero-catalog a{padding:8px 0}
 .motion-mobile .hero-foot{bottom:2%}
 .motion-mobile .hero-settle{bottom:18%;padding:22px 20px}
 .motion-mobile .hero-settle p{font-size:clamp(33px,8.7vw,42px)}
 .motion-mobile .scene-copy{padding:20px;left:20px;right:20px}
 .motion-mobile .scene-copy h3{font-size:34px;margin-bottom:14px}
 .motion-mobile .scene-copy>p{font-size:11px;line-height:1.8}
 .motion-mobile .scene-copy>.eyebrow{font-size:7px;margin-bottom:10px}
 .motion-mobile .scene-copy .service-list{margin-top:12px}
 .motion-mobile .scene-copy .service-list li{font-size:9px}
 .motion-mobile .scene-copy .text-link{font-size:10px;padding:9px 0}
 .motion-mobile .scene-progress{left:20px;right:20px}
 .scroll-cue .icon-down{width:17px;height:17px}
}
@media(max-height:700px) and (max-width:600px){
 .motion-mobile .hero-content{top:15%}.motion-mobile .hero-content>.eyebrow{margin-bottom:15px;font-size:7px}.motion-mobile .hero h1{font-size:46px}.motion-mobile .hero-bottom{margin-top:14px}.motion-mobile .hero-bottom p{font-size:9px}.motion-mobile .hero-visual{clip-path:inset(46% 24px 25% 24px round 0px)}.motion-mobile .hero-catalog a{padding:6px 0;font-size:9px}.motion-mobile .scene-copy{padding:16px 18px}.motion-mobile .scene-copy h3{font-size:29px;margin-bottom:10px}.motion-mobile .scene-copy>p{font-size:10px}.motion-mobile .scene-copy .service-list li{font-size:8px}.motion-mobile .service-scene:after{font-size:45px;top:95px}
}

.motion-mobile .service-scene[data-service=demolition] .scene-image img{object-position:28% 35%}