/* Phone layout uses native swipe panels, with the original desktop scenes intact. */
.mobile-services-heading{display:none}
@media(max-width:700px),(max-width:1080px) and (max-height:500px){
.home-page .hero{min-height:0;padding:108px 0 26px}
.home-page .hero .wrap{gap:18px}
.home-page .hero__i{font-size:10px!important;margin-bottom:12px}
.home-page .hero .h-mega{font-size:clamp(42px,12vw,60px);line-height:.94}
.home-page .hero .lede{font-size:16px;line-height:1.5;margin-top:16px;max-width:36ch}
.home-page .hero .ctas{margin-top:20px;gap:8px}
.home-page .hero .btn{min-height:44px;font-size:12px;padding-inline:14px}
.home-page .hero .visual-hero{height:300px;min-height:300px;max-width:330px;width:100%;margin:8px auto 0;aspect-ratio:auto;overflow:hidden}
.home-page .hero-artboard{position:absolute;left:50%;top:50%;width:255px;max-width:none;transform:translate(-50%,-50%) rotate(-3deg) scale(.64);transform-origin:center;animation:mobile-art-float 6s ease-in-out infinite}
.home-page .hero-artboard>.preview-shop{transform:none;box-shadow:6px 7px 0 #192733}
.home-page .floating-dashboard{right:-16px;bottom:-16px;width:54%;transform:rotate(8deg)}
.home-page .visual-sticker{right:-10px;top:-10px;width:65px;height:65px;font-size:10px}
.home-page .hero .gauge{margin:0;font-size:10px;justify-content:center;gap:0}
.home-page .hero .gauge b{font-size:10px}.home-page .gauge .ticks{display:none}
.home-page .deep{height:auto;min-height:0;padding:36px 0;background:#192733}
.home-page .deep::before,.home-page .deep::after{clip-path:none!important}
.home-page .deep-in{gap:20px;opacity:1!important;visibility:visible!important;transform:none!important}
.home-page .deep .statement{font-size:28px;line-height:1.1}
.home-page .deep-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.home-page .deep-stats>div{padding:14px 5px}
.home-page .deep-stats b{font-size:27px}
.home-page .deep-stats>div>span{font-size:10px;letter-spacing:0;line-height:1.5}
.home-page .deep .tag{font-size:12px}.home-page .deep .btn{min-height:44px;font-size:12px;padding:10px 20px}
.home-page .gate__ring,.home-page .train .drift,.home-page .train-hud{display:none}
.home-page .train .train-pin{height:auto;min-height:0;padding:36px 0;overflow:hidden}
.home-page .mobile-services-heading{display:block;padding:0 var(--gut) 22px}
.mobile-services-heading h2{font-size:32px;line-height:1.06;letter-spacing:-.045em;margin-top:16px;font-weight:750}
.mobile-services-heading p{font-size:13px;color:var(--ink-soft);margin-top:10px}
.mobile-service-tabs{display:flex;gap:7px;margin-top:18px}
.mobile-service-tabs button{min-height:44px;padding:8px 14px;border:1px solid #192733;border-radius:999px;font-size:12px;font-weight:650}
.mobile-service-tabs button[aria-pressed=true]{background:#192733;color:#fff7e9}
.home-page .train .panels{display:flex;flex-direction:row!important;align-items:stretch;gap:12px;padding:0 var(--gut) 12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);overscroll-behavior-x:contain;transform:none!important;scrollbar-width:thin;will-change:auto}
.home-page .train .panel{flex:0 0 calc(100vw - var(--gut)*2 - 12px);width:auto;padding:24px 20px 12px;border:1px solid #19273335;border-radius:16px;background:#fffaf2;scroll-snap-align:start;align-content:start;min-width:0}
.home-page .train .panel--intro{display:none}
.home-page .panel-body{display:flex;flex-direction:column;gap:14px;align-items:stretch;height:100%}
.home-page .panel .h-mega{font-size:32px;line-height:1.04;max-width:15ch;margin-top:14px}
.home-page .panel .tag{font-size:12px;padding:6px 9px;margin-bottom:0}
.home-page .panel .lede{font-size:14px;line-height:1.5;margin-top:14px}
.home-page .panel .ctas{gap:8px;margin-top:18px;flex-wrap:wrap}
.home-page .panel .btn{min-height:44px;padding:9px 12px;font-size:12px}
.home-page .panel .panel-art{height:185px;min-height:185px;aspect-ratio:auto;width:100%;max-width:none;overflow:hidden;border-radius:0;margin-top:auto}
.home-page .panel .train-preview{position:absolute;left:50%;top:8px;width:300px;transform:translateX(-50%) scale(.63);transform-origin:top center}
.home-page .panel .price-chip{top:auto!important;left:auto!important;right:2px!important;bottom:6px!important;padding:7px 10px;border-radius:10px;box-shadow:3px 3px 0 #192733}
.home-page .panel .price-chip b{font-size:17px}.home-page .panel .price-chip span,.home-page .panel .price-chip b small{font-size:10px}
.home-page .sec{padding-block:40px}
.home-page .folio{margin-bottom:24px;gap:8px}.home-page .folio span,.home-page .folio em{font-size:10px;letter-spacing:.04em}
.home-page .sec-head{margin-bottom:24px;gap:16px}.home-page .sec-head .h-l{font-size:32px;line-height:1.06}
.home-page .svc-list a{padding-block:14px}.home-page .svc-list .p{display:none}.home-page .svc-list .t{font-size:18px}
.home-page .working-heading{gap:16px;margin-bottom:24px}.home-page .working-heading .h-l{font-size:32px}.home-page .working-heading .lede{font-size:15px}
.home-page .working-visual{display:none}.home-page .working-layout{display:block}.home-page .working-steps li{padding-block:18px}.home-page .working-steps h3{font-size:22px}.home-page .working-steps p{font-size:14px}.home-page .working-note{display:none}
.home-page .band{padding-block:40px}.home-page .band .h-xl{font-size:36px}.home-page .band .ctas{gap:10px}.home-page .band .ctas .btn{flex:1 1 auto;min-height:44px;font-size:13px}
.home-page .company-section-heading{gap:16px;margin-bottom:22px}.home-page .company-section-heading .h-l{font-size:32px;line-height:1.05}.home-page .company-section-heading p{font-size:14px}
.home-page .project-logo-group li{height:100px;width:150px;flex-basis:150px}.home-page .project-logo-controls{margin-bottom:12px}
@keyframes mobile-art-float{0%,100%{transform:translate(-50%,-50%) rotate(-3deg) scale(.64)}50%{transform:translate(-50%,calc(-50% - 6px)) rotate(-1deg) scale(.64)}}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce),(max-width:1080px) and (max-height:500px) and (prefers-reduced-motion:reduce){.home-page .hero-artboard{animation:none}.home-page .project-logo-window{overflow:auto}.home-page .project-logo-track{display:flex;width:max-content}.home-page .project-logo-group{display:flex;flex-wrap:nowrap;width:max-content}.home-page .project-logo-group[aria-hidden]{display:none}}
html.shot .hero-artboard{animation:none}
.no-js .mobile-service-tabs{display:none}