/* Explain: Layout utilities and vintage-inspired section styling. */
.section-pad {
    padding-top: clamp(4.5rem, 9vw, 7.5rem);
    padding-bottom: clamp(4.5rem, 9vw, 7.5rem);
}

/* Hero — uses the global body background */
.hero-vintage {
}

.hero-vignette {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(ellipse at 50% 50%, transparent 60%, rgba(226, 210, 210, 0.14) 100%);
}

.hero-frame {
    position: absolute;
    inset: clamp(0.75rem, 2vw, 1.5rem);
    z-index: -1;
    border: 1px solid rgba(203, 166, 97, 0.28);
    pointer-events: none;
}

.hero-frame::after {
    position: absolute;
    inset: 0.55rem;
    border: 1px solid rgba(203, 166, 97, 0.14);
    content: "";
    pointer-events: none;
}

.contact-vintage {
    background: radial-gradient(circle at 50% 50%, rgba(250, 245, 234, 0.4), transparent 80%);
}

.band-dark {
    background:
        radial-gradient(circle at 80% 20%, rgba(203, 166, 97, 0.14), transparent 26rem),
        linear-gradient(150deg, #1C1710, #100C08);
}

/* Soft pearlescent halo behind the "about" portrait */
.about-image-glow {
    position: absolute;
    inset: -10%;
    z-index: -1;
    border-radius: 999px;
    background:
        radial-gradient(circle at 50% 46%, rgba(255, 255, 255, 0.55) 0%, transparent 55%),
        radial-gradient(circle at 44% 60%, rgba(236, 214, 208, 0.32) 12%, transparent 62%),
        radial-gradient(circle at 62% 36%, rgba(233, 214, 178, 0.34) 12%, transparent 66%);
    filter: blur(22px);
    pointer-events: none;
}

/* Soft pearlescent halo behind the hero image */
.hero-image-glow {
    position: absolute;
    inset: -12%;
    z-index: -1;
    border-radius: 999px;
    background:
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.6) 0%, transparent 42%),
        radial-gradient(circle at 40% 56%, rgba(236, 214, 208, 0.42) 10%, transparent 60%),
        radial-gradient(circle at 68% 34%, rgba(233, 214, 178, 0.46) 10%, transparent 65%);
    filter: blur(20px);
    pointer-events: none;
}