.showreel{margin:0;scroll-margin-top:100px}
.showreel-player{display:block;width:min(100%,calc(78svh * var(--showreel-ratio,1.777778)));height:auto;aspect-ratio:var(--showreel-ratio,16/9);margin-inline:auto;object-fit:contain;background:var(--studio-ink);border-radius:12px}
.showreel-player:focus-visible,.showreel a:focus-visible,.showreel summary:focus-visible{outline:3px solid var(--studio-ink);outline-offset:6px}
.showreel-link:focus-visible{outline:3px solid var(--studio-paper);outline-offset:6px}
.showreel-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px}
.showreel-caption h3{font-size:clamp(24px,3vw,42px);font-weight:500;line-height:1.1;letter-spacing:-.03em}
.showreel-caption p{font-size:16px;line-height:1.5;margin-top:10px}
.showreel-open,.showreel-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.showreel-link{margin-top:16px;color:var(--studio-paper)}
.showreel-open{flex-shrink:0}
.showreel a:hover{ text-decoration-thickness:2px }
.showreel-description{margin-top:20px;border-top:1px solid currentColor;padding-top:8px;font-size:14px;line-height:1.6}
.showreel-description summary{width:fit-content;min-height:44px;align-content:center;cursor:pointer}
.showreel-description p{max-width:72ch;margin:8px 0 16px}
.showreel-error{font-size:16px;line-height:1.5;margin-top:16px}
@media(max-width:767px){
  .showreel-player{--showreel-ratio:.5625;border-radius:7px}
  .showreel-caption{align-items:flex-start;gap:16px}
  .showreel-caption h3{font-size:24px}
  .showreel-caption p{font-size:14px}
  .showreel-open{font-size:13px}
}
@media(max-width:359px){.showreel-caption{flex-direction:column;gap:4px}}