/* controls.css — Production overrides: typography, border-radius, style modifiers */
/* NOTE: Work tabs/record list moved to work.css, testimonials-split moved to testimonials.css */
/* Color palette is in tokens.css (base) and palette-retro-warm.css (theme) */

/* ===== TYPOGRAPHY OVERRIDES ===== */
h1, h2, h3,
.section-title-sm,
.brand-name,
.editorial-title,
.package-card-title {
    letter-spacing: -0.3px;
}

/* ===== BORDER RADIUS ===== */
.service-card,
.package-card {
    border-radius: 16px;
}

.hero-c .editorial-image {
    border-radius: 0;
    aspect-ratio: auto;
}

@media (min-width: 769px) {
    .hero-c .editorial-image {
        overflow: hidden;
    }
}

/* ===== SOFT & ARCHED STYLE ===== */
:where(body.style-soft-arched) .site-nav-link {
    border-radius: 999px;
}

:where(body.style-soft-arched) .curtain-stack-panel {
    border-radius: 28px;
    overflow: hidden;
}

:where(body.style-soft-arched) .bio-photo-grid {
    border-radius: 0;
    overflow: hidden;
}

/* ===== PERSIMMON ACCENT BLOCKS ===== */
:where(body.palette-retro-warm) .hero-c .editorial-copy,
:where(body.palette-retro-warm) .work-g.is-tabbed-discography .curtain-stack-panel {
    background-color: var(--persimmon);
}



/* ===== PHOTO SLOT ===== */
.photo-slot {
    position: relative;
    overflow: hidden;
}

.photo-slot img {
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center top;
    display: block;
}