body.showreel-page{height:100svh;overflow:hidden;background:#080b0c}.showreel-screen{height:100svh;min-height:650px;position:relative;display:flex;align-items:center;padding:90px 6vw 40px;background:linear-gradient(90deg,rgba(5,8,9,.93),rgba(5,8,9,.2)),url('assets/hero-studio.png') center/cover}.showreel-copy{position:relative;z-index:2}.showreel-copy>p{font-size:10px;letter-spacing:.24em;color:#ff6a24}.showreel-copy h1{font-size:clamp(65px,8vw,132px);line-height:.84;margin:24px 0}.showreel-copy h1 span{color:#c67a55}.showreel-lede{color:#bbc0c1;max-width:480px}.showreel-play{margin-top:28px;border-radius:999px;padding:11px 24px 11px 11px;color:#fff;display:flex;align-items:center;gap:16px}.showreel-play i{font-style:normal;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ff651f;box-shadow:0 0 30px rgba(255,101,31,.45)}.showreel-index{position:absolute;right:6vw;bottom:6vh;font-size:9px;letter-spacing:.18em;color:#a4a9aa}#showreel-dialog{width:min(1200px,94vw);padding:0;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:#000;overflow:hidden}#showreel-dialog::backdrop{background:rgba(0,0,0,.9);backdrop-filter:blur(14px)}#showreel-dialog video{display:block;width:100%;max-height:86vh}#close-showreel{position:absolute;z-index:2;right:14px;top:14px;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:26px}@media(max-width:700px){.showreel-copy h1{font-size:56px}.showreel-screen{background-position:62% center}.showreel-index{left:6vw;right:auto}}