/* Your Travel Group – imagery and visual layout */

.ytg-card-img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    background: var(--dark);
}

.ytg-portrait {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

/* Full-bleed heroes: fixed visual band; crop / scale to cover (see Premier Golf company page) */
.ytg-hero-img {
    display: block;
    width: 100%;
    height: min(420px, max(200px, 26.25vw));
    object-fit: cover;
    object-position: center;
    background: var(--dark);
}

/*
 * Portfolio company pages: first .container after the hero uses inline
 * `margin: 0 auto; padding: 0 2rem` — margin-top:0 beats a non-!important margin,
 * so use padding-top !important on this scoped block only.
 */
section[style*="padding: 0 0 3rem"][style*="background: var(--dark)"] > .ytg-hero-img + .container {
    padding-top: 2.5rem !important;
}

.ytg-logo-img {
    object-fit: contain;
    background: #1d212b;
    padding: 1.25rem;
}

.ytg-overview-logo-img {
    /* Maximize logo size within cards without cropping */
    object-fit: contain;
    object-position: center;
    padding: 0.25rem;
}

.ytg-strip {
    display: block;
    width: 100%;
    height: 320px;
    object-fit: cover;
    background: var(--dark);
}

@media (max-width: 768px) {
    .ytg-strip { height: 220px; }
    .ytg-hero-img {
        height: min(280px, max(180px, 52vw));
    }
    section[style*="padding: 0 0 3rem"][style*="background: var(--dark)"] > .ytg-hero-img + .container {
        padding-top: 1.75rem !important;
    }
}