/* =============================================================================
   ALVINAH PARTNERS — Site vitrine V2
   layout.css · containers, grilles, sections
   ============================================================================= */


/* ---------- Containers --------------------------------------------------- */
.container {
    width: 100%;
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 var(--viewport-padding);
}

.container--narrow {
    max-width: var(--container-narrow);
}

.container--wide {
    max-width: var(--container-wide);
}

@media (min-width: 1024px) {
    .container { padding: 0 var(--viewport-padding-desktop); }
}


/* ---------- Sections ----------------------------------------------------- */
.section {
    padding: var(--section-spacing-mobile) 0;
    position: relative;
}

@media (min-width: 1024px) {
    .section { padding: var(--section-spacing) 0; }
}


/* ---------- Skip animation button (BRIEF §5.1) -------------------------- */
.skip-anim {
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: var(--z-skip);
    padding: 8px 16px;
    background: transparent;
    border: 1px solid var(--color-border-faint);
    border-radius: var(--radius-pill);
    color: var(--color-text-muted);
    font-family: var(--font-sans);
    font-weight: var(--fw-extralight);
    font-size: var(--fs-caption);
    letter-spacing: var(--ls-narrow);
    cursor: pointer;
    opacity: 0;
    transition: opacity var(--transition);
}
.skip-anim.is-visible { opacity: 1; }
.skip-anim:hover {
    background: var(--color-border-faint);
    color: var(--color-text-primary);
}