/* Cross-platform responsive hardening: iOS Safari, Android Chromium and touch devices */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:80px}body{min-width:280px;overflow-wrap:anywhere}img,video,canvas{max-width:100%;height:auto}button,a,input,textarea,label{-webkit-tap-highlight-color:transparent}button,input,textarea{appearance:none;-webkit-appearance:none}button,a{touch-action:manipulation}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.site-header{padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right));padding-top:env(safe-area-inset-top)}.hero{min-height:100vh;min-height:100svh;min-height:100dvh;padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right))}footer,.section{padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right))}.cookie-banner{left:max(15px,env(safe-area-inset-left));right:max(15px,env(safe-area-inset-right));bottom:max(15px,env(safe-area-inset-bottom))}.project-grid>*,.work-intro>*,.motion-grid>*,.process>*,.download-lead>*,.studio>*,.contact>*,.ai-title>*,.ai-principle>*,.cap-panel>*{min-width:0}.field input,.field textarea{font-size:16px}.project-form input[type="checkbox"]{appearance:auto;-webkit-appearance:checkbox}.pills input{appearance:none;-webkit-appearance:none}.menu-toggle,.close,.close-secondary,.cookie-banner button,.capability-tabs button{min-height:44px}.plain{min-height:32px}.resource a{min-height:44px;align-items:center}.capability-tabs{scrollbar-width:thin;-webkit-overflow-scrolling:touch}.capability-tabs button{white-space:nowrap}.cap-panel[hidden]{display:none!important}

