.hero { min-height: 92vh; display: flex; align-items: center; padding-top: var(--header-h); overflow: hidden; position: relative; }
.hero .glow-field { right: -18vw; top: -18vh; }
.hero__grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: var(--sp-6); align-items: center; }
.hero__art { position: relative; min-height: 380px; }
.hero__art img { width: 78%; position: absolute; }
.hero__art img:first-child { top: 0; left: 0; }
.hero__art img:last-child { bottom: 0; right: 0; }
.hero__stats { display: flex; gap: var(--sp-6); margin-top: var(--sp-6); flex-wrap: wrap; }
.work-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-4); }
.work-strip a { transition: transform var(--t-fast) var(--ease); }
.work-strip a:hover { transform: translateY(-4px); }
.work-strip .mono-meta { margin-top: var(--sp-2); }
.era-list { display: flex; flex-direction: column; border-top: 1px solid var(--line); }
.era-list__row { display: grid; grid-template-columns: 160px 1fr auto; gap: var(--sp-4); align-items: baseline;
  padding-block: var(--sp-4); border-bottom: 1px solid var(--line); transition: background var(--t-fast) var(--ease); }
.era-list__row:hover { background: var(--bg-raised); }
@media (max-width: 860px) {
  .hero__grid { grid-template-columns: 1fr; }
  .hero__art { display: none; }
  .work-strip { grid-template-columns: 1fr; }
  .era-list__row { grid-template-columns: 1fr; gap: var(--sp-1); }
}