.mobile-charl{display:none}
@media(max-width:760px){
 html{scroll-padding-top:90px}
 body #journey{height:var(--mobile-journey-height,100svh)!important;min-height:0!important;padding-top:0}
 body #journey .stage{position:sticky!important;top:0!important;height:100svh!important;min-height:0;overflow:clip!important;isolation:isolate}
 body .stage .panel,body .stage .panel.right,body .stage .panel.wide{
  position:absolute!important;left:20px!important;right:20px!important;bottom:auto!important;transform-origin:center center;
  width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;min-height:0;
  margin:0;padding:0 0 12px!important;overflow:visible!important;will-change:transform,opacity;
  box-sizing:border-box;
 }
 body .stage .panel h1,body .stage .panel h2{font-size:clamp(32px,9vw,46px)!important;line-height:1.08;margin-bottom:22px}
 body .stage .bodycopy{font-size:14px;line-height:1.8;max-width:none;margin-bottom:24px}
 body .stage .eyebrow{font-size:9px;line-height:1.6;margin-bottom:22px}
 body .stage .services{display:block;max-width:none}
 body .stage .services>span{font-size:13px;padding:12px 0}
 body .stage .text-link,body .stage .hosting-actions .text-link{font-size:13px}
 body .stage .contact-details{font-size:14px;gap:15px}
 body .stage .hosting-features{grid-template-columns:1fr;gap:0}
 body .stage .hosting-features h3,body .stage .next-steps h3{font-size:15px}
 body .stage .hosting-features p,body .stage .next-steps p,body .stage .directory-rows p{font-size:13px;line-height:1.75}
 body .stage .hosting-note,body .stage .hosting-related{font-size:12px;line-height:1.75}
 body .stage .directory-rows span{font-size:16px}
 body .stage .projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
 body .stage .projects img{height:135px}
 body .stage .projects a>span{font-size:10px;padding:12px 0}
 body #viewer{position:fixed!important;inset:auto!important;left:auto!important;right:0!important;bottom:env(safe-area-inset-bottom,0px)!important;width:228px!important;height:260px!important;z-index:4;pointer-events:none;background:none!important;contain:layout paint;transform:none!important}
 body .stage .floor,body .stage .ambient,body .stage .wordmark,body .stage .chapter-controls,body .stage .progress,body .stage .mascot-note,body .stage .loading,body .stage>.charl-portrait{display:none!important}
 body .stage .mobile-charl{display:block;width:min(240px,75%);height:auto;margin:26px auto 0}
 body .stage .ti-widget{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
 body .stage .ti-widget-container,body .stage .ti-reviews-container{max-width:100%!important;min-width:0!important}
 body .rhino-whatsapp{bottom:calc(12px + env(safe-area-inset-bottom));left:12px;right:auto;min-height:48px;padding:7px 10px;gap:6px}
 body .rhino-whatsapp .wa-mark{width:30px;flex-basis:30px;height:30px}
 body .rhino-whatsapp .wa-rhino{width:28px;height:28px}
 body .rhino-whatsapp .wa-title{font-size:12px}
 body .rhino-whatsapp .wa-channel{font-size:6px}
 body .rhino-whatsapp .wa-kicker{display:none}
 body .portfolio-gallery,body .portfolio-end{padding-inline:20px}
 body .stage .replay{position:static;font-size:12px}
}

/* Mobile cinematic treatment: transform-only reveals and lightweight lighting. */
.mobile-atmosphere{display:none}
@media(max-width:760px){
 body .stage .mobile-atmosphere{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;--light-x:0%;--light-y:0%;--light-power:.5}
 .mobile-glow{position:absolute;inset:-35%;opacity:var(--light-power);transform:translate3d(var(--light-x),var(--light-y),0);will-change:transform}
 .mobile-glow-a{background:radial-gradient(ellipse at 65% 42%,#06c16738,transparent 50%)}
 .mobile-glow-b{background:radial-gradient(ellipse at 32% 65%,#5c9eb624,transparent 48%);transform:translate3d(calc(var(--light-x)*-.65),calc(var(--light-y)*-.7),0)}
 .mobile-grid-light{position:absolute;inset:40% -5% 0;background-image:linear-gradient(#8fe6c509 1px,transparent 1px),linear-gradient(90deg,#8fe6c509 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(transparent,#000 65%);opacity:.7}
 .mobile-light-streak{position:absolute;inset:0;transform:translateY(var(--streak-y));opacity:var(--streak-opacity);background:linear-gradient(165deg,transparent 45%,#06c16715 49.9%,#9effcf55 50%,#06c16715 50.1%,transparent 55%)}
 body .stage .panel>h1,body .stage .panel>h2{transform-origin:left center}
 body .stage .panel h1 em,body .stage .panel h2 em{text-shadow:0 0 24px #06c1671c}
 body .stage .eyebrow>span:before{box-shadow:0 0 12px #06c16755}
}
@media(prefers-reduced-motion:reduce){.mobile-light-streak{display:none}.mobile-glow{will-change:auto}}