/* SOAG Home Features 1.9 -- accent = the site button red */
.soag-hf { --soag-accent: #d34947; --soag-tab-off: #8a8a8a; --soag-gap: 48px; --soag-h: 300px; position: relative; }
.soag-hf-panel { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--soag-gap); align-items: center; }
.soag-hf-featured .soag-hf-panel { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); }
.soag-hf-panel[hidden] { display: none; }
.soag-hf-panel.is-entering { animation: soag-hf-fade .45s ease; }
@keyframes soag-hf-fade { from { opacity: 0; } to { opacity: 1; } }

.soag-hf-label { color: var(--soag-accent); font-size: 20px; line-height: 1.4; margin: 0 0 8px; padding: 0; }
.soag-hf-dates { font-weight: 700; margin: 0 0 12px; padding: 0; }
.soag-hf-title { font-family: Merriweather, Georgia, "Times New Roman", serif; font-size: 30px; line-height: 1.35; font-weight: 400; margin: 0 0 16px; padding: 0; }
.soag-hf-title a { color: inherit; text-decoration: none; }
.soag-hf-title a:hover { text-decoration: underline; }
.soag-hf-intro p { margin: 0 0 12px; padding: 0; }
.soag-hf-reception { font-weight: 700; margin: 4px 0 16px; padding: 0; }
.soag-hf-cta { margin: 8px 0 0; padding: 0; }
.soag-hf-button.et_pb_button { display: inline-block; }

/* Image slideshow */
.soag-hf-media { display: flex; justify-content: center; }
/* Fixed-height frame: every picture is the same height (--soag-h), its width follows its shape. */
.soag-hf-show { position: relative; width: 100%; height: var(--soag-h); overflow: hidden; }
.soag-hf-show__slide { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity .8s ease; display: flex; align-items: center; justify-content: center; }
.soag-hf-show__slide.is-active { opacity: 1; z-index: 1; }
.soag-hf-show__slide a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.soag-hf-show__img { height: 100% !important; width: auto !important; max-width: 100% !important; max-height: none !important; object-fit: contain; display: block; margin: 0 auto; }
.soag-hf-show__nav { position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); width: 40px; height: 40px; border: 0; border-radius: 50%; background: rgba(0,0,0,.45); color: #fff; font-size: 28px; line-height: 38px; cursor: pointer; opacity: 0; transition: opacity .2s; padding: 0; }
.soag-hf-show:hover .soag-hf-show__nav, .soag-hf-show__nav:focus { opacity: 1; }
.soag-hf-show__prev { left: 8px; }
.soag-hf-show__next { right: 8px; }
@media (hover: none) { .soag-hf-show__nav { opacity: .85; } }

/* Numbered tabs (1, 2 ...) */
.soag-hf-tabs { display: flex; justify-content: center; gap: 8px; margin-top: 28px; }
.soag-hf-tab { width: 32px; height: 32px; border: 0; border-radius: 3px; background: var(--soag-tab-off); color: #fff; font-size: 16px; line-height: 32px; padding: 0; cursor: pointer; }
.soag-hf-tab.is-active { background: var(--soag-accent); }
.soag-hf-tab:focus-visible { outline: 2px solid #000; outline-offset: 2px; }

/* Featured artist on the black section */
.soag-hf--dark, .soag-hf--dark .soag-hf-intro, .soag-hf--dark .soag-hf-title { color: #fff; }
.soag-hf--dark .soag-hf-intro em, .soag-hf--dark .soag-hf-intro strong { color: #fff; }
/* Featured Artist text is always regular: no bold or italics, even if pasted in. */
.soag-hf-featured .soag-hf-intro, .soag-hf-featured .soag-hf-intro * { font-style: normal !important; font-weight: 400 !important; }

/* Tablet: a little tighter. Phone: one column, picture first. */
@media (max-width: 980px) { .soag-hf { --soag-gap: 32px; --soag-h: 280px; } .soag-hf-title { font-size: 26px; } }
@media (max-width: 767px) {
    .soag-hf { --soag-h: 260px; }
    .soag-hf-panel, .soag-hf-featured .soag-hf-panel { grid-template-columns: 1fr; gap: 24px; }
    .soag-hf-featured .soag-hf-media { order: -1; }
    .soag-hf-title { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) { .soag-hf-show__slide, .soag-hf-panel.is-entering { transition: none; animation: none; } }