/* A showcase page: the pinned stage where the x-ray and the camera agree,
   in the same card as the machines board and the live stations. */
.item-h .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,70px);align-items:center}
.item-h img{position:static;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border:1px solid var(--line);view-transition-name:story}
.item-h::after{display:none}
.seq{position:relative;height:520vh}
.stage{position:sticky;top:calc(var(--mast) + 12px);height:calc(100vh - var(--mast) - 24px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:18px 22px}
.stage>h3{font-size:1.5rem}
.views{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:0}
.views.solo{grid-template-columns:1fr}
.view{position:relative;background:#0a0d0b;border:1px solid rgb(156 246 221 / .12);overflow:hidden;min-height:0}
.view canvas,.view video{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;display:block}
.view video{object-fit:contain;background:#000}
.view .cap{position:absolute;left:14px;bottom:12px;font-size:.85rem;color:rgb(236 230 214 / .65);text-shadow:0 1px 3px #000}
.view .big{position:absolute;right:16px;top:12px;text-align:right;font-family:var(--f-inst);line-height:1}
.view .big b{font-weight:400;font-size:2.2rem;color:var(--vfd);text-shadow:0 0 8px rgb(156 246 221 / .5);display:block}
.view .big small{font-size:.7rem;color:rgb(236 230 214 / .5);font-family:var(--f-text);font-style:italic}
.under{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
.under .blueprint>div{aspect-ratio:auto;min-height:140px}
.plate-only .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(30px,5vw,70px);align-items:center}
.plate-only img{width:100%;display:block;border:1px solid var(--line)}
@media (max-width:980px){
  .item-h .wrap,.plate-only .wrap,.under{grid-template-columns:1fr}
  .stage{position:static;height:auto}.seq{height:auto}.views{grid-template-columns:1fr}.view{aspect-ratio:4/3}
  .under .blueprint>div{aspect-ratio:4/3}
}