img{
    height: auto;
}

/* --------------------------------------------------------------------------
   Hand-written overrides on top of the Webflow export (this file loads last).
   Breakpoints follow the export's own set: 991 / 767 / 479.
   -------------------------------------------------------------------------- */

/* Footer partner link — 香港青年愛樂樂團 (hkysocharity.com). Sits on its own row above the
   copyright line, left-aligned with the © text. */
.footer-partner-b {
    padding-bottom: 16px;
}

.footer-partner-link {
    display: inline-block;
    opacity: 1;
    transition: opacity .2s;
}

.footer-partner-link:hover {
    opacity: .75;
}

/* No max-width here: the parent link is shrink-to-fit, so a percentage max-width would
   resolve against this element's own width and shrink it. Size is set per-breakpoint. */
.footer-partner-logo {
    display: block;
    width: 180px;
}

/* 招收團員 cards: on phones the poster should fill the card width (the layout already
   stacks image-over-text at this breakpoint), instead of the design's 50%. */
@media screen and (max-width: 479px) {
    .home-team-img-col {
        width: 100%;
    }

    /* The footer bar turns solid purple here. The logo PNG is transparent (so it blends on
       the light desktop footer), but its grey lettering is illegible on purple — hence the
       white rounded backdrop, mobile only. Centered to match the stacked copyright / YSD lines. */
    .footer-partner-b {
        text-align: center;
        padding-top: 6px;
        padding-bottom: 12px;
    }

    .footer-partner-link {
        background-color: var(--white);
        border-radius: 6px;
        padding: 8px 12px;
    }

    .footer-partner-logo {
        width: 160px;
    }
}