/* A touch layout with readable project stories and large, native swipe galleries. */
@media(max-width:800px){
 .wrap{width:calc(100% - 40px);max-width:620px}
 .section{padding-top:62px}
 .section-heading{margin-bottom:28px}
 .section-heading h2,.compact h2,.extra-heading h2,.product-heading h2{font-size:clamp(36px,10.5vw,48px);line-height:1.06;letter-spacing:-.055em}
 .section-heading>p:last-child:not(.eyebrow){font-size:15px;line-height:1.55;margin-top:20px;max-width:500px}
 .eyebrow{font-size:12px;margin-bottom:18px}
 .motion-ready .hero-scene{height:150svh;min-height:100dvh}
 .hero-stage,.motion-ready .hero-stage{height:100dvh;min-height:100dvh}
 .language button{min-height:44px;min-width:30px;font-size:11px}
 .projects-section,.motion-ready .projects-section{height:auto;padding:42px 0 38px;background:var(--orange-gradient);border-radius:26px 26px 0 0}
 .project-arc,.motion-ready .project-arc{display:none}
 .projects-pin,.motion-ready .projects-pin{position:relative;top:auto;height:auto;display:block;overflow:visible;background:transparent}
 .projects-pin>.wrap,.motion-ready .projects-pin>.wrap{width:calc(100% - 32px);max-width:620px;height:auto;display:block;padding:0}
 .work-heading,.motion-ready .work-heading{text-align:center;margin:0 4px 27px}
 .work-heading h2,.motion-ready .work-heading h2{font-size:clamp(34px,9.8vw,48px);line-height:1.06}
 .project-rail,.motion-ready .project-rail{display:none}
 .projects-layout,.motion-ready .projects-layout{display:block;height:auto;min-height:0}
 .project-stack,.motion-ready .project-stack{display:grid;gap:22px;height:auto;position:relative;width:100%;overflow:visible;border-radius:0;isolation:auto}
 .project-card,.motion-ready .project-card{position:relative;inset:auto;height:auto;min-width:0;margin:0;padding:14px;border-radius:15px;display:block;overflow:visible;will-change:auto;transform:none;filter:none;background:#f4efe9;color:#201710;scroll-margin-top:20px}
 .project-card .project-topline,.motion-ready .project-card .project-topline{font-size:11px;line-height:1.4;margin-bottom:13px;opacity:.7}
 .project-card>.image-button,.motion-ready .project-card>.image-button{height:auto;max-height:none;min-height:0;aspect-ratio:auto;margin:0;border:0;border-radius:8px;background:#e9e7e4}
 .project-card>.image-button img,.motion-ready .project-card>.image-button img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;transform:none}
 .project-card .case-copy,.project-card .case-card-copy,.motion-ready .project-card .case-copy,.motion-ready .project-card .case-card-copy{display:block;margin:18px 0 0;padding:0;border:0;max-height:none;height:auto;overflow:visible;min-height:0}
 .project-card .case-type,.motion-ready .project-card .case-type{font-size:11px;line-height:1.4;color:#665d55;opacity:1}
 .project-card h3,.motion-ready .project-card h3,.motion-ready .project-card .case-copy h3,.motion-ready .project-card .case-card-copy h3{font-size:27px;line-height:1.09;margin-top:9px;letter-spacing:-.045em;color:#211811}
 .project-card .case-copy>p:not(.case-type),.project-card .case-card-copy>p:not(.case-type),.motion-ready .project-card .case-copy>p:not(.case-type),.motion-ready .project-card .case-card-copy>p:not(.case-type){font-size:14px;line-height:1.55;margin-top:12px;color:#4a3d34}
 .project-card .case-card-copy .text-link,.motion-ready .project-card .case-card-copy .text-link{font-size:14px;min-height:44px;margin-top:12px;padding:10px 0}
 .project-card .image-zoom,.motion-ready .project-card .image-zoom{width:34px;height:34px;font-size:20px;right:10px;bottom:10px}
 .comparison-board,.motion-ready .project-card>.comparison-board{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
 .comparison-panel figcaption{font-size:12px;line-height:1.3;margin-bottom:8px}
 .comparison-panel figcaption>span:last-child{font-size:11px}
 .comparison-input{display:block;padding:0;background:transparent;border-radius:8px}
 .comparison-input figcaption{margin:0 0 9px;display:flex;font-size:12px}
 .comparison-input figcaption>span:last-child{margin:0}
 .comparison-input .image-button{aspect-ratio:1100/508;height:auto;width:100%;background:#e7e0d7}
 .comparison-input .image-button img{width:100%;height:auto;aspect-ratio:1100/508;object-fit:contain}
 .comparison-output .image-button{aspect-ratio:1500/616;border-radius:7px}
 .comparison-output .image-button img{width:100%;height:100%;object-fit:contain}
 .verdict-device-stage,.motion-ready .verdict-case>.verdict-device-stage{container-type:normal;display:flex;align-items:center;justify-content:center;gap:4%;margin:5px 0 18px;min-height:0}
 .verdict-device-stage .verdict-desktop-preview,.motion-ready .verdict-device-stage .verdict-desktop-preview{width:59%;height:auto;aspect-ratio:1444/1050;margin:0}
 .verdict-device-stage .verdict-desktop-preview img,.motion-ready .verdict-device-stage .verdict-desktop-preview img{height:auto;aspect-ratio:1444/1050;object-fit:contain}
 .verdict-device-stage .verdict-phone,.motion-ready .verdict-device-stage .verdict-phone{width:37%;height:auto;aspect-ratio:828/1792}
 .services-section,.motion-ready .services-section{height:auto;padding:56px 0 0;overflow:visible}
 .service-introduction,.motion-ready .service-introduction{width:calc(100% - 40px);max-width:620px;margin:0 auto;padding:0;min-height:0;height:auto}
 .service-introduction .eyebrow{margin-bottom:18px}
 .service-introduction h2{font-size:clamp(36px,10vw,48px);line-height:1.06}
 .service-introduction>p:last-child{font-size:15px;line-height:1.55;max-width:500px;margin-top:20px}
 .services-pin,.motion-ready .services-pin{position:relative;top:auto;display:block;height:auto;margin:0;padding:30px 0 0;overflow:visible}
 .services-track,.motion-ready .services-track{display:block;width:calc(100% - 40px);max-width:620px;padding:0;margin:0 auto;transform:none;will-change:auto}
 .services-track .service-card,.motion-ready .services-track .service-card{display:block;position:relative;width:100%;height:auto;min-height:0;margin:0;padding:24px 0;background:transparent;border:0;border-top:1px solid #3c352e;border-radius:0;overflow:visible;isolation:auto}
 .services-track .service-card:last-child{border-bottom:1px solid #3c352e}
 .services-track .service-card:hover{background:transparent}
 .services-track .service-fill{display:none}
 .services-track .service-card-top{position:absolute;top:21px;right:0;margin:0;font-size:0}
 .services-track .service-card-top>span{display:none}
 .services-track .service-card .circle-arrow{width:44px;height:44px;font-size:21px;background:transparent;color:#f4eee7;border:1px solid #706254}
 .services-track .service-card h3{font-size:28px;line-height:1.06;letter-spacing:-.045em;padding-right:55px}
 .services-track .service-card p{font-size:15px;line-height:1.5;color:#c6beb5;margin:13px 0 0;max-width:520px;padding-right:35px}
 .services-track .service-card ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px 13px;margin:13px 0 0;padding:0;max-width:540px}
 .services-track .service-card li{font-size:12px;line-height:1.5;color:#c6a991;gap:6px}
 .services-track .service-card li:before{width:3px;height:3px;background:#f37746}
 .work-shortcuts{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:22px;padding-top:25px;scrollbar-width:thin;scrollbar-color:#7d4a32 transparent}
 .work-shortcuts a{flex:none;font-size:13px;gap:14px;min-height:44px;padding-block:11px}
 .agent-flow,.agent-section{padding-block:56px 14px}
 .af-heading{gap:18px;margin-bottom:27px}
 .af-heading h2{font-size:clamp(34px,9.5vw,48px);line-height:1.05}
 .af-heading>p{font-size:15px;line-height:1.5}
 .af-map{padding:26px 0;gap:44px}
 .af-start{grid-template-columns:64px 1fr;column-gap:18px}
 .af-max-mark{width:64px;font-size:28px}
 .af-start h3{font-size:23px}
 .af-start p{font-size:13px;line-height:1.4}
 .af-lanes{gap:18px}
 .af-lane{gap:28px}
 .af-lane-label{max-width:100%;font-size:10px;line-height:1.3;top:-31px;background:var(--bg);padding-block:3px}
 .af-tool{padding:16px 12px;min-height:132px;border-radius:10px}
 .af-tool-index{margin-bottom:11px}
 .af-tool h3{font-size:20px}
 .af-tool p{font-size:13px;line-height:1.45;margin-top:10px}
 .af-result{display:block;padding:21px;width:100%}
 .af-result-label{margin-bottom:11px;font-size:12px}
 .af-result h3{font-size:26px;line-height:1.06}
 .af-result ul{display:flex;flex-wrap:wrap;gap:9px 16px;margin:16px 0 0;padding:14px 0 0;border-left:0;border-top:1px solid #3021162b}
 .af-result li{font-size:12px}
 .af-footer{padding-block:19px}
 .af-footer p{font-size:14px;line-height:1.5}
 .af-footer>span{font-size:11px;margin-top:11px}
 .product-showcase{padding-block:56px 0}
 .product-heading{display:block}
 .product-heading>div{margin-top:20px}
 .product-heading>div>p{font-size:15px;line-height:1.55}
 .product-heading .production-tools{font-size:12px;line-height:1.5;margin-top:17px}
 .product-heading .text-link{font-size:14px;min-height:44px;margin-top:12px}
 .product-gallery,.video-grid,.character-gallery,.ad-gallery{display:flex;align-items:flex-start;gap:14px;overflow-x:auto;overflow-y:hidden;width:calc(100% + 20px);max-width:none;margin:0;padding:0 20px 14px 0;scroll-snap-type:x proximity;scroll-padding-left:0;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a55a37 transparent;-webkit-overflow-scrolling:touch}
 .product-gallery .reveal,.video-grid .reveal,.character-gallery .reveal,.ad-gallery .reveal{opacity:1!important;transform:none!important;transition:none!important}
 .product-gallery figure{flex:0 0 84%;min-width:0;margin:0;scroll-snap-align:start}
 .product-gallery figure:first-child{grid-column:auto}
 .product-gallery .image-button,.product-gallery figure:first-child .image-button{aspect-ratio:4/5;height:auto;max-height:none;border-radius:11px}
 .product-gallery figcaption{font-size:14px;line-height:1.4;margin-top:12px}
 .gallery-note{font-size:12px;line-height:1.5;margin-top:15px}
 .video-item,.video-item:last-child{display:block;flex:0 0 78%;width:auto;min-width:0;max-width:360px;margin:0!important;scroll-snap-align:start}
 .video-item video,.video-item:last-child video{width:100%;height:auto;aspect-ratio:9/16;max-height:none;object-fit:contain;border-radius:11px;background:#141414}
 .video-item figcaption,.video-item:last-child figcaption{margin-top:15px}
 .video-item .case-type{font-size:11px}
 .video-item h3{font-size:24px;line-height:1.1;margin-top:8px}
 .video-item p{font-size:14px;line-height:1.4;margin-top:9px}
 .character-gallery .image-button:nth-child(n){flex:0 0 76%;width:auto;margin:0;transform:none;border-radius:11px;scroll-snap-align:start}
 .character-gallery img{aspect-ratio:9/16;object-fit:cover}
 .ad-gallery .image-button:nth-child(n){flex:0 0 84%;width:auto;margin:0;transform:none;border-radius:11px;scroll-snap-align:start}
 .ad-gallery img{aspect-ratio:4/5;object-fit:contain}
 .extra-work{display:block}
 .extra-heading{margin-bottom:27px}
 .extra-heading>p:last-child{font-size:15px;line-height:1.5;margin-top:18px}
 .process{display:grid;grid-template-columns:1fr;gap:0}
 .process li{display:grid;grid-template-columns:33px 1fr;gap:0 16px;align-items:baseline;padding:22px 0}
 .step-number{font-size:24px;grid-row:1/3}
 .process h3{font-size:25px;line-height:1.1;margin:0;letter-spacing:-.04em}
 .process p{font-size:15px;line-height:1.5;margin-top:10px;grid-column:2}
 .about-layout{display:block}
 .about-layout h2{font-size:43px;line-height:1.03}
 .about-layout .text-link{margin-top:20px;font-size:14px;min-height:44px}
 .about-copy{margin-top:27px}
 .about-copy>p{font-size:16px;line-height:1.55}
 .about-copy>p+p{margin-top:18px}
 .tools{margin-top:25px;padding-top:20px}
 .tools p:last-child{font-size:13px;line-height:1.7}
 .faq-section{display:block;padding-bottom:58px}
 .faq-section>div:last-child{margin-top:27px}
 .faq-section h2{font-size:43px}
 .faq-item summary{font-size:21px;padding-block:20px}
 .faq-item>p{font-size:15px;line-height:1.55}
 .contact-section{padding-block:46px 36px}
 .contact-title{display:flex;gap:16px;align-items:center}
 .contact-title h2{font-size:clamp(39px,11vw,65px);line-height:1.02}
 .contact-round{width:52px;height:52px;font-size:29px;margin:0}
 .contact-bottom{margin-top:28px;padding-top:23px}
 .contact-bottom>p{font-size:15px;line-height:1.5}
 .contact-links{margin-top:25px;gap:14px}
 .contact-links>a:first-child{font-size:26px}
 .contact-links a:not(:first-child){font-size:14px}
 .footer{padding-block:27px}
}
@media(max-width:359px){
 .product-gallery,.video-grid,.character-gallery,.ad-gallery{width:calc(100% + 16px);padding-right:16px}
 .wrap{width:calc(100% - 32px)}
 .hero-header .header-actions{gap:12px}
 .hero-header{padding-inline:16px}
 .pill.small{padding-inline:12px;gap:12px}
 .af-lanes{gap:14px}
 .af-tool{padding:15px 10px}
 .af-tool h3{font-size:18px}
 .af-tool p{font-size:12px}
 .af-node-light{right:10px;top:15px}
 .project-card,.motion-ready .project-card{padding:12px}
 .project-card h3,.motion-ready .project-card h3,.motion-ready .project-card .case-card-copy h3{font-size:25px}
 .contact-title h2{font-size:35px}
 .contact-links>a:first-child{font-size:24px}
 .services-track,.motion-ready .services-track{width:calc(100% - 32px)}
}

/* Shared section rhythm on mobile, with actions kept clear of the copy. */
.mobile-service-cta{display:none}
.footer{flex-wrap:wrap}
.footer>a:not(.brand){margin-left:auto;flex-shrink:0}
.footer-socials{order:4;flex:0 0 100%;grid-column:1/-1;display:flex;justify-content:center;gap:16px 34px;flex-wrap:wrap;width:100%;margin-top:24px;padding-top:27px;border-top:1px solid #40352d}
.footer-socials a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:15px;color:#f3e9e0}
.footer-socials img{width:22px;height:22px}
.footer-socials a:hover{color:#ff7842}
@media(max-width:800px){
 .section-heading,.work-heading,.motion-ready .work-heading,.service-introduction,.extra-heading,.product-heading,.af-heading,.about-layout>div:first-child,.faq-section>div:first-child{text-align:center}
 .section-heading>p:last-child:not(.eyebrow),.motion-ready .work-heading>p:last-child:not(.eyebrow),.service-introduction>p:last-child,.product-heading>div>p,.extra-heading>p:last-child,.af-heading>p{margin-inline:auto;max-width:34em}
 .product-heading .text-link{justify-content:center}
 .section-heading h2,.service-introduction h2,.extra-heading h2,.product-heading h2,.af-heading h2,.about-layout h2,.faq-section h2{text-wrap:balance}
 .services-track .service-card,.motion-ready .services-track .service-card{text-align:center;padding:27px 0}
 .services-track .service-card-top{display:none}
 .services-track .service-card h3{padding-right:0;text-align:center}
 .services-track .service-card p{padding-right:0;margin-inline:auto;max-width:34em}
 .services-track .service-card ul{justify-content:center;margin-inline:auto}
 .mobile-service-cta{display:flex;justify-content:center;margin:25px 20px 0}
 .mobile-service-cta .text-link{border:1px solid #ff784261;border-radius:99px;padding:13px 23px;min-height:48px;color:#ff956e;background:#ff78420d;gap:18px}
 .work-shortcuts{justify-content:flex-start;margin-top:0}
 .project-card h3,.motion-ready .project-card h3{text-align:center;text-wrap:balance}
 .project-card .case-type{text-align:center}
 .project-card .text-link{display:flex;width:max-content;margin-inline:auto}
 .video-item h3,.video-item .case-type{text-align:center}
 .process h3{text-align:left}
 .contact-section>.wrap>.eyebrow{text-align:center;margin-inline:auto}
 .contact-title{display:block;text-align:center}
 .contact-title h2{text-wrap:balance}
 .contact-round{margin:23px auto 0;width:52px;height:52px}
 .contact-bottom{text-align:center}
 .contact-links{align-items:center;text-align:center}
 .footer-socials{margin-top:20px;gap:8px 22px;padding-top:20px;justify-content:center}
 .footer-socials a{font-size:14px}
}