/* Landing presentation uses the same semantic surfaces as the playable HUD. */
.hudShowcase{padding:var(--hud-space-6) 0;border-top:1px solid var(--hud-border-subtle);margin-bottom:var(--hud-space-6)}
.hudShowcase>p{color:var(--hud-text-muted);font:var(--hud-text-body)/var(--hud-leading) var(--hud-font-body);max-width:70ch}
.hudGallery{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--hud-space-6);align-items:start}
.hudGallery figure{margin:0;min-width:0;border:var(--hud-border-width) solid var(--hud-border);background:var(--hud-surface-panel);border-radius:var(--hud-radius);overflow:hidden}
.hudGallery figure:first-child{grid-column:1/-1}
.hudGallery a{display:block;min-height:var(--hud-target)}
.hudGallery img{display:block;width:100%;height:auto}
.hudGallery figure:last-child img{max-height:560px;object-fit:contain;background:var(--hud-surface-canvas)}
.hudGallery figcaption{padding:var(--hud-space-4);font:var(--hud-text-body)/var(--hud-leading) var(--hud-font-body);color:var(--hud-text-muted)}
.hudGallery strong{display:block;margin-bottom:var(--hud-space-2);color:var(--hud-accent);font-family:var(--hud-font-label)}
.hudShowcase a:focus-visible{outline:var(--hud-border-width) solid var(--hud-focus);outline-offset:calc(-1 * var(--hud-space-1))}
@media(max-width:640px){.hudGallery{grid-template-columns:minmax(0,1fr);gap:var(--hud-space-4)}.hudGallery figure:first-child{grid-column:auto}}