/* The three selected motion treatments live within the existing review layout. */
.owned-position-preview #about:has(.mg-growth){padding:0;background:#04121d}
.owned-position-preview #about .mg-kicker>.home-review-section-marker{margin:0;flex-shrink:0;gap:12px}
.owned-position-preview #about .mg-kicker .home-review-section-original{display:none}
.owned-position-preview #why:has(.mf-cinema){overflow:clip}
.owned-position-preview #why:has(.mf-cinema) .home-field-layout{display:block}
.owned-position-preview #why:has(.mf-cinema) .home-field-copy{max-width:100%;margin-bottom:54px}
.owned-position-preview #why:has(.mf-cinema) .home-field-copy .section-sub{max-width:860px}
.owned-position-preview #why:has(.mf-cinema) .mf-cinema{width:100vw;max-width:none;margin-inline:calc(50% - 50vw);clip-path:none}
/* Keep copy in its original column while the image meets the viewport edges.
   Container units exclude the scrollbar; overflow:clip also contains the fallback. */
@supports(width:100cqw){
  .owned-position-preview #why:has(.mf-cinema){--mf-content-gutter:4.8rem;container-type:inline-size;padding-inline:0}
  .owned-position-preview #why:has(.mf-cinema)>.container{width:calc(100% - var(--mf-content-gutter) * 2)}
  .owned-position-preview #why:has(.mf-cinema) .mf-cinema{width:100cqw;margin-inline:calc(50% - 50cqw)}
}
@media(max-width:768px){.owned-position-preview #why:has(.mf-cinema){--mf-content-gutter:2rem}}
.owned-position-preview #services:has(.ms-showcase){overflow:visible}
.owned-position-preview #services:has(.ms-showcase)>.container{overflow:visible;transform:none}
.owned-position-preview #services .ms-showcase{margin-top:0}
/* The photographs stay edge-to-edge even while the next service overlaps.
   Keep the reading column and navigation inset, without clipping sticky cards. */
@supports(width:100cqw){
  .owned-position-preview #services:has(.ms-showcase){--ms-edge-gutter:4.8rem;container-type:inline-size;padding-inline:0}
  .owned-position-preview #services:has(.ms-showcase)>.container{width:calc(100% - var(--ms-edge-gutter) * 2);container-type:normal}
  .owned-position-preview #services :is(.ms-stack,.ms-dock){width:100cqw;max-width:none;margin-inline:calc(50% - 50cqw)}
  .owned-position-preview #services .ms-dock{padding-inline:var(--ms-edge-gutter)}
}
.owned-position-preview #services .ms-card{border-inline:0}
.owned-position-preview #services .ms-showcase[data-ms-enhanced]:not(.ms-is-static) .ms-card{transform:none;will-change:filter;filter:brightness(calc(1 - var(--ms-progress,0)*.16))}
.owned-position-preview #services .ms-showcase.ms-is-static .ms-card{filter:none;will-change:auto}
@media(max-width:768px){.owned-position-preview #services:has(.ms-showcase){--ms-edge-gutter:2rem}}
@media(prefers-reduced-motion:reduce){.owned-position-preview #services .ms-showcase .ms-card{filter:none!important;will-change:auto!important}}
/* Carry the photographic comparison and brand connection to both page edges. */
.owned-position-preview #shift:has(.sc-cinema){overflow:clip}
.owned-position-preview #shift .sc-cinema{width:100vw;max-width:none;margin-inline:calc(50% - 50vw)}
@supports(width:100cqw){
  .owned-position-preview #shift:has(.sc-cinema){--sc-content-gutter:4.8rem;container-type:inline-size;padding-inline:0}
  .owned-position-preview #shift:has(.sc-cinema)>.container{width:calc(100% - var(--sc-content-gutter) * 2);container-type:normal}
  .owned-position-preview #shift .sc-cinema{width:100cqw;margin-inline:calc(50% - 50cqw)}
}
@media(max-width:768px){.owned-position-preview #shift:has(.sc-cinema){--sc-content-gutter:2rem}}
@media(max-width:760px){
  .owned-position-preview #why:has(.mf-cinema) .home-field-copy{margin-bottom:32px}
  .owned-position-preview #services .ms-showcase{margin-top:0}
}