/* Explain: Structural layout helpers for immersive coastal page sections */
.section-shell {
    width: min(100% - 2rem, 1180px);
    margin-inline: auto;
}

.full-bleed-section {
    position: relative;
    min-height: 100vh;
    min-height: 100dvh;
}

.lifestyle-ribbon {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 768px) {
    .lifestyle-ribbon {
        grid-template-columns: 1.1fr 0.9fr;
    }
}

.estate-stack {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
}

@media (min-width: 1024px) {
    .estate-stack-card:nth-child(even) .estate-stack-inner {
        direction: rtl;
    }

    .estate-stack-card:nth-child(even) .estate-stack-copy {
        direction: ltr;
    }
}