.cs-hero { padding-top: calc(var(--header-h) + var(--sp-7)); padding-bottom: var(--sp-6); position: relative; overflow: hidden; }
.cs-hero .glow-field { right: -20vw; top: -25vh; }
.cs-hero__meta { display: flex; gap: var(--sp-4); flex-wrap: wrap; margin-top: var(--sp-4); }
.cs-art { margin-block: var(--sp-6); }
.cs-body { display: grid; grid-template-columns: 1fr; gap: var(--sp-6); }
.cs-block h2 { font-size: var(--fs-xl); margin-bottom: var(--sp-3); }
.cs-block h2::before { content: ''; display: inline-block; width: 22px; height: 3px; background: var(--amber); margin-right: var(--sp-3); vertical-align: middle; }
.cs-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--sp-5); padding: var(--sp-5); background: var(--bg-raised); border: 1px solid var(--line); border-radius: var(--r-lg); }
.cs-nav { display: flex; justify-content: space-between; border-top: 1px solid var(--line); padding-top: var(--sp-5); margin-top: var(--sp-7); }
.cs-gallery { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--sp-4); }
@media (max-width: 700px) { .cs-gallery { grid-template-columns: 1fr; } }

/* Click-to-load YouTube facade */
.yt-facade { position: relative; aspect-ratio: 16 / 9; cursor: pointer; border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line); }
.yt-facade img { width: 100%; height: 100%; object-fit: cover; }
.yt-facade::after { content: '\25B6'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  font-size: 3rem; color: var(--ink); background: rgba(12, 10, 8, 0.45); transition: background var(--t-fast) var(--ease); }
.yt-facade:hover::after { background: rgba(12, 10, 8, 0.25); }
.yt-facade iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.yt-facade.is-playing::after { display: none; }