img,video{max-width:100%}input,textarea,select{max-width:100%}main,section,article,aside{min-width:0}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
@media(max-width:700px){
 html{scroll-padding-top:100px;overflow-x:hidden}body{width:100%;margin:0;overflow-x:hidden}body>header,body.subpage>header{position:absolute!important;top:16px!important;left:4%!important;right:4%!important;width:auto!important;margin:0!important;height:68px!important;padding:12px 16px!important;z-index:50}
 header .wordmark{font-size:18px!important;gap:3px}header .menu-toggle{min-height:44px;min-width:68px}header #main-navigation.nav-open{max-height:calc(100svh - 110px);overflow-y:auto}
 .hero{margin:8px!important;padding:135px 6% 130px!important;min-height:690px!important;height:calc(100svh - 16px)!important;max-height:950px!important;border-radius:20px!important}
 .hero h1{font-size:clamp(40px,10.4vw,68px)!important;letter-spacing:-.045em!important;line-height:1.09!important;overflow-wrap:normal}.hero p{font-size:16px!important;line-height:1.65!important}.hero p br{display:none}.hero>.eyebrow{font-size:11px!important;letter-spacing:.12em!important;line-height:1.6}.hero .button{min-height:48px}.hero-contact{margin:16px 8px!important}.scene-control{max-width:90%;min-width:0!important}.hero-bottom{gap:12px}.hero-bottom span{display:none}
 .section{padding:55px 6%!important;margin:8px!important}.section h2{font-size:clamp(34px,9vw,52px)!important;letter-spacing:-.045em!important;line-height:1.12}.section-top{gap:18px;flex-wrap:wrap;font-size:11px}.section-top span:last-child{max-width:100%}
 .about-copy,.service-intro,.contact-grid,.form-layout,.detail-layout,.featured-caption{grid-template-columns:1fr!important;gap:24px!important}.service-intro{display:block!important}.service-intro>div{margin-top:24px}
 .transport{display:flex;flex-wrap:wrap;padding:18px!important;gap:12px!important}.transport label{display:none}.transport input[type=range]{min-width:80px;flex:1;width:auto}.transport button{min-height:44px}.films{grid-template-columns:1fr!important}.film-visual{aspect-ratio:16/9}.film-meta h3{font-size:18px}.featured-caption{padding:22px!important}.featured-caption h3{font-size:27px!important}.featured-caption p{font-size:16px!important;line-height:1.6}.explorer-stage{min-height:0!important}.stage-top{font-size:10px;gap:8px}.stage-top span:last-child{display:none}
 .subpage-main,.detail-page{padding:130px 6% 55px!important}.page-intro h1,.detail-page>h1{font-size:clamp(38px,10vw,58px)!important;line-height:1.1;letter-spacing:-.045em!important}.page-intro p{font-size:17px;line-height:1.7}.form-row{grid-template-columns:1fr!important}.page-form{padding:22px!important}.page-form input,.page-form select,.page-form textarea,#brief-form input,#brief-form select,#brief-form textarea{font-size:16px!important;min-height:48px;width:100%}.form-layout{display:grid!important}.email-link{font-size:clamp(17px,5vw,24px)!important;overflow-wrap:anywhere}
 .service-browser-controls{padding:16px}.service-filters button{min-height:44px}.discipline-grid,.portfolio-page-grid,.work-page-grid,.detail-grid{grid-template-columns:1fr!important}.discipline-card{min-height:0!important;height:auto!important}.discipline-card h3{min-height:0}.service-actions a{min-height:44px;display:inline-flex;align-items:center}.service-preview summary{min-height:48px}.service-segment ul{grid-template-columns:1fr!important}
 .portfolio-page-intro{padding-top:115px!important}.portfolio-page-intro h1{font-size:48px!important}.portfolio-page-filters{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:12px}.portfolio-page-filters button{flex-shrink:0;min-height:44px}
 dialog{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;max-height:90svh;padding:22px!important;overflow:auto}dialog video{width:100%;max-height:65svh;object-fit:contain}dialog pre{white-space:pre-wrap;overflow-wrap:anywhere}.review-actions{flex-wrap:wrap}
 footer{padding:35px 6%!important;display:flex!important;flex-wrap:wrap;gap:24px!important}.footer-links{display:flex;flex-wrap:wrap;gap:16px}.floating-contact{bottom:16px!important;right:16px!important;padding:12px 18px!important;font-size:14px!important}
 .founder-page{padding:125px 6% 45px}.founder-hero h1{font-size:clamp(45px,11vw,60px)}.founder-manifesto{padding:28px;min-height:350px}.founder-opening h2,.journey-heading h2{font-size:34px}.founder-closing .button{margin-bottom:12px}.founder-intro br{display:none}
 .founder-story,.founder-manifesto,.founder-opening,.founder-closing{overflow-wrap:anywhere}.founder-story p{font-size:16px;line-height:1.75}.founder-story h2{line-height:1.12}
}
@media(max-width:380px){header .wordmark{font-size:16px!important}.hero h1{font-size:38px!important}.hero{min-height:650px!important}.hero-bottom a{font-size:10px}.service-actions{gap:12px}}

