/* Explain: Shared spacing and section layout utilities */
.section-wrap {
    width: min(100% - 2rem, 1180px);
    margin-inline: auto;
}

.section-padding {
    padding-block: clamp(4.5rem, 9vw, 8rem);
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--accent-color);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.26em;
    text-transform: uppercase;
}

.eyebrow::before {
    content: '';
    width: 2.25rem;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--accent-color));
}

.text-balance {
    text-wrap: balance;
}

.text-pretty {
    text-wrap: pretty;
}