.hero-showreel{align-items:center;display:flex;height:100vh;min-height:840px;position:relative;width:100%}.hero-showreel__inner{display:flex;flex-flow:column;height:100%;justify-content:space-between;left:0;padding:0 20px;position:absolute;top:0;width:100%}@media screen and (min-width:1024px){.hero-showreel__inner{padding:0 45px}}.hero-showreel__title{margin-top:140px}@media screen and (min-width:768px){.hero-showreel__title{margin-left:9px;margin-top:110px}}@media screen and (min-width:1500px){.hero-showreel__title{margin-top:30px}}.hero-showreel__content{align-items:flex-end;display:flex;flex-flow:row;justify-content:space-between;margin-bottom:30px}@media screen and (max-width:1499px){.hero-showreel__content .logo{display:none}}@media screen and (min-width:768px){.hero-showreel__text{margin-left:auto;width:50%}}.hero-showreel__text .wp-block-heading,.hero-showreel__text p{margin:0;max-width:550px}.hero-showreel__text .wp-block-heading{display:inline-flex;gap:10px;margin-top:5vh}.hero-showreel__player-wrapper{height:auto;margin:40px 10px 0;overflow:hidden;position:relative;width:100%;z-index:3}@media screen and (min-width:768px){.hero-showreel__player-wrapper{clip-path:inset(0 20px);height:100%;margin:0}}@media screen and (min-width:1024px){.hero-showreel__player-wrapper{clip-path:inset(0 45px)}}.hero-showreel__player{--clip:20%;align-items:center;background-color:var(--wp--preset--color--dark);clip-path:inset(var(--clip));cursor:pointer;display:flex;height:auto;position:relative;width:100%}@media screen and (min-width:768px){.hero-showreel__player{--clip:35%;height:100%}}.hero-showreel__player video{height:auto;width:100%}.hero-showreel__player.is-muted .hero-showreel__audio-icon--on,.hero-showreel__player:not(.is-muted) .hero-showreel__audio-icon--off{display:none}.hero-showreel__audio{align-items:center;bottom:calc(var(--clip) + 12px);color:#fff;display:flex;height:36px;justify-content:center;opacity:.55;pointer-events:none;position:absolute;right:calc(var(--clip) + 12px);width:36px;z-index:1}@media screen and (min-width:768px){.hero-showreel__audio{bottom:calc(var(--clip) + 16px);height:44px;right:max(calc(var(--clip) + 16px),36px);width:44px}}@media screen and (min-width:1024px){.hero-showreel__audio{right:max(calc(var(--clip) + 16px),61px)}}.hero-showreel__audio-icon{display:block;height:26px;width:26px}@media screen and (min-width:768px){.hero-showreel__audio-icon{height:30px;width:30px}}

/*# sourceMappingURL=hero-showreel.css.map*/