/* The same Cinematic Refined identity, reflowed for touch screens. */
@media(max-width:850px){
 .header{height:85px;gap:12px;padding-inline:6%}
 .header .brand{min-width:0;flex-shrink:1}
 .brand-handwriting{width:clamp(175px,54vw,245px);max-width:100%;height:63px}
 .menu-toggle{flex-shrink:0;min-height:44px}
 .header #navigation{padding-top:105px;padding-bottom:max(30px,env(safe-area-inset-bottom));gap:16px;font-size:clamp(1.9rem,6.8vw,2.6rem)}
 .header #navigation a{min-height:44px}
 .cinema-home .immersion-hero{height:auto;min-height:100svh;max-height:none;display:flex;align-items:center}
 .cinema-home .immersion-copy{width:100%;padding:135px 7% 140px}
 .cinema-home .immersion-copy h1{font-size:clamp(2.65rem,8.2vw,4.5rem)}
 .immersion-bottom{gap:20px;align-items:center;bottom:max(24px,env(safe-area-inset-bottom))}
 .immersion-bottom>span{max-width:65%;line-height:1.5}
 .immersion-bottom button{min-height:44px;flex-shrink:0}
 .cinema-home .personal-photo{height:auto;aspect-ratio:8/5;min-height:0}
 .cinema-home .card-image,.cinema-home .experience-card:nth-child(2) .card-image{height:auto;aspect-ratio:4/3}
 .cinema-home .personal-copy h2.personal-headline,.intro-grid h2{font-size:clamp(2.5rem,8vw,3.6rem)}
 .closing h2,.wow-invitation h2{font-size:clamp(2.6rem,8.5vw,3.8rem)}
 .concept-image{height:auto;aspect-ratio:4/3;min-height:0}
 .concept-lead h1{font-size:clamp(2.5rem,8vw,3.8rem)}
 .meet-geraldine .meet-image{max-width:520px;justify-self:center}
 .contact-layout{grid-template-columns:minmax(0,1fr)}
 .contact-layout>*,.form-wrap,.form-row>*{min-width:0}
 .form-wrap input,.form-wrap select,.form-wrap textarea{max-width:100%;font-size:16px}
 .contact-details a,.footer a{overflow-wrap:anywhere}
 .footer{padding-inline:7%}
 .footer-top,.footer-bottom{gap:24px}
 .clean-territory .atlas-map{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .clean-territory-nav a{min-height:44px;display:inline-flex;align-items:center;white-space:normal}
}
@media(max-width:360px){
 .header{padding-inline:5%;gap:8px}.menu-toggle{gap:8px;font-size:.85rem}
 .photo-title h2{font-size:2.6rem}.photo-title{left:22px;right:18px}
 .form-wrap{padding-inline:16px}
}
@media(max-width:850px),(pointer:coarse){.door-intro{display:none!important}}