/* Hallmark · component: hero artwork · genre: editorial · theme: approved monochrome
 * Monochrome CV portrait; white logo rises from the lower shirt edge.
 * Original logo outlines form a luminance mask over ink for clear lettering.
 * pre-emit critique: P5 H5 E4 S5 R5 V4 */
.hero { background: var(--color-portrait-backdrop); isolation: isolate; }
.hero-portrait { position: static; aspect-ratio: auto; overflow: visible; }
.hero-art { position: relative; isolation: isolate; overflow: clip; aspect-ratio: 1.05; background: var(--color-portrait-backdrop); }
.hero-art-mark { position: absolute; z-index: 1; bottom: 0; right: 30%; width: 12%; height: auto; pointer-events: none; }
.hero-art-photo { position: absolute; inset: 0; overflow: clip; mix-blend-mode: darken; }
.hero-art-photo img { width: 100%; max-width: none; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: center; transform: none; }
.hero-portrait figcaption { position: static; padding: 0; margin-top: var(--space-sm); background: var(--color-transparent); color: var(--color-ink); font-size: .75rem; text-align: right; }
.site-header { padding-block: var(--space-md); }
.site-header .brand, .study-brand { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 44px; }
.site-header .brand img, .study-brand img { display: block; width: 40px; height: 80px; }
.study-bar { min-height: 112px; }
@media (min-width: 960px) {
  .site-shell > .hero { min-height: min(760px, calc(100svh - 113px)); padding-block: var(--space-2xl); }
}
@media (min-width: 801px) {
  .study-bar + main > .hero { height: calc(100svh - 112px); }
}
@media (max-width: 479px) {
  .site-header nav { width: auto; margin-left: auto; gap: var(--space-md); }
}