/* Explain: Layout utilities for section structure and responsiveness. - */
.section-shell {
    width: min(1200px, 100%);
    margin-inline: auto;
    padding-inline: 1.25rem;
}

.hero-overlay {
    background:
        radial-gradient(circle at 80% 20%, rgba(212, 175, 55, 0.16), transparent 32%),
        linear-gradient(90deg, rgba(7, 22, 42, 0.96) 0%, rgba(11, 31, 58, 0.9) 45%, rgba(11, 31, 58, 0.64) 100%);
}

.grid-auto-fit {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
}

.legal-section {
    padding-block: clamp(4rem, 7vw, 6.5rem);
}

.image-frame {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-organic);
    border: 1px solid var(--border-color);
    box-shadow: 0 22px 55px rgba(11, 31, 58, 0.12);
}