/* Phone-only framing. Keep the selected photographs and desktop art direction. */
@media(max-width:767px){
  /* The original 3:2 scenes need breathing room for the complete car or task. */
  .service-hero .hero-media{aspect-ratio:4/3}
  /* This wide Ferrari studio photograph cannot tolerate the same portrait crop. */
  .service-hero .hero-media:has(.hero-photo[src*="parts-restoration-00-"]){aspect-ratio:16/9}
  .agency-page .recruit-hero__media{aspect-ratio:4/3}

  /* Blend only the studio wall/floor into the existing matched-color extension.
     The original car pixels stay sharp; no generated detail or duplicate backdrop. */
  /* Color stops sampled from the unchanged photograph’s top wall edge. */
  html #sobati-welcome[open]{background:linear-gradient(90deg,#fc1a2e 0%,#ae0018 5%,#6a010d 10%,#58010a 20%,#59010a 35%,#5a000a 50%,#5c000b 65%,#5e010c 80%,#75010c 90%,#af0115 95%,#fe002e 100%) top/100% 50% no-repeat,#000}
  #sobati-welcome .sobati-welcome__image{
    inset:50% auto auto 0;width:100%;height:auto;max-height:100%;
    transform:translateY(-50%);object-fit:contain;
    -webkit-mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);
    mask-image:linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);
  }
}