/* Mobile keeps the work visible while reducing scroll distance and oversized media. */
@media(max-width:800px){
 .motion-ready .hero-scene{height:160svh;min-height:100dvh}
 .motion-ready .projects-section{height:280svh}
 .motion-ready .project-stack{overflow:clip}
 .section{padding-top:48px}
 .section-heading{margin-bottom:24px}
 .section-heading>p:last-child:not(.eyebrow){margin-top:16px}
 .eyebrow{margin-bottom:16px}
 .services-section,.motion-ready .services-section{height:auto;overflow:visible;padding:42px 0 0}
 .service-introduction,.motion-ready .service-introduction{width:calc(100% - 36px);margin:0 auto;min-height:0;height:auto;padding:0}
 .service-introduction h2{font-size:clamp(34px,7vw,50px);line-height:1.06}
 .service-introduction .eyebrow{margin-bottom:16px}
 .service-introduction>p:last-child{font-size:14px;line-height:1.5;margin-top:16px;max-width:520px}
 .services-pin,.motion-ready .services-pin{height:auto;position:relative;top:auto;display:block;overflow:visible;margin:0;padding:24px 0 0}
 .services-track,.motion-ready .services-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% - 36px);gap:12px;padding:0;margin:0 auto;transform:none;will-change:auto}
 .services-track .service-card,.motion-ready .services-track .service-card{width:auto;height:auto;min-height:0;padding:16px 14px;justify-content:start;border-radius:10px;gap:0}
 .services-track .service-card-top{margin:0 0 12px;align-items:center;font-size:10px}
 .services-track .service-card .circle-arrow{width:44px;height:44px;font-size:20px}
 .services-track .service-card h3{font-size:24px;line-height:1.05;overflow-wrap:normal}
 .services-track .service-card p{font-size:13px;line-height:1.45;margin-top:12px;color:#d3cec8}
 .services-track .service-card ul{margin-top:12px;gap:6px}
 .services-track .service-card li{font-size:12px;line-height:1.4;gap:7px}
 .services-track .service-card li:before{width:3px;height:3px}
 .services-track .service-fill,.motion-ready .services-track .service-fill{opacity:0}
 .services-track .service-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
 .services-track .service-card:last-child .service-card-top{grid-column:1/-1;margin-bottom:6px}
 .services-track .service-card:last-child .service-card-body{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
 .services-track .service-card:last-child h3{grid-column:1;grid-row:1}
 .services-track .service-card:last-child p{grid-column:1;grid-row:2}
 .services-track .service-card:last-child ul{grid-column:2;grid-row:1/3;align-self:center;margin:0}
 .services-track .service-card:last-child .service-fill{opacity:1}
 .services-track .service-card:last-child p{color:#fff}
 .work-shortcuts{padding-top:26px;gap:8px 18px}
 .work-shortcuts a{font-size:12px;padding-block:9px;gap:15px}
 .agent-flow,.agent-section,.product-showcase{padding-block:40px}
 .af-heading{gap:16px;margin-bottom:24px}
 .af-heading h2{font-size:clamp(34px,9vw,52px)}
 .af-heading>p{font-size:14px;line-height:1.5}
 .af-map{padding:22px 0;gap:32px}
 .af-start{grid-template-columns:58px 1fr;column-gap:17px}
 .af-max-mark{width:58px;font-size:27px}
 .af-start h3{font-size:21px}
 .af-start p{font-size:12px}
 .af-lanes{gap:20px}
 .af-lane{gap:24px}
 .af-lane-label{max-width:100%;background:var(--bg);line-height:1.2;top:-26px;padding-block:2px}
 .af-tool{min-height:111px;padding:13px 12px}
 .af-tool-index{margin-bottom:9px}
 .af-tool h3{font-size:20px}
 .af-tool p{font-size:12px;line-height:1.4;margin-top:8px}
 .af-result{padding:17px;column-gap:16px}
 .af-result h3{font-size:22px}
 .af-footer{padding-block:16px}
 .af-footer p{font-size:13px;line-height:1.5}
 .af-footer>span{margin-top:8px}
 .product-heading{gap:18px}
 .product-heading h2{font-size:39px}
 .product-heading>div>p{font-size:14px;line-height:1.5}
 .product-heading .production-tools{font-size:11px;margin-top:14px}
 .product-heading .text-link{margin-top:10px}
 .product-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .product-gallery figure:first-child{grid-column:auto}
 .product-gallery figure:first-child .image-button{max-height:none;aspect-ratio:4/5}
 .product-gallery figcaption{font-size:11px;line-height:1.35;margin-top:9px}
 .gallery-note{font-size:11px;line-height:1.45;margin-top:15px}
 .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:24px 12px}
 .video-item video{width:100%;max-height:none;aspect-ratio:9/16;border-radius:9px}
 .video-item figcaption{margin-top:10px}
 .video-item h3{font-size:20px;line-height:1.12;margin-top:6px}
 .video-item p{font-size:12px;line-height:1.4;margin-top:7px}
 .video-item:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
 .video-item:last-child video{max-height:270px;object-fit:contain;background:#141414}
 .video-item:last-child figcaption{margin:0}
 .character-gallery{gap:10px}
 .character-gallery .image-button:nth-child(n){margin-top:0;transform:none}
 .extra-work{gap:22px}
 .extra-heading h2,.compact h2{font-size:39px}
 .extra-heading>p:last-child{margin-top:15px}
 .ad-gallery .image-button:nth-child(n){margin-top:0}
 .process{gap:26px 20px}
 .step-number{font-size:32px}
 .process li{padding-top:16px}
 .process h3{font-size:21px;line-height:1.12;margin-top:14px}
 .process p{font-size:13px;line-height:1.5;margin-top:12px}
 .about-layout{gap:22px}
 .about-layout h2{font-size:44px}
 .about-layout .text-link{margin-top:16px}
 .about-copy>p{font-size:16px;line-height:1.5}
 .about-copy>p+p{margin-top:16px}
 .tools{margin-top:22px;padding-top:18px}
 .faq-section{gap:24px;padding-bottom:44px}
 .faq-section h2{font-size:41px}
 .faq-item summary{font-size:20px;padding-block:18px}
 .contact-section{padding-block:42px 32px}
 .contact-title{display:flex;align-items:center;gap:14px}
 .contact-title h2{font-size:clamp(39px,11.5vw,78px)}
 .contact-round{width:54px;height:54px;margin:0;font-size:30px}
 .contact-bottom{margin-top:25px;padding-top:20px}
 .contact-links{margin-top:22px}
 .footer{padding-block:24px}
}
@media(max-width:359px){
 .services-track .service-card h3{font-size:22px}
 .services-track .service-card{padding:14px 12px}
 .af-tool h3{font-size:18px}
 .af-tool{padding-inline:10px}
 .af-result{grid-template-columns:1fr 1.15fr;padding:16px 13px;column-gap:12px}
 .af-result h3{font-size:20px}
 .af-result ul{padding-left:10px}
 .contact-title h2{font-size:36px}
}