@media(max-width:1100px){.menu-toggle{display:block;z-index:22;min-width:54px}.site-header nav{display:none;position:absolute;top:0;left:0;right:0;padding:calc(90px + env(safe-area-inset-top)) max(var(--pad),env(safe-area-inset-right)) 35px max(var(--pad),env(safe-area-inset-left));background:rgba(10,12,12,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav>a:not(.nav-cta),.nav-cta{padding:15px 0;border:0;border-bottom:1px solid var(--line);min-height:50px;align-items:center}.nav-cta{justify-content:space-between}.hero h1{font-size:clamp(66px,9.4vw,108px)}.ai-capabilities{grid-template-columns:repeat(2,1fr)}.ai-capabilities article:nth-child(2){border-right:0}.ai-capabilities article:nth-child(-n+2){border-bottom:1px solid var(--line)}}

@media(max-width:760px){.section{padding-top:78px;padding-bottom:78px}.hero{padding-top:calc(130px + env(safe-area-inset-top));padding-bottom:max(45px,env(safe-area-inset-bottom));min-height:760px}.hero h1{font-size:clamp(52px,15vw,78px);line-height:.84}.hero-bottom{left:max(var(--pad),env(safe-area-inset-left));right:max(var(--pad),env(safe-area-inset-right));bottom:max(42px,env(safe-area-inset-bottom))}.work-intro,.motion-grid,.process,.studio,.contact,.ai-title,.ai-principle{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project:nth-child(even){margin-top:0}.project-art{height:auto;min-height:430px;aspect-ratio:4/5}.download-lead{grid-template-columns:1fr}.download-lead h2,.download-lead>p{grid-column:1}.resource-grid{grid-template-columns:1fr}.shop-note{grid-template-columns:1fr;margin-left:max(var(--pad),env(safe-area-inset-left));margin-right:max(var(--pad),env(safe-area-inset-right));padding-left:0;padding-right:0}.shop-note h2,.shop-note p,.shop-note button{grid-column:1}.contact-title{margin-bottom:35px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:1/3}.motion-services{grid-template-columns:repeat(2,1fr)}.motion-services span,.motion-services span:nth-child(3){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.motion-services span:nth-child(even){border-right:0}.motion-services span:nth-last-child(-n+2){border-bottom:0}.capability-tabs{display:flex;overflow-x:auto}.capability-tabs button{min-width:140px}.cap-panel{grid-template-columns:1fr}.cap-copy{border-right:0;border-bottom:1px solid var(--line)}.ai-feature img{aspect-ratio:4/5}.studio-mark{min-height:clamp(340px,100vw,500px)}}

@media(max-width:480px){:root{--pad:20px}.site-header{height:72px}.brand img{width:98px}.hero{min-height:700px;padding-top:125px}.hero>.eyebrow{max-width:250px;line-height:1.6}.hero h1{font-size:clamp(45px,15.5vw,65px);margin-top:43px}.hero-bottom>p{max-width:62%;font-size:12px;line-height:1.55}.round-link{width:94px;height:94px;font-size:9px}.ticker{height:44px}.work-intro h2,.display,.motion-copy h2,.process h2,.download-lead h2,.studio h2,.contact h2,.ai-title h2{font-size:clamp(40px,12.5vw,52px)}.project-art{min-height:390px}.phones{transform:rotate(-3deg) scale(.9)}.service-list article{grid-template-columns:33px 1fr 24px;padding:25px 0}.service-list p{grid-column:2}.service-list h3{font-size:19px}.motion-stage{aspect-ratio:4/5}.frame-three strong{font-size:36px}.frame-three b{font-size:20px}.ai-capabilities{grid-template-columns:1fr}.ai-capabilities article,.ai-capabilities article:nth-child(2){border-right:0;border-bottom:1px solid var(--line);min-height:225px}.ai-capabilities article:last-child{border-bottom:0}.capability-playground{margin-top:80px}.playground-head{display:block}.playground-head>p{margin-top:25px}.cap-copy{padding:32px 22px}.brand-demo,.campaign-demo,.app-demo,.deck-demo,.data-demo{min-height:410px}.campaign-demo{padding:12px}.campaign-demo article{padding:11px}.campaign-demo strong{font-size:21px}.app-demo>div{width:230px;height:420px}.deck-demo{padding:28px}.data-demo{padding:24px}.bars{height:255px}.resource-cover strong{font-size:clamp(48px,16vw,68px)}.contact{gap:40px}.project-form{padding:24px 20px}.pills span{padding:11px 13px}.footer-top{align-items:flex-start}.footer-top img{width:150px}.footer-top p{font-size:15px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:1}.footer-bottom{flex-direction:column}.cookie-banner{padding:18px;gap:18px}.cookie-banner>div:last-child{display:grid;grid-template-columns:1fr 1fr}.cookie-banner .accent{grid-column:1/3}.cookie-banner button{min-width:0}.cookie-banner p{line-height:1.45}dialog{max-height:calc(100dvh - 24px);overflow:auto;padding:38px 24px 24px}dialog h2{font-size:38px}}

@media(max-width:350px){:root{--pad:16px}.hero h1{font-size:45px}.hero-bottom>p{max-width:58%;font-size:11px}.round-link{width:86px;height:86px}.project-art{min-height:350px}.phones{transform:rotate(-2deg) scale(.76)}.package{width:65%}.capability-tabs button{min-width:125px}.brand-demo>i{width:230px;height:230px}.app-demo>div{width:210px;height:390px}.cookie-banner{left:8px;right:8px;bottom:8px}}

@media(orientation:landscape) and (max-height:520px){.hero{min-height:620px;height:auto;padding-top:115px}.hero h1{font-size:clamp(50px,9vw,74px);margin-top:28px}.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin-top:45px}.site-header nav{max-height:100dvh;overflow:auto}.cookie-banner{max-height:calc(100dvh - 20px);overflow:auto}}

@media(hover:none) and (pointer:coarse){.service-list article:hover{padding-left:0;background:transparent}.round-link:hover{transform:none}.project,.studio-mark[data-logo-motion]{cursor:default}.nav-cta,.submit,.cookie-banner button,.capability-tabs button{min-height:48px}}

@supports(-webkit-touch-callout:none){body{min-height:-webkit-fill-available}.hero{min-height:-webkit-fill-available}.site-header nav{padding-bottom:max(35px,env(safe-area-inset-bottom))}}

@media(max-width:760px){.project-art,.project-two .project-art{width:100%;height:auto;min-height:0;aspect-ratio:4/5}}
