/* Category artwork stays separate from individual trainer and venue photography. */
.sf-header .sf-navigation .sf-menu-photo-card,
.sf-header .sf-navigation .sf-menu-photo-feature {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: #0b3042;
    color: #fff;
    border-color: #28485e;
}
.sf-menu-photo-card > .sf-menu-photo,
.sf-menu-photo-feature > .sf-menu-photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 70% center;
    z-index: -2;
    transition: transform .35s ease;
    pointer-events: none;
}
.sf-menu-photo-card::before,
.sf-menu-photo-feature::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, #051b28e8, #051b28a6);
    pointer-events: none;
}
.sf-menu-photo-copy { min-width: 0; }
.sf-menu-photo-card .sf-mega-icon {
    background: #ffffff16;
    border: 1px solid #ffffff38;
    color: #fff;
}
.sf-menu-photo-card .sf-mega-link-arrow,
.sf-menu-photo-card small,
.sf-menu-photo-card p { color: #edf4ff; }
.sf-menu-photo-card:hover > .sf-menu-photo { transform: scale(1.04); }
.sf-header .sf-navigation .sf-menu-photo-card:hover { border-color: #86b8ff; }
.sf-menu-photo-card:focus-visible { outline-offset: 3px; }
.sf-mega-sports .sf-menu-photo-card { min-height: 88px; }
.sf-mega-choices .sf-menu-photo-card { padding: 16px; }
.sf-mega-choices .sf-menu-photo-card:first-child { grid-column: 1 / -1; }
.sf-mega-choices .sf-menu-photo-card strong { margin-top: 9px; }
.sf-mega-places .sf-menu-photo-card { min-height: 108px; }
.sf-header .sf-navigation .sf-menu-photo-feature { min-height: 380px; }
.sf-menu-photo-feature > .sf-menu-photo { object-position: center top; }
.sf-menu-photo-feature::before { background: linear-gradient(180deg, #051b2850 0%, #051b28aa 40%, #051b28f5 85%); }
.sf-menu-photo-feature .sf-feature-pill { background: #061d2dd9; color: #fff; }
.sf-menu-photo-feature h3 { margin-top: auto; padding-top: 80px; color: #fff; }
.sf-menu-photo-feature p,
.sf-menu-photo-feature > small { color: #edf4ff; }
.sf-header .sf-navigation .sf-menu-photo-feature > a { margin-top: 0; }
.sf-service-card-image { object-position: 72% center; }
.sf-service-hero { position: relative; overflow: hidden; isolation: isolate; }
.sf-service-hero > .sf-service-hero-image {
    position: absolute;
    inset: 0 0 0 auto;
    width: 65%;
    height: 100%;
    object-fit: cover;
    object-position: 75% center;
    z-index: -2;
    pointer-events: none;
}
.sf-service-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, #061d2d 22%, #061d2df0 48%, #061d2d66 100%);
    pointer-events: none;
}
@media (max-width: 1100px) {
    .sf-mega-sports .sf-menu-photo-card { min-height: 76px; }
    .sf-mega-places .sf-menu-photo-card { min-height: 84px; }
    .sf-mega-choices .sf-menu-photo-card { padding: 14px; }
    .sf-menu-photo-card .sf-mega-icon { width: 32px; height: 32px; }
}
@media (max-width: 639px) {
    .sf-service-hero > .sf-service-hero-image { width: 100%; }
    .sf-service-hero::before { background: #061d2dd9; }
    .sf-mega-sports .sf-menu-photo-card { gap: 7px; padding-inline: 9px; }
    .sf-mega-sports .sf-menu-photo-card strong { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
    .sf-menu-photo-card > .sf-menu-photo { transition: none; }
    .sf-menu-photo-card:hover > .sf-menu-photo { transform: none; }
}