@media(max-width:700px){#work .explorer-stage{width:100%!important;height:auto!important;aspect-ratio:16/9;max-width:100%}}

/* Phone usability: thumb-sized tap targets and readable small labels */
@media(max-width:700px){
footer .footer-links{display:flex;flex-wrap:wrap;gap:4px 20px}
a[href="/about/#our-story"],aside a[href^="/contact/"],footer .footer-links a,.breadcrumbs a,.founder-link,.text-link,.hero-bottom a,.hero-bottom button,.watch-hero,.about-copy a{display:inline-flex;align-items:center;min-height:44px}
.watch-hero{padding-inline:14px}
details>summary{min-height:44px;display:flex;align-items:center;padding-block:10px;cursor:pointer}
#film-scrub{height:32px}
.hero-bottom button,.hero-bottom a,.featured-kicker,#study-label,.stage-top{font-size:11px!important}
form span,form label{font-size:max(11px,1em)}
}

/* Phone layout: designed for the screen instead of a shrunk desktop */
@media(max-width:700px){
main>section.section,main>.section{margin:0!important;padding:64px 20px!important}
main>.about,main>.services,main>.contact{border-radius:28px!important}
.hero{margin:0!important;border:0!important;border-radius:0 0 28px 28px!important;padding:112px 22px 112px!important;min-height:600px!important;height:100svh!important}
#work .explorer{border:0;background:transparent;border-radius:0;overflow:visible;margin-top:28px}
#work .explorer-stage{aspect-ratio:4/5!important;border:0;border-radius:20px}
#work .featured-caption{padding:22px 2px 6px;display:block}
#work .featured-caption p{margin-top:12px}
#work .transport{padding:14px 2px;border-top:0}
#work #films{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:6px 20px 18px;margin:8px -20px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#work #films::-webkit-scrollbar{display:none}
#work .film{flex:0 0 72%;scroll-snap-align:center;border-radius:18px}
#work .film .film-visual,#work .film:first-child .film-visual{width:100%;height:auto!important;aspect-ratio:4/5;border:0;border-radius:0;opacity:1}
#work .film-visual img{width:100%;height:100%;object-fit:cover;display:block}
#work .film-meta{padding:12px 14px}
#work .work-footer{padding:22px 2px 0}
}
@media(max-width:700px){
.portfolio-page-filters{margin-inline:-20px;padding-inline:20px;scrollbar-width:none}
.portfolio-page-filters::-webkit-scrollbar{display:none}
.portfolio-film-info{padding:22px 20px!important}
}
@media(max-width:700px){
#micro-drama .drama-outline{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin-top:44px}
#micro-drama .drama-outline article{padding-left:18px;border-left:2px solid #9fb2ff59}
#micro-drama .drama-outline h3{font-size:26px;line-height:1.15}
}