/* =========================================================
   QGA HOME COVER V8
   The logo centre sits EXACTLY on the lower edge of the cover.
   This fixes the previous geometry where the logo was positioned
   relative to the extra white canvas below the image.
   ========================================================= */

.qga-home-cover {
    --qga-cover-max: 1380px;
    --qga-cover-height: clamp(315px, 31.5vw, 410px);
    --qga-logo-size: clamp(150px, 13vw, 186px);
    --qga-logo-frame: 2px;
    width: 100%;
    padding: 18px 22px 34px;
    background: transparent;
    overflow: hidden;
}

.qga-home-cover__canvas {
    position: relative;
    width: min(100%, var(--qga-cover-max));
    min-height: calc(var(--qga-cover-height) + (var(--qga-logo-size) / 2) + 10px);
    margin-inline: auto;
}

.qga-home-cover__photo-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--qga-cover-height);
    overflow: hidden;
    border-radius: 30px;
    background: #eef5f4;
}

.qga-home-cover__scene {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: 50% 50%;
}

.qga-home-cover__logo {
    position: absolute;
    z-index: 5;

    /* This is the important fix: anchor to the PHOTO bottom edge. */
    top: var(--qga-cover-height);
    left: 50%;
    width: var(--qga-logo-size);
    height: var(--qga-logo-size);
    transform: translate(-50%, -50%);

    display: block;
    box-sizing: border-box;
    padding: 0;
    border: var(--qga-logo-frame) solid #ffffff;
    border-radius: 50%;
    background: #ffffff;
    object-fit: cover;
    box-shadow: 0 5px 14px rgba(5, 64, 60, 0.07);
}

@media (max-width: 1100px) {
    .qga-home-cover {
        --qga-cover-height: clamp(270px, 35vw, 345px);
        --qga-logo-size: clamp(138px, 16vw, 168px);
        padding-inline: 18px;
    }

    .qga-home-cover__photo-wrap {
        border-radius: 26px;
    }
}

@media (max-width: 760px) {
    .qga-home-cover {
        --qga-cover-height: clamp(205px, 48vw, 270px);
        --qga-logo-size: clamp(112px, 24vw, 142px);
        --qga-logo-frame: 2px;
        padding: 14px 12px 28px;
    }

    .qga-home-cover__photo-wrap {
        border-radius: 21px;
    }

    .qga-home-cover__scene {
        object-position: 53% 50%;
    }
}

@media (max-width: 480px) {
    .qga-home-cover {
        --qga-cover-height: 176px;
        --qga-logo-size: 102px;
        padding: 10px 8px 22px;
    }

    .qga-home-cover__photo-wrap {
        border-radius: 17px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .qga-home-cover *,
    .qga-home-cover *::before,
    .qga-home-cover *::after {
        animation: none !important;
        transition: none !important;
    }
}

/* QGA V9 - remove white frame around the centered cover logo */
.qga-home-cover__logo {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}