/* Construction vertical: current Header/Hero shell only. */
::selection{background:#d9be9c}
.hero h1{font-size:clamp(3.4rem,5.9vw,5.9rem);line-height:1.04;letter-spacing:-.055em}
.hero h1 em{font-weight:400}
.hero-description{max-width:440px;margin-top:23px;font-size:1rem}
.hero .eyebrow{color:var(--color-accent)}
.hero.hero--fullscreen .hero-aside{margin:0;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--hero-aside-background);backdrop-filter:blur(12px)}
.small-index{font-size:.75rem;letter-spacing:.1em;color:var(--color-text-muted)}
.hero-aside p{font-family:var(--font-display);font-size:1.55rem;line-height:1.3;color:var(--color-text);margin:18px 0}
.hero-aside a{font-size:.875rem}
.hero-aside a span{margin-left:10px}
.image-note{position:absolute;color:white;line-height:1.25;z-index:1}
.hero.hero--fullscreen .image-note{left:clamp(30px,5vw,86px);right:auto;bottom:65px;padding:8px 14px;border-radius:var(--radius-small);background:var(--hero-note-background);font-size:clamp(1.3rem,2vw,1.8rem)}
.hero.hero--fullscreen{--hero-focal-x:50%;--hero-focal-y:56%;--hero-focal-x-mobile:55%;--hero-focal-y-mobile:50%}
@media(max-width:760px){
  .hero h1{font-size:clamp(2.85rem,10.6vw,4.7rem)}
  .hero .eyebrow{font-size:.65rem;letter-spacing:.12em;margin-bottom:18px}
  .hero-description{max-width:330px;font-size:.95rem}
  .hero-aside{display:none}
  .hero.hero--fullscreen .image-note{left:16px;bottom:160px;font-size:1.25rem}
}
@media(max-width:340px){.hero.hero--fullscreen .image-note{bottom:180px}}