/* ══ Shared section utilities ══ */

.main-content { width: 100%; }
.section-wave  { display: none; }

section {
    width: 100%;
    position: relative;
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.55s var(--ease), transform 0.55s var(--ease);
}

section.visible {
    opacity: 1;
    transform: translateY(0);
}

.section-number { display: none; }

/* ── Integrated section label ──
   Replaces the old disconnected header bar.
   A small eyebrow label with left accent border,
   embedded inside each section's content area.
── */
.section-label {
    font-family: var(--f-mono);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    display: inline-block;
    padding-left: 14px;
    border-left: 4px solid currentColor;
    margin-bottom: 24px;
    user-select: none;
}

.section-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 6% 0;
}

.section-label-meta {
    font-family: var(--f-mono);
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

/* Legacy: keep for any remaining uses */
.section-vert-label {
    font-family: var(--f-body);
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    writing-mode: horizontal-tb;
    transform: none;
    opacity: 1;
    flex-shrink: 0;
    user-select: none;
}