.intro {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-top: 1px solid rgba(174, 132, 38, .22);
    border-bottom: 1px solid rgba(174, 132, 38, .18);
    background:
        radial-gradient(circle at 8% 18%, rgba(201, 166, 75, .2), transparent 28%),
        radial-gradient(circle at 94% 82%, rgba(23, 43, 53, .1), transparent 25%),
        linear-gradient(135deg, #f4ead4 0%, #fbf7ee 52%, #eee3cb 100%);
}

.intro::before,
.intro::after {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(151, 111, 25, .2);
    border-radius: 50%;
    content: '';
}

.intro::before {
    top: -190px;
    right: -110px;
    width: 430px;
    height: 430px;
}

.intro::after {
    bottom: -125px;
    left: -65px;
    width: 245px;
    height: 245px;
}

.intro .intro-grid {
    position: relative;
    gap: 72px;
    padding: 54px 58px;
    border: 1px solid rgba(151, 111, 25, .2);
    border-radius: 26px;
    background: rgba(255, 253, 247, .86);
    box-shadow: 0 30px 80px rgba(71, 53, 20, .1);
    backdrop-filter: blur(12px);
}

.intro .intro-grid::before {
    position: absolute;
    top: 0;
    left: 58px;
    width: 88px;
    height: 4px;
    border-radius: 0 0 4px 4px;
    background: #c9a64b;
    content: '';
}

.intro .eyebrow {
    color: #8a681a;
}

.intro-copy {
    align-self: center;
    padding: 25px;
    border-left: 3px solid #c9a64b;
    border-radius: 0 16px 16px 0;
    background: rgba(255, 255, 255, .68);
}

.intro-copy > p {
    margin-top: 0;
}

.intro-numbers > div {
    padding: 12px;
    border-radius: 12px;
    background: rgba(244, 234, 212, .68);
}

@media (max-width: 800px) {
    .intro .intro-grid {
        gap: 30px;
        padding: 40px 34px;
    }

    .intro-copy {
        padding: 22px;
    }
}

@media (max-width: 560px) {
    .intro .intro-grid {
        padding: 34px 22px;
        border-radius: 20px;
    }

    .intro .intro-grid::before {
        left: 22px;
    }

    .intro-copy {
        padding: 18px;
    }

    .intro-numbers {
        grid-template-columns: 1fr;
    }
}