.awh-quote {
    --awh-yellow: #D7C603;
    --awh-text: #242424;
    box-sizing: border-box;
    width: 100%;
}

.awh-quote[hidden] {
    display: none !important;
}

.awh-quote--banner {
    position: relative;
    overflow: hidden;
    min-height: 190px;
    background: var(--awh-yellow);
    color: var(--awh-text);
    padding: 34px clamp(190px, 15vw, 270px);
    display: flex;
    align-items: center;
}

.awh-quote--banner .awh-quote__flowers {
    position: absolute;
    bottom: -18px;
    z-index: 0;
    display: block;
    width: clamp(235px, 20vw, 340px);
    height: 160%;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    opacity: .88;
}

.awh-quote--banner .awh-quote__flowers--left {
    left: -44px;
    background-image: url("../images/botanical-v13.png");
    background-position: left bottom;
}

.awh-quote--banner .awh-quote__flowers--right {
    top: -18px;
    right: -44px;
    bottom: auto;
    background-image: url("../images/botanical-v15-right.png");
    background-position: right top;
}

.awh-quote--banner .awh-quote__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto minmax(0, 900px) auto;
    align-items: center;
    justify-content: center;
    gap: clamp(18px, 2vw, 32px);
}

.awh-quote--banner .awh-quote__mark {
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(58px, 5vw, 78px);
    line-height: .72;
    font-weight: 700;
    align-self: start;
    margin-top: 4px;
}

.awh-quote--banner .awh-quote__content {
    min-width: 0;
    width: 100%;
    max-width: 900px;
}

.awh-quote--banner .awh-quote__text {
    margin: 0;
    padding: 0;
    border: 0;
    color: inherit;
    font-family: Copse, Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 3.2vw, 50px);
    font-weight: 400;
    line-height: 1.08;
    font-style: italic;
}

.awh-quote--banner .awh-quote__woman {
    margin-top: 12px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.awh-quote--banner .awh-quote__woman::before {
    content: "— ";
}

.awh-quote--banner .awh-quote__button {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    white-space: nowrap;
    padding: 9px 13px;
    background-color: #FCFCFA;
    color: #424242;
    border: 0;
    border-radius: 0;
    text-decoration: none;
    font-family: Copse, Georgia, "Times New Roman", serif;
    font-size: 15px;
    line-height: 1.15;
    font-style: italic;
    font-weight: 400;
    transition: background-color .15s ease, color .15s ease;
}

.awh-quote--banner .awh-quote__button:hover,
.awh-quote--banner .awh-quote__button:focus {
    background: #424242;
    color: #fff;
}

@media (max-width: 1000px) {
    .awh-quote--banner {
        padding-inline: clamp(96px, 12vw, 120px);
    }

    .awh-quote--banner .awh-quote__inner {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .awh-quote--banner .awh-quote__button {
        grid-column: 2;
        justify-self: start;
        margin-top: 4px;
    }

    .awh-quote--banner .awh-quote__flowers {
        width: clamp(170px, 22vw, 210px);
        opacity: .76;
    }
}

@media (max-width: 650px) {
    .awh-quote--banner {
        min-height: 0;
        padding: 30px 24px;
    }

    .awh-quote--banner .awh-quote__flowers {
        width: 120px;
        height: 100px;
        opacity: .18;
        bottom: -12px;
    }

    .awh-quote--banner .awh-quote__flowers--left {
        left: -25px;
    }

    .awh-quote--banner .awh-quote__flowers--right {
        top: -12px;
        right: -25px;
        bottom: auto;
    }

    .awh-quote--banner .awh-quote__inner {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 12px;
    }

    .awh-quote--banner .awh-quote__button {
        grid-column: 1 / -1;
        justify-self: center;
        margin-top: 8px;
    }
}