/* Stage one: scene integration + actual product captures. Mobile is unchanged.
   No scroll pinning, autoplay, or imitation parallax on desktop in this version. */
.desktop-phone,.service-captures{display:none}
@media(min-width:801px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);overflow:visible}
  .cinematic{overflow:visible}
  .hero-film{mix-blend-mode:normal;mask-image:none;mask-composite:add;transform:none;
    width:min(calc(100% + 100px),calc((100svh - 155px)*.8));min-width:440px;
    max-width:720px;margin:-20px -50px -16px;overflow:visible}
  .desktop-phone{display:block;width:100%}
  .desktop-phone img{display:block;width:100%;height:auto;filter:drop-shadow(18px 22px 18px rgba(56,64,77,.19))}
  .hero-film video{display:none}
  .film-caption button{display:none}
  .film-caption{margin-top:0}
  .mobile-showcase{display:none}
  .product-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;padding-top:86px;padding-bottom:86px}
  .product-copy{align-self:center}
  .service-captures{display:block;justify-self:center;width:min(100%,390px);margin:0;position:relative}
  .service-capture{margin:0}
  .service-capture[hidden]{display:none}
  .service-capture img{display:block;width:100%;height:auto;border-radius:0}
  .service-captures figcaption{font:11px/1.6 DM,system-ui,sans-serif;text-align:center;color:#535965;margin-top:12px}
}
@media(min-width:801px) and (max-width:1100px){
  .hero-film{min-width:360px;margin-left:-30px;margin-right:-30px;width:calc(100% + 60px)}
  .product-section{gap:40px}
}