/* Phone composition: heading, unobstructed image, brief explanation. */
.phone-scene-note,.phone-reference-select,.phone-web-title,.phone-web-start-heading{display:none}
@media(max-width:700px),(max-aspect-ratio:6/5){
 .immersive-story .scene.mobile-focus{background:#16251f!important}
 .immersive-story .scene.mobile-focus:before,.immersive-story .scene.mobile-focus.web-scene .web-page:before{background:linear-gradient(to bottom,#16251f 0px,#16251f var(--focus-art-top),#16251f00 calc(var(--focus-art-top) + 34px),#16251f00 calc(var(--focus-note-top) - 38px),#16251f var(--focus-note-top),#16251f 100%)!important}
 .immersive-story .scene.mobile-focus .scene-copy,.immersive-story .scene.mobile-focus .hero-heading,.immersive-story .scene.mobile-focus.business-scene .scene-copy{top:84px!important;left:6%!important;right:6%!important;width:88%!important;max-width:none!important;padding:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
 .immersive-story .scene.mobile-focus .scene-copy h2,.immersive-story .scene.mobile-focus .hero-heading h1{font-size:clamp(23px,6.2vw,29px)!important;line-height:1.08!important;margin:6px 0 0!important;letter-spacing:-.035em!important;text-shadow:none!important}
 .immersive-story .scene.mobile-focus .scene-copy .eyebrow,.immersive-story .scene.mobile-focus .hero-heading .eyebrow{font-size:9px!important;line-height:1.25!important;letter-spacing:.09em!important;color:#a5ceb9!important}
 .immersive-story .scene.mobile-focus .scene-copy>p,.immersive-story .scene.mobile-focus .hero-heading>p,.immersive-story .scene.mobile-focus .scene-copy>.scene-cta{display:none!important}
 .immersive-story .scene.mobile-focus .scene-copy:before{display:none!important}
 .immersive-story .scene.mobile-focus .phone-scene-note{display:block;position:absolute;left:6%;right:6%;bottom:82px;z-index:16;color:#eff6f1;background:none}
 .phone-scene-note p{font-size:13px!important;line-height:1.4!important;margin:0!important;max-width:36ch}
 .phone-scene-note .scene-cta{display:inline-flex!important;align-items:center;min-height:34px!important;margin-top:8px!important;padding:7px 12px!important;background:#175a49!important;color:white!important;font-size:12px!important;border-radius:9px!important}
 .phone-web-before{opacity:var(--web-before-copy,1);pointer-events:none}
 .phone-web-after{opacity:var(--web-after-copy,0);pointer-events:none}
 .phone-web-after .scene-cta{pointer-events:auto}
 .immersive-story .scene.mobile-focus .hero-art img[data-wide],.immersive-story .scene.mobile-focus .picture-stage img[data-wide],.immersive-story .scene.mobile-focus .sign-stage img[data-wide],.immersive-story .scene.mobile-focus .space-field img[data-wide]{object-fit:contain!important;object-position:center!important;mask-image:none!important}
 .immersive-story .scene.mobile-focus .hero-art,.immersive-story .scene.mobile-focus .picture-stage,.immersive-story .scene.mobile-focus .sign-stage,.immersive-story .scene.mobile-focus .space-field,.mobile-products-board,.mobile-laser-frame{background:#16251f!important}
 .immersive-story .scene.mobile-focus .detail-tab,.immersive-story .scene.mobile-focus.laser-scene .detail-tab{top:calc(var(--focus-art-top) + 10px)!important;right:10px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:50%!important;clip-path:none!important;display:grid!important;place-items:center!important}
 .immersive-story .scene.mobile-focus .detail-tab .detail-label{display:none!important}
 .immersive-story .mobile-focus .phase-controls,.immersive-story .mobile-focus .web-controls{top:calc(var(--focus-note-top) - 34px)!important;bottom:auto!important;left:6%!important;z-index:18!important}
 .immersive-story .mobile-focus .hero-art:after{display:none!important}
 .immersive-story .mobile-focus .scene-environment{opacity:.55!important}
 .immersive-story .scene.mobile-focus.web-scene .web-modern .scene-copy{padding:0!important;min-height:0!important;top:84px!important;left:6%!important;width:88%!important}
 .immersive-story .scene.mobile-focus.web-scene .web-modern .scene-copy .web-solution-kicker{margin:0!important;padding:0!important;white-space:normal!important;font-size:clamp(17px,5vw,22px)!important;transform:none!important}
 .immersive-story .scene.mobile-focus.web-scene .web-modern .scene-copy h2:not(.phone-web-title){display:none!important}
 .immersive-story .scene.mobile-focus.web-scene .web-modern .scene-copy .phone-web-title{display:block!important}
 .immersive-story .scene.mobile-focus.web-scene .web-modern .scene-copy h2{font-size:22px!important;max-width:26ch!important}
 .immersive-story .scene.mobile-focus.web-scene .web-start .scene-copy{display:none!important}
 .phone-web-start-heading{display:block;position:absolute;top:84px;left:6%;width:88%;z-index:20;opacity:var(--web-before-copy,1);color:#f7f8f4;pointer-events:none}
 .phone-web-start-heading h2{font-size:clamp(23px,6.2vw,29px)!important;line-height:1.08!important;margin:6px 0 0!important;letter-spacing:-.035em!important;color:#f7f8f4!important}
 .phone-web-start-heading .eyebrow{font-size:9px!important;color:#a5ceb9!important}
 .immersive-story .mobile-focus.web-scene .web-photo-plane{mask-image:none!important}
 .immersive-story .mobile-focus.web-scene .web-page{background-size:cover!important;background-position:center!important}
 .mobile-focus.vehicle-scene .picture-stage:before,.mobile-focus.vehicle-scene .picture-stage:after{opacity:.2!important}
 #referenzen .narrative-inner>.reference-section{height:100svh!important;padding:82px 0 80px!important;gap:8px!important;justify-content:flex-start!important}
 .reference-heading{order:0;padding:0 16px!important;flex:none!important}
 .reference-heading .eyebrow{font-size:10px!important}
 .reference-heading h2,.reference-heading>p{display:none!important}
 .reference-categories{display:none!important}
 .reference-viewport{order:1;height:auto!important;min-height:0;flex:1 1 0!important;mask-image:none!important;width:100%!important}
 .reference-frame{background:transparent!important}
 .reference-bookend{display:none!important}
 .reference-bottom{order:2;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:3px 8px!important;padding:0 16px!important;flex:none}
 .reference-caption strong{font-size:13px!important;line-height:1.3}
 .reference-caption span{display:none!important}
 .reference-controls{gap:0!important}.reference-controls button{padding:4px 8px!important;min-height:36px;min-width:32px}
 .reference-count{min-width:52px!important;font-size:9px!important}
 .reference-bottom{position:relative}.reference-actions{position:absolute;left:16px;top:-34px;z-index:3;gap:8px!important}.reference-actions .reference-expand{display:none!important}
 .reference-actions button{font-size:10px!important;padding:4px 8px!important;background:#102219aa!important;border:0!important;border-radius:6px}
 .phone-reference-select{display:block;order:3;flex:none;align-self:center;width:calc(100% - 32px);height:36px;border:1px solid #86b39a66;border-radius:8px;background:#1d3d30;color:#eef6ef;padding:0 12px;font:12px Arial,sans-serif}
 .reference-progress{display:none!important}
 .reference-status{bottom:70px!important}
}
@media(max-width:700px) and (max-height:740px){
 .immersive-story .scene.mobile-focus .scene-copy,.immersive-story .scene.mobile-focus .hero-heading,.immersive-story .scene.mobile-focus.business-scene .scene-copy{top:78px!important}
 .immersive-story .scene.mobile-focus .scene-copy h2,.immersive-story .scene.mobile-focus .hero-heading h1{font-size:22px!important}
 .phone-scene-note p{font-size:12px!important}
 .phone-scene-note .scene-cta{min-height:30px!important;margin-top:5px!important}
}