body.has-stay-connected {
    height: auto;
    min-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.stay-connected {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: start;
    gap: clamp(32px, 5vw, 76px);
    width: min(1400px, calc(100% - 120px));
    margin: 64px auto 0;
    padding: 42px 0 48px;
    border-top: 1px solid #d4c7b5;
    color: #24211e;
    font-family: 'Plus Jakarta Sans', Arial, sans-serif;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: normal;
}

.stay-connected p { margin: 0; }
.stay-connected .stay-connected-label {
    margin: 0 0 10px;
    color: #81786c;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.22em;
    line-height: 1.5;
    text-transform: uppercase;
}

.stay-connected-intro .stay-connected-label { color: #49453f; margin-bottom: 12px; }
.stay-connected h2 {
    margin: 0;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(26px, 2.5vw, 36px);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

.stay-connected-details { display: grid; gap: 22px; }
.stay-connected a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    color: inherit;
    text-decoration: none;
}
.stay-connected a:hover { color: #34513d; }
.stay-connected a:focus-visible { outline: 2px solid #8b6f47; outline-offset: 5px; }
.stay-connected-socials { display: grid; gap: 5px; }
.stay-connected-socials svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    fill: currentColor;
}

@media (max-width: 1000px) {
    .stay-connected { width: calc(100% - 64px); gap: 32px; }
}
@media (max-width: 760px) {
    .stay-connected { width: calc(100% - 32px); grid-template-columns: 1fr 1fr; margin-top: 42px; padding: 30px 0 36px; gap: 26px; }
    .stay-connected-intro { grid-column: 1 / -1; }
}
@media (max-width: 400px) {
    .stay-connected { grid-template-columns: 1fr; }
    .stay-connected-intro { grid-column: auto; }
}