/* Preserve the desktop hero; approved photo-overlay layout is mobile only. */
.hero-service-art{display:none}
@media(max-width:760px){
  [data-home-media].photo-hero{min-height:0}
  .home-header+main [data-home-media] .photo-hero-inner{
    position:relative;z-index:2;min-height:830px;min-height:max(790px,100svh);padding-top:112px;padding-bottom:24px;align-items:stretch
  }
  [data-home-media] .photo-hero-copy{
    display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(150px,1fr) auto auto;
    width:100%;max-width:none;gap:0;min-width:0
  }
  [data-home-media] .hero-photo.hero-real{inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:39% center}
  /* Keep the actual video in ordinary positive stacking layers on iOS.
     No mask/filter/transform on its compositor surface, and no second video. */
  [data-home-media] .hero-video-panel{inset:0;z-index:0;height:100%;display:grid;place-items:center}
  [data-home-media] .hero-video-panel:before{content:'';position:absolute;inset:-4%;z-index:0;background:url('home-pulling-video/source-frame.jpg') center/cover no-repeat;filter:blur(20px) brightness(.7) saturate(.85);pointer-events:none}
  [data-home-media] .hero-video-panel .hero-backdrop-video{display:none}
  [data-home-media] .hero-video-panel .hero-foreground-video{
    position:relative;inset:auto;left:auto;z-index:1;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;aspect-ratio:auto;
    transform:none;filter:none;object-fit:contain;object-position:center;
    mask-image:none;-webkit-mask-image:none
  }
  [data-home-media] .hero-video-brand{left:calc(50% - 42px);bottom:215px;width:84px}
  [data-home-media].photo-hero:after{
    z-index:1;pointer-events:none;background:linear-gradient(180deg,#050d3bf5 0%,#050d3bdc 20%,#050d3bc9 43%,#050d3b17 60%,#050d3b50 74%,#050d3bf5 96%)
  }
  [data-home-media] h1{grid-row:1;font-size:clamp(34px,9vw,43px);line-height:1.15;margin:0 0 16px}
  [data-home-media] p.hero-support-line{grid-row:2;font-size:15px;line-height:1.7;color:#e4ebf5;margin:0 0 16px;max-width:300px}
  [data-home-media] .hero-service-line{
    grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 18px;
    margin:0;font-size:14px;line-height:1.5;color:white
  }
  [data-home-media] .hero-service-line>span{display:block;min-width:0;border-bottom:1px solid #ffffff40}
  [data-home-media] .hero-service-line>span:after{content:none}
  [data-home-media] .hero-service-line a{display:flex;align-items:center;gap:10px;min-height:60px;padding-block:10px;white-space:normal}
  [data-home-media] .hero-service-art{display:inline-flex;flex:0 0 31px;color:#37c9ff}
  [data-home-media] .hero-service-art svg{display:block;width:31px;height:31px;stroke-width:2}
  [data-home-media] .hero-actions{grid-row:6;display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:16px}
  [data-home-media] .hero-actions .button{width:100%;font-size:14px;min-height:50px;padding:13px 17px;background:transparent;color:white;border:1px solid #ffffffb3;transform:none}
  [data-home-media] .hero-actions .button:hover{background:#ffffff12}
  [data-home-media] .hero-actions .outline{border:0;padding:12px 1px 0;min-height:44px;font-weight:400}
  [data-home-media] .hero-gallery-controls{
    grid-row:5;position:static;transform:none;max-width:100%;width:100%;padding:0;border:0;
    background:transparent;display:flex;justify-content:space-between;gap:6px;align-items:center
  }
  [data-home-media] .hero-gallery-controls button{width:36px;height:44px;background:#050d3b80;flex-shrink:0}
  [data-home-media] .hero-gallery-status{font-size:11px;min-width:0;line-height:1.5;flex:1}
}
@media(max-width:360px){
  [data-home-media] .hero-service-line{gap:0 12px;font-size:13px}
  [data-home-media] .hero-service-line a{gap:8px}
  [data-home-media] .hero-service-art{flex-basis:27px}
  [data-home-media] .hero-service-art svg{width:27px;height:27px}
}