.hero-media .reel-poster, .hero-media .reel-wipe {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.reel-poster img { display:block; width:100%; height:100%; object-fit:cover; }
.hero-media.has-picture .reel-poster, .hero .reel-controls[hidden] { display:none; }
.hero-media .reel-wipe { z-index:2; }
.hero .shade {
  background:linear-gradient(90deg,rgba(7,12,9,.88),rgba(7,12,9,.65) 33%,rgba(7,12,9,.04) 77%),
    linear-gradient(0deg,rgba(7,12,9,.82),transparent 27%,transparent 78%,rgba(7,12,9,.67));
}
.hero .reel-credit {
  position:absolute; top:clamp(112px,14vh,165px); right:max(5%,calc((100% - 1530px)/2));
  z-index:1; display:grid; justify-items:end; pointer-events:none;
  color:#f1e7d6; text-align:right; text-shadow:0 1px 8px #080d09b3;
}
.reel-project { font:650 clamp(23px,2.1vw,35px)/1.06 var(--sans); letter-spacing:-.045em; }
.reel-project::after {
  content:""; display:block; margin:7px 0 0 auto; width:2.2em; height:5px;
  border-block:1px solid var(--orange);
}
.reel-process { margin-top:8px; padding:5px 8px; background:#111a14e8; color:#eadbc3; font:clamp(12px,1.05vw,16px)/1.1 var(--pixel); }
.hero .reel-controls { display:flex; flex-flow:row nowrap; align-items:center; gap:0; background:#0c110fba; border:1px solid #d8c7a54d; }
.hero .reel-controls button { margin:0; padding:5px 12px; white-space:nowrap; border:0; color:#e9d9ba; }
.hero .reel-controls button + button { border-left:1px solid #d8c7a54d; }
.hero .reel-controls button:is(:hover,:focus-visible) { color:var(--green); }
@media(max-width:700px) {
  .hero .shade { background:linear-gradient(0deg,#080d0af5,rgba(8,13,10,.79) 22%,rgba(8,13,10,.50) 51%,rgba(8,13,10,.06) 79%,rgba(8,13,10,.62)); }
  .hero .reel-credit { top:92px; right:22px; }
  .reel-project { font-size:22px; }
  .hero .hero-edge { gap:8px; align-items:center; }
  .hero .reel-controls button { font-size:12px; padding-inline:8px; }
}
@media(max-aspect-ratio:4/5) and (min-height:680px) {
  .hero:has(#studio-reel) { justify-content:flex-end; padding-bottom:clamp(93px,12svh,140px); }
}