/* photo card — theme-aware hero illustration (day/night variants cross-fade) */
.photo-card { background: var(--surface); border: 1px solid var(--border); padding: clamp(0.6rem, 1.5vw, 1rem); }
.hero-stack { position: relative; width: 100%; aspect-ratio: 1000 / 539; }
.hero-stack img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
                   opacity: 0; transition: opacity var(--fade) var(--ease); }
.hero-stack .hero-dark { opacity: 1; }
:root[data-theme="light"] .hero-stack .hero-dark { opacity: 0; }
:root[data-theme="light"] .hero-stack .hero-light { opacity: 1; }