.hero-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; padding-block:30px; }
.hero .hero-heading h1 { font-size:clamp(44px,6.2vw,88px); max-width:none; text-shadow:none; }
.hero-heading p { flex-shrink:0; font-size:16px; color:var(--dust); }
.hero-stage { position:relative; height:clamp(360px,55vw,680px); background:#080b10; }
.hero-poster, #robot-reel { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; display:block; }
.hero-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:16px; }
.hero-controls[hidden] { display:none; }
#hero-caption { font-size:18px; }
#hero-caption span { color:var(--dust); margin-left:16px; font-size:16px; }
.hero-buttons { display:flex; gap:8px; flex-wrap:wrap; }
.hero-buttons button { font:500 16px/1.3 var(--body); color:var(--caliche); background:transparent; border:1px solid var(--rule); padding:10px 14px; min-height:44px; cursor:pointer; }
.hero-buttons button:hover { border-color:var(--amber); color:var(--amber); }
.hero-buttons button:disabled { opacity:.45; cursor:wait; }
@media(max-width:700px) {
  .hero-heading { display:block; padding-block:24px; }
  .hero-heading p { margin-top:16px; }
  .hero-heading p br { display:none; }
  .hero-heading p br::after { content:' · '; }
  .hero-stage { height:clamp(280px,88vw,560px); }
  .hero-controls { align-items:start; flex-direction:column; gap:12px; }
  .hero-buttons { width:100%; }
  .hero-buttons button { padding-inline:10px; flex:1 1 auto; }
}