/* Shared mobile type roles: section title, hero, body and label are distinct. */
@media(max-width:760px){
 :root{--mobile-heading:clamp(30px,8.5vw,36px)}
 html[lang] .redesign-page :is(.section-heading,.faq-heading,.studio,.industry-offers-heading)>h2,
 html[lang] .redesign-page :is(.selected-work,.industries,.testimonials,.industry-work) .section-heading h2{
   font-size:var(--mobile-heading);line-height:1.18;white-space:normal;max-width:none;letter-spacing:-.045em;text-wrap:pretty;
 }
 html[lang=ar] .redesign-page :is(.section-heading,.faq-heading,.studio,.industry-offers-heading)>h2,
 html[lang=ar] .redesign-page :is(.selected-work,.industries,.testimonials,.industry-work) .section-heading h2{
   font-size:var(--mobile-heading);line-height:1.65;letter-spacing:0;
 }
 .redesign-page .faq-heading h2 br,.redesign-page .studio h2 br{display:none}
 html[lang=ar] .redesign-page :is(h1,h2,h3) :is(em,.serif){font-size:1.15em;position:relative;top:.045em;line-height:inherit;vertical-align:baseline}
 html[lang] .redesign-page .studio h2 em{font-size:1em}
 html[lang=ar] .redesign-page .studio h2 em{font-size:1.15em}
 html[lang] .redesign-page .studio h2{max-width:25ch}
 .content-page .content-section .copy>h3{font-size:var(--mobile-heading);line-height:1.2}
 html[lang=ar] .content-page .content-section .copy>h3{line-height:1.65}
 html[lang] .content-page .page-intro h1,html[lang] .contact-copy h1,html[lang] .article-hero h1{font-size:clamp(36px,10vw,46px)}
}
/* Background hero is non-interactive. Native autoplay policy still belongs to iOS. */
.home-showreel .hero-video{pointer-events:none}
.home-showreel .hero-video::-webkit-media-controls-start-playback-button,
.home-showreel .hero-video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none}