/* Separate, unpublished comparison. PC image framing explicitly requested. */
:root{--navy:#17212c;--ink:#293139;--muted:#626970;--gold:#947346}
.hero{background:#0d1720}
.hero-image:not(.hero-image-piano){filter:grayscale(.7) brightness(.8)}
.hero-visual .event-bar{background:linear-gradient(90deg,#0d1720f2,#17212ced)}
.shade,.hero-visual .shade,.hero-visual.photo-active .shade{background:linear-gradient(90deg,#0d1720 0%,#0d1720 20%,#0d1720e6 30%,#0d17208c 40%,#0d172026 52%,transparent 62%)}
.hero-link{background:#17212c55;border-color:#bfa886;color:#fffaf0}
.hero-link:hover{background:#bfa88622}
@media(min-width:701px){.hero-image-piano{inset:0 auto 0 -60%;width:160%;object-position:100% 65%}}
@media(max-width:700px){.shade,.hero-visual .shade,.hero-visual.photo-active .shade{background:linear-gradient(180deg,#0d1720 0%,#0d1720f2 36%,#0d17206b 62%,#0d172010 100%)}}

/* Keep auxiliary page headings readable on their existing navy hero. */
.auxiliary-page .hero h1{color:#fffaf0}
.auxiliary-page .hero .eyebrow{color:#d1b383}