/* Halcyon art-direction layer (Claude): loaded after halcyon.css. */

/* The hero is a flex container, so its .wrap shrank to content (712px); pin it to the page container. */
.hero > .wrap { flex: 0 0 auto; width: var(--container); margin-inline: auto; }
.hero h1 { font-size: clamp(3.2rem, 7vw, 6.6rem); line-height: 0.95; letter-spacing: -0.015em; }
.hero h1 em { color: var(--copper); }
.hero .lede { font-size: clamp(1.05rem, 1.3vw, 1.25rem); max-width: 36ch; color: rgba(255, 255, 255, 0.8); }
.hero .allocation-ring { justify-self: end; }
.hero { flex-direction: column; justify-content: center; align-items: center; }
.hero > :not(.hero-image):not(.hero-overlay) { width: var(--container); max-width: 100%; }
/* Tap targets >= 44px for card text links */
.text-link { display: inline-flex; align-items: center; min-height: 44px; }