/* ============================================
   SECTIONS.CSS - PUNKROCK GADGETS
   Shared Section Styles
   ============================================ */

/* ==== SECTION CONTAINER ==== */

.section-frame {
    position: relative;
}

.section-frame::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;

    background: linear-gradient(90deg,
            var(--accent-primary),
            var(--accent-tertiary),
            var(--accent-secondary));
    z-index: 0;
}

.section-inner {
    position: relative;
    z-index: 1;
    max-width: 1000px;
    margin: 0 auto;
    padding: 6rem 2rem;
}

/* ==== SECTION INTRO/OUTRO ==== */

.section-intro {
    margin-bottom: 3rem;
    text-align: center;
}

.section-eyebrow {
    font-size: clamp(1rem, 4vw, 1.4rem);
    text-transform: uppercase;
    font-family: var(--font-mono);
    color: var(--accent-secondary);
    padding: 0.5rem 0.75rem;
    display: inline-block;
    letter-spacing: 0.08em;
}

.section-outro {
    text-align: center;
    margin-top: 3rem;
}