/* Explain: Styles for section padding, hero background, and element positioning. */
.section-pad {
    padding-top: clamp(4.5rem, 9vw, 8rem);
    padding-bottom: clamp(4.5rem, 9vw, 8rem);
}

/* Hero plein écran */
.hero-cover {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    overflow: hidden;
    padding: clamp(7rem, 12vw, 9rem) 1.25rem clamp(4rem, 8vw, 6rem);
    background: var(--night-color);
}

.hero-cover::after {
    position: absolute;
    inset: clamp(0.9rem, 3vw, 2.2rem);
    border: 1px solid rgba(248, 241, 234, 0.16);
    border-radius: clamp(1.2rem, 3vw, 2.6rem);
    content: "";
    pointer-events: none;
}

.hero-cover-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 46rem;
    text-align: center;
}