.hero { position: relative; min-height: min(760px, calc(100svh - 76px)); display: grid; align-items: center; isolation: isolate; border-bottom: 1px solid var(--hg-border); background: #080810; }
.hero__art, .hero__veil, .hero__particles { position: absolute; inset: 0; }
.hero__art { z-index: -3; overflow: hidden; }
.hero__art img { width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.025); }
.hero__veil { z-index: -2; background: linear-gradient(90deg, rgba(6,6,11,.98) 0%, rgba(6,6,11,.82) 40%, rgba(6,6,11,.22) 74%, rgba(6,6,11,.12) 100%), linear-gradient(0deg, rgba(7,7,12,.92) 0%, transparent 32%); }
.hero__particles { z-index: -1; opacity: 0.26; background-image: radial-gradient(circle, rgba(255,255,255,.9) 0 1px, transparent 1.5px); background-size: 76px 76px; mask-image: linear-gradient(90deg, transparent 32%, black); }
.hero__inner { padding-block: clamp(5rem, 10vw, 8rem); }
.hero__content { width: min(700px, 62%); }
.hero__eyebrow { display: inline-flex; align-items: center; gap: 0.55rem; color: #f7c6dc; font-size: 0.74rem; font-weight: 850; letter-spacing: 0.15em; text-transform: uppercase; }
.hero__eyebrow i { width: 8px; aspect-ratio: 1; border-radius: 50%; background: var(--hg-accent); box-shadow: 0 0 0 5px rgba(255,61,146,.12), 0 0 18px var(--hg-accent); }
.hero h1 { margin: 1.15rem 0 1.25rem; font-size: clamp(3rem, 6.3vw, 6.2rem); line-height: 0.93; letter-spacing: -0.07em; text-wrap: balance; }
.hero h1 span { color: transparent; background: linear-gradient(100deg, #fff 10%, #e1c9ff 65%, #f8a7ce); background-clip: text; -webkit-background-clip: text; }
.hero p { max-width: 590px; margin: 0 0 2rem; color: #c0bcc9; font-size: clamp(1rem, 1.7vw, 1.14rem); }
.hero .search-form { margin: 0; }
.hero__signals { display: flex; flex-wrap: wrap; gap: 1.25rem; margin-top: 1.35rem; color: #9893a2; font-size: 0.77rem; font-weight: 650; }
.hero__signals span { display: inline-flex; align-items: center; gap: 0.45rem; }
.hero__signals span::before { width: 4px; aspect-ratio: 1; border-radius: 50%; background: var(--hg-cyan); content: ""; box-shadow: 0 0 10px var(--hg-cyan); }
.entry-header { margin-bottom: 2.5rem; text-align: center; }
.entry-title { margin: 0.8rem 0 1rem; font-size: clamp(2.3rem, 7vw, 4.8rem); line-height: 1.02; letter-spacing: -0.055em; }
.entry-meta { justify-content: center; }
.entry-thumbnail { overflow: hidden; margin: 0 0 2.5rem; border: 1px solid var(--hg-border); border-radius: var(--hg-radius-lg); box-shadow: var(--hg-shadow); }
.entry-content { color: #dddde7; font-size: 1.06rem; }
.entry-content h2, .entry-content h3 { margin-top: 2.2em; color: var(--hg-text); line-height: 1.2; letter-spacing: -0.03em; }
.entry-content a { color: var(--hg-accent-bright); text-decoration: underline; text-underline-offset: 3px; }
.entry-content img { margin: 1.5rem auto; border-radius: 14px; }
.entry-content blockquote { margin-inline: 0; padding: 0.5rem 1.25rem; border-left: 3px solid var(--hg-accent); color: var(--hg-muted); background: rgba(255,255,255,.025); }
.entry-taxonomies { display: flex; flex-wrap: wrap; gap: 0.55rem; margin-top: 2.5rem; }
.entry-taxonomies a { padding: 0.35rem 0.75rem; border: 1px solid var(--hg-border); border-radius: 999px; color: var(--hg-muted); font-size: 0.82rem; }
@media (max-width: 900px) {
  .hero { min-height: 720px; align-items: end; }
  .hero__art img { object-position: 66% center; }
  .hero__veil { background: linear-gradient(90deg, rgba(6,6,11,.96), rgba(6,6,11,.45)), linear-gradient(0deg, rgba(7,7,12,.97) 0%, rgba(7,7,12,.25) 55%, rgba(7,7,12,.34)); }
  .hero__content { width: min(650px, 86%); }
}
@media (max-width: 580px) {
  .hero { min-height: 680px; }
  .hero__inner { padding-block: 5rem 3.5rem; }
  .hero__art img { object-position: 70% center; opacity: 0.7; }
  .hero__veil { background: linear-gradient(0deg, rgba(7,7,12,.99) 0%, rgba(7,7,12,.72) 58%, rgba(7,7,12,.4)); }
  .hero__content { width: 100%; }
  .hero h1 { font-size: clamp(2.75rem, 14vw, 4rem); }
  .hero__signals { gap: 0.8rem; }
}