/* Business opts into ABOUT's shared frame-expansion logic.
   The native frame remains the measurement anchor; only the visual frame expands. */
.business-page .business-main-photo-motion{position:relative;width:100%;aspect-ratio:1200/530}
@media(max-width:1000px){
 .business-page .business-main-photo-motion{aspect-ratio:330/400}
}
@media(min-width:1101px) and (prefers-reduced-motion:no-preference){
 .business-page .business-main-photo-motion{scroll-margin-top:16px}
 .business-page .business-main-photo-motion.is-frame-expanding{
  height:calc(var(--about-photo-width) * 530 / 1200 - var(--about-photo-block,0px));
  aspect-ratio:auto;
 }
 .business-page .business-main-photo-motion.is-frame-expanding>.business-main-photo{
  top:calc(-1 * var(--about-photo-block,0px));
  left:calc((100% - var(--about-photo-width)) / 2);
  width:var(--about-photo-width);
  height:auto;
  aspect-ratio:var(--about-photo-ratio,1200 / 530);
  border-radius:var(--about-photo-radius);
 }
}