.guest-brand {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(42px, 6vw, 88px);
    background:
        radial-gradient(circle at 18% 14%, rgba(124, 211, 167, .16), transparent 28%),
        radial-gradient(circle at 88% 84%, rgba(57, 166, 122, .2), transparent 32%),
        linear-gradient(145deg, #062f25 0%, #0a4937 52%, #0f6b4d 100%);
}

.guest-brand::before,
.guest-brand::after {
    content: "";
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(210, 246, 227, .11);
    border-radius: 50%;
}

.guest-brand::before {
    width: 420px;
    height: 420px;
    top: -225px;
    right: -105px;
    box-shadow: 0 0 0 56px rgba(210, 246, 227, .025);
}

.guest-brand::after {
    width: 310px;
    height: 310px;
    bottom: -205px;
    left: -95px;
    box-shadow: 0 0 0 48px rgba(210, 246, 227, .025);
}

.brand-copy {
    display: flex;
    width: min(590px, 100%);
    min-height: calc(100vh - clamp(84px, 12vw, 176px));
    flex-direction: column;
    justify-content: space-between;
}

.brand-identity {
    display: flex;
    align-items: center;
    gap: 13px;
}

.brand-identity .mark {
    width: 44px;
    height: 44px;
    border-radius: 13px;
    box-shadow: 0 9px 24px rgba(0, 0, 0, .16);
}

.brand-identity strong,
.brand-identity small {
    display: block;
}

.brand-identity strong {
    font-size: 16px;
    letter-spacing: -.01em;
}

.brand-identity small {
    margin-top: 1px;
    color: #a9cbbd;
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.quote-card {
    position: relative;
    padding: clamp(32px, 4.5vw, 52px);
    border: 1px solid rgba(222, 250, 235, .16);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .095), rgba(255, 255, 255, .035));
    box-shadow: 0 28px 70px rgba(0, 28, 20, .22), inset 0 1px 0 rgba(255, 255, 255, .08);
    backdrop-filter: blur(5px);
}

.quote-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.quote-kicker {
    padding: 6px 11px;
    border: 1px solid rgba(200, 244, 221, .18);
    border-radius: 999px;
    background: rgba(188, 231, 204, .09);
    color: #c6ead7;
    font-family: "Geeza Pro", "Noto Naskh Arabic", "Traditional Arabic", serif;
    font-size: 13px;
}

.quote-symbol {
    height: 38px;
    color: rgba(190, 235, 211, .32);
    font: 64px/1 Georgia, serif;
}

.brand-copy .arabic-quote {
    margin: 22px 0 26px;
    color: #fff;
    text-align: center;
    font-family: "Geeza Pro", "Noto Naskh Arabic", "Traditional Arabic", serif;
    font-size: clamp(38px, 4.4vw, 61px);
    font-weight: 600;
    line-height: 1.65;
    letter-spacing: 0;
    text-shadow: 0 4px 20px rgba(0, 28, 20, .2);
}

.quote-rule {
    display: block;
    width: 48px;
    height: 2px;
    margin: 0 auto 13px;
    border-radius: 2px;
    background: #8ed5b2;
}

.quote-source {
    margin: 0;
    color: #b8d9ca;
    text-align: center;
    font-family: "Geeza Pro", "Noto Naskh Arabic", "Traditional Arabic", serif;
    font-size: 14px;
}

.brand-footer {
    margin: 0;
    color: #9fc5b5;
    font-size: 11px;
    letter-spacing: .045em;
}

.brand-footer span {
    margin: 0 6px;
    color: #70aa91;
}

@media (max-height: 760px) and (min-width: 781px) {
    .guest-brand {
        padding-top: 34px;
        padding-bottom: 34px;
    }

    .brand-copy {
        min-height: calc(100vh - 68px);
    }

    .quote-card {
        padding: 28px 36px;
    }

    .brand-copy .arabic-quote {
        margin: 13px 0 17px;
        font-size: clamp(34px, 4vw, 52px);
    }
}