/* Touch-first adaptation; identity, artwork and motion timelines are unchanged. */
@media(max-width:700px){
 html{scroll-padding-top:calc(104px + env(safe-area-inset-top,0px));-webkit-text-size-adjust:100%}
 body{overscroll-behavior-x:none}
 .floating-nav,.floating-nav.nav-compact{top:calc(12px + env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));height:64px;padding-inline:18px}
 .floating-nav .brand img{height:38px}.floating-nav .brand{min-width:52px}
 .floating-nav.nav-descending{transform:none}
 #mobile-menu{top:calc(88px + env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));max-height:calc(100dvh - 110px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;padding-bottom:20px}
 #mobile-menu a{min-height:54px;font-size:14px;padding:8px 4px}
 body.menu-open{overflow:hidden}
 .hero{padding-top:calc(126px + env(safe-area-inset-top,0px));padding-inline:24px}
 .hero h1{font-size:clamp(45px,12.65vw,78px);line-height:1.04}
 .hero-message,.hero-composition{min-width:0}
 .hero-message .lead{font-size:14px;line-height:1.85;max-width:440px}
 .hero-action{width:100%;max-width:400px;font-size:13px;min-height:58px}
 .hero-action .arrow{flex-shrink:0}
 .hero-context{font-size:12px;line-height:1.7}.hero-manifest{flex-wrap:wrap;gap:8px 20px;font-size:8px}
 .hero-bottom{gap:10px;padding-bottom:25px}.hero-bottom>span{font-size:8px}
 .film-lab{--phone-panel:clamp(490px,132vw,560px);height:calc(var(--phone-panel) + 120px);margin:18px 0 0;width:100%;min-width:0}
 .film-lab .spatial-world{inset:0}
 .film-screen{top:12px;height:var(--phone-panel);left:0;right:0;backdrop-filter:blur(8px)}
 .film-toolbar{height:39px;margin-inline:14px;font-size:6px}.film-toolbar>span:last-child{font-size:5px}
 .film-tiles{inset:54px 12px 34px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr 1fr 1fr .64fr;grid-template-areas:'brand presence' 'offer demand' 'journey retention' 'intelligence intelligence';gap:8px}
 .film-tile{min-width:0;min-height:48px;border-radius:8px}
 .film-tile>span,.tile-6>span{font-size:11px;line-height:1.35;inset:auto 7px 8px;padding-right:11px;overflow-wrap:normal}
 .film-tile small{font-size:6px}.tile-6 small{display:block}.film-tile i{font-size:12px}
 .tile-7>span{font-size:13px;left:10px;bottom:13px}.tile-7 small{display:inline;font-size:7px}.tile-7 svg{width:48%}
 .film-screen-caption{font-size:4px;left:15px;right:15px;bottom:15px;gap:5px}
 .film-dock{top:calc(var(--phone-panel) + 25px);left:3%;right:0;font-size:11px;gap:8px;padding-left:12px;min-height:48px}
 .film-replay{font-size:11px;min-height:44px;padding-inline:12px}.film-replay span{font-size:17px}
 .film-lab .spatial-footnote{left:1%;right:0;bottom:-6px;font-size:6px;letter-spacing:.06em}
 .spatial-pause{font-size:11px;min-height:44px;gap:8px;padding:8px 0}
 .section{padding:64px 24px}.section h2{font-size:clamp(40px,11.5vw,52px);line-height:1.05}
 .section-rail{margin-bottom:32px}.eyebrow{font-size:10px}.micro{line-height:1.7}
 .editorial-grid,.contact-grid,.method-layout{min-width:0}
 .chapter summary{min-height:80px;gap:10px;padding:22px 10px}.chapter h3{min-width:0;font-size:26px;line-height:1.15}.chapter-no{flex-shrink:0}.chapter-toggle{flex:0 0 16px}
 .chapter-content{padding:0 16px 28px 38px}.chapter-content p{font-size:14px;line-height:1.85}
 .lens-list button{min-height:56px;gap:8px;font-size:11px}.lens-list button>span:first-child{font-size:8px;flex-shrink:0}
 .lens-panels{min-width:0;padding:55px 18px 26px}.lens-panels h3{font-size:36px;line-height:1.08}.lens-panels p{font-size:14px;line-height:1.85}
 .priorities ol{gap:22px 18px}.priorities li{min-width:0}.priorities li>span{font-size:8px;letter-spacing:.09em}.priorities p{font-size:12px}
 .deliverables p{line-height:1.8}.deliverables small{font-size:11px}
 .journey-funnel li{gap:15px;padding:22px 15px;margin-inline:calc(var(--stage)*3px)}.journey-funnel h3{font-size:28px}.journey-funnel p{font-size:13px;line-height:1.7}
 .faq summary,.glossary summary{min-height:60px;line-height:1.6;gap:15px;font-size:14px}
 .faq summary span,.glossary summary span{flex-shrink:0}.faq details p,.glossary details p{font-size:14px;line-height:1.85}
 .contact form{min-width:0;padding:26px 18px}.field{margin-bottom:27px}
 input:not([type=checkbox]),textarea{font-size:16px;line-height:1.5;min-height:48px;scroll-margin-top:140px}
 textarea{min-height:120px;resize:vertical}.field>span{font-size:14px}.field:focus-within>span,.field:has(input:not(:placeholder-shown))>span,.field:has(textarea:not(:placeholder-shown))>span{font-size:11px}
 .consent{min-height:48px;gap:12px;padding-block:8px;font-size:12px;line-height:1.75}.consent input{flex-shrink:0;width:22px;height:22px;margin-top:2px}
 .contact .button{white-space:normal;text-align:left;gap:12px;padding-left:16px;font-size:12px;line-height:1.5;min-height:58px}
 .contact .button .arrow{flex:0 0 34px;width:34px;height:34px}
 #form-status{font-size:12px!important;line-height:1.8;overflow-wrap:anywhere}#form-whatsapp-fallback{font-size:12px;line-height:1.6;gap:12px;min-height:48px}
 #whatsapp{min-height:48px;font-size:13px;gap:18px;line-height:1.6}
 footer{padding:32px 24px calc(26px + env(safe-area-inset-bottom,0px));gap:18px}footer>div{flex-wrap:wrap;gap:12px 22px;justify-content:flex-start;font-size:11px}footer>div>span{width:100%}footer button{min-height:44px}
 dialog{max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px - env(safe-area-inset-top,0px));padding:26px 22px;overflow-y:auto}dialog h2{font-size:40px}dialog p{font-size:14px;line-height:1.85}dialog button{min-height:44px}
}
@media(max-width:359px){
 .hero,.section{padding-inline:20px}.hero h1{font-size:clamp(41px,12.6vw,45px)}.hero-message .lead{font-size:13px}
 .film-tile>span,.tile-6>span{font-size:10px}.film-dock{font-size:10px}.film-replay{font-size:10px}.film-lab .spatial-footnote{font-size:5px}.spatial-pause{font-size:10px}
 .section h2{font-size:40px}.lens-list{grid-template-columns:1fr;padding-inline:14px}.lens-list button{font-size:13px;min-height:50px}.chapter h3{font-size:24px}
 .priorities ol{gap:20px 12px}.priorities h3{font-size:14px}.priorities li>span{font-size:7px}
}
@media(pointer:coarse){input:not([type=checkbox]),textarea{font-size:16px}.film-tile:hover svg{transform:none}}
@media(max-width:1000px) and (max-height:500px){
 .floating-nav{height:60px;top:calc(10px + env(safe-area-inset-top,0px));left:max(18px,env(safe-area-inset-left,0px));right:max(18px,env(safe-area-inset-right,0px));padding:0 22px}
 .floating-nav.nav-compact{height:60px;top:calc(10px + env(safe-area-inset-top,0px))}.floating-nav nav{display:none}.floating-nav .brand{grid-column:2}.floating-nav .brand img{height:38px}
 .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;position:absolute;right:12px;background:none;border:0}
 .menu-toggle span{display:block;width:19px;height:1px;background:#e8d7ff;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 #mobile-menu{position:fixed;z-index:29;top:calc(80px + env(safe-area-inset-top,0px));left:max(18px,env(safe-area-inset-left,0px));right:max(18px,env(safe-area-inset-right,0px));max-height:calc(100dvh - 100px - env(safe-area-inset-top,0px));overflow-y:auto;background:#100d17fa;border:1px solid #c6a0f344;border-radius:18px;padding:14px 20px;backdrop-filter:blur(15px)}
 #mobile-menu a{display:flex;align-items:center;min-height:48px;border-bottom:1px solid #c4a0e633;font-size:13px}body.menu-open{overflow:hidden}.hero{padding-top:110px}.hero h1{font-size:66px}.reading-progress{display:none}
}
@media(max-width:700px){.journey{overflow-x:clip}}
@media(max-width:1000px){input:not([type=checkbox]),textarea{font-size:16px}}