/* Shared phone-only presentation for the Home hero service scenes. */
.hero-art,.hero-art-canvas{display:contents}.mobile-inspection{display:none}
@media(max-width:767px){
  .stage,.care-stage{margin:0;padding:0;min-height:0;height:auto}
  .hero-art,.care-art{display:block;position:relative;width:100%;aspect-ratio:1000/620;border:0;border-radius:0;background:transparent;overflow:hidden}
  .hero-art-canvas,.care-art-canvas{display:block;position:absolute;top:0;left:0;width:1000px;height:620px;transform:scale(var(--art-scale,.34));transform-origin:top left}
  .mobile-inspection{display:flex;justify-content:space-between;gap:12px;margin-top:8px}
  .mobile-inspection button{border:0;background:transparent;color:#007074;font-size:11px;min-height:44px;padding:10px 0;text-align:left}
  .mobile-inspection button:last-child{text-align:right}
  .scene-note,.care-note{position:static;left:auto;bottom:auto;margin:12px 0 0;padding:0;max-width:none;font-size:11px;line-height:1.4;gap:8px}
  .scene-note .link-dot,.care-note .link-dot{width:25px;height:25px;flex:none}
  .scene-caption,.care-stage+.scene-caption{padding-top:20px}
  .hero-art .inspect{display:none}
  /* Website keeps its desktop/phone relationship inside the same art frame. */
  .hero-art .backplate{left:55px;right:55px;top:55px;height:450px;border-radius:24px}
  .hero-art .desktop-device{left:80px;top:75px;width:790px;border-radius:14px}
  .hero-art .browser-bar{height:33px;padding:0 16px;gap:15px}
  .hero-art .window-dots{gap:5px}.hero-art .window-dots i{width:6px;height:6px}
  .hero-art .address{font-size:10px;padding:1px 25px}.hero-art .browser-corner{display:block}
  .hero-art .desktop-preview{top:33px}
  .hero-art .phone-device{width:210px;right:35px;top:170px;border-radius:30px;padding-bottom:0}
  .hero-art .phone-edge{height:382px;padding:7px;border-radius:30px;position:relative}
  .hero-art .phone-top{height:26px;padding:5px 13px;font-size:9px;border-radius:24px 24px 0 0}
  .hero-art .phone-top i{width:50px;height:11px}
  .hero-art .phone-preview{width:222px;height:375px;transform:scale(.8739);transform-origin:top left;position:absolute}
  .hero-art .phone-bottom{position:absolute;left:7px;right:7px;bottom:7px;height:14px;border-radius:0 0 20px 20px}
  .hero-art .phone-bottom:after{height:3px;bottom:4px}
}