.b-showreel{position:relative;height:100vh;z-index:250}.b-showreel-background{position:absolute;top:0;right:0;bottom:0;left:0}.b-showreel-foreground{position:relative;height:100%}.b-showreel-foreground,.b-showreel-preview{display:-moz-flex;display:flex;-moz-flex-direction:column;flex-direction:column;-moz-align-items:center;align-items:center;-moz-justify-content:center;justify-content:center}.b-showreel-preview{cursor:pointer}.b-showreel-preview-icon{display:-moz-flex;display:flex;-moz-flex-direction:column;flex-direction:column;-moz-align-items:center;align-items:center;-moz-justify-content:center;justify-content:center;animation:b-showreel-preview-icon-animation .75s infinite linear;animation-fill-mode:both;animation-direction:alternate;border:calc(1px + 0 * ((100vw - 320px) / 1120)) solid #fff;border-radius:calc(60px + 60 * ((100vw - 320px) / 1120));height:calc(60px + 60 * ((100vw - 320px) / 1120));margin-bottom:calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));width:calc(60px + 60 * ((100vw - 320px) / 1120))}@keyframes b-showreel-preview-icon-animation{0%{transform:scale(1)}to{transform:scale(1.1)}}.b-showreel-preview-icon svg{transform:translateX(15%)}.b-showreel-preview-text{position:relative;height:calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));width:100%}.b-showreel-preview-caption{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition-property:opacity,visibility;transition-duration:1s;transition-timing-function:cubic-bezier(.23,1,.32,1)}.b-showreel-preview--playing .b-showreel-preview-caption{opacity:1;transition-delay:1s}.b-showreel-preview-caption-text{position:absolute;top:0;right:0;bottom:0;left:0;display:-moz-flex;display:flex;-moz-flex-direction:column;flex-direction:column;-moz-align-items:center;align-items:center;-moz-justify-content:center;justify-content:center;color:#fff;font-size:calc(11.8808784px + 2.1191216 * ((100vw - 320px) / 1120));font-weight:400;letter-spacing:.4em;opacity:0;text-align:center;text-transform:uppercase;transform:translateY(calc(9.071604px + -4.071604 * ((100vw - 320px) / 1120)));transition-property:opacity,transform;transition-duration:1s;transition-timing-function:cubic-bezier(.23,1,.32,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.b-showreel-preview-caption-text a{color:inherit}.b-showreel-preview-caption-text.b-showreel-preview-caption-text--visible{opacity:1;transform:none}.b-showreel-player{position:fixed;top:0;right:0;bottom:0;left:0;display:-moz-flex;display:flex;-moz-flex-direction:column;flex-direction:column;-moz-align-items:stretch;align-items:stretch;-moz-justify-content:center;justify-content:center;opacity:0;transition-property:opacity,visibility;transition-duration:1s;transition-timing-function:cubic-bezier(.23,1,.32,1);visibility:hidden;z-index:1000}.b-showreel-player.b-showreel-player--loading,.b-showreel-player.b-showreel-player--playing{opacity:1;visibility:visible}.b-showreel-player-close{position:absolute;top:calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));right:calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));border:1px solid #fff;border-radius:calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));cursor:pointer;height:60px;overflow:hidden;transition-property:opacity,transform;transition-duration:1s;transition-timing-function:cubic-bezier(.23,1,.32,1);transition-delay:1s;width:60px;z-index:10}.b-showreel-player--loading .b-showreel-player-close,.b-showreel-player--playing .b-showreel-player-close{transform:rotate(45deg);transition-delay:1s}.b-showreel-player-close-bar{position:absolute;top:50%;left:50%;background:#fff;opacity:0;transition-property:opacity,transform;transition-duration:1s;transition-timing-function:cubic-bezier(.23,1,.32,1)}.b-showreel-player--loading .b-showreel-player-close-bar,.b-showreel-player--playing .b-showreel-player-close-bar{opacity:1;transform:none}.b-showreel-player-close-bar:first-child{height:1px;margin-left:-15px;transform:translateX(100%);width:30px}.b-showreel-player--loading .b-showreel-player-close-bar:first-child,.b-showreel-player--playing .b-showreel-player-close-bar:first-child{transform:none;transition-delay:.15s}.b-showreel-player-close-bar:nth-child(2){height:30px;margin-top:-15px;transform:translateY(100%);width:1px}.b-showreel-player--loading .b-showreel-player-close-bar:nth-child(2),.b-showreel-player--playing .b-showreel-player-close-bar:nth-child(2){transform:none;transition-delay:.3s}.b-showreel-player-video{position:absolute;top:0;right:0;bottom:0;left:0;display:-moz-flex;display:flex;-moz-flex-direction:column;flex-direction:column;-moz-align-items:stretch;align-items:stretch;-moz-justify-content:center;justify-content:center;background:#000}.b-showreel-player-video video{display:block;opacity:0;transition-property:opacity,visibility;transition-duration:1s;transition-timing-function:cubic-bezier(.23,1,.32,1);width:100%}.b-showreel-player--playing .b-showreel-player-video video{opacity:1;transition-delay:1s}.b-showreel-player-caption{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;padding-top:calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));padding-bottom:calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));transition-property:opacity,visibility;transition-duration:1s;transition-timing-function:cubic-bezier(.23,1,.32,1)}.b-showreel-player--playing .b-showreel-player-caption{opacity:1;transition-delay:1s}.b-showreel-player-caption-text{position:absolute;right:0;display:-moz-flex;display:flex;-moz-flex-direction:row;flex-direction:row;-moz-align-items:center;align-items:center;-moz-justify-content:flex-end;justify-content:flex-end;color:#fff;font-size:calc(11.8808784px + 2.1191216 * ((100vw - 320px) / 1120));font-weight:400;letter-spacing:.4em;opacity:0;padding:calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));text-transform:uppercase;transition-property:opacity,transform,visibility;transition-duration:1s;transition-timing-function:cubic-bezier(.23,1,.32,1);visibility:hidden}.b-showreel-player-caption-text a{color:inherit;display:block}.b-showreel-player-caption-text svg{display:block;margin:0;margin-left:calc(21.557268px + 23.442732 * ((100vw - 320px) / 1120))}.b-showreel-player-caption-text svg circle{transition-property:stroke-dashoffset;transition-duration:.25s;transition-timing-function:linear}.b-showreel-player-caption-text svg path{transition-property:transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.23,1,.32,1)}.b-showreel-player-caption-text.b-showreel-player-caption-text--visible{opacity:1;visibility:visible}.no-touchevents .b-showreel-player-caption-text:hover svg path{transform:translateX(calc(10.632312px + -.632312 * ((100vw - 320px) / 1120)))}.b-showreel-marquee{position:absolute;right:0;left:0;transform:translateY(-100%);transition-property:opacity,transform;transition-duration:1s;transition-timing-function:cubic-bezier(.23,1,.32,1)}.is-in-viewport .b-showreel-marquee{transform:translateY(-60%)}.b-showreel-marquee-body{display:-moz-flex;display:flex;-moz-flex-direction:row;flex-direction:row;-moz-align-items:center;align-items:center;-moz-justify-content:flex-start;justify-content:flex-start;height:calc(57.453552px + 102.546448 * ((100vw - 320px) / 1120));overflow:hidden;width:100%}.b-showreel-marquee-text{animation:b-showreel-animation linear infinite 12s;color:#fff;font-size:calc(44.967888px + 75.032112 * ((100vw - 320px) / 1120));font-weight:900;margin:0;padding-left:calc(44.967888px + 75.032112 * ((100vw - 320px) / 1120));padding-right:calc(44.967888px + 75.032112 * ((100vw - 320px) / 1120));text-transform:uppercase;white-space:nowrap}@supports (-webkit-text-stroke-width:calc(1px + 0 * ((100vw - 320px)/1120))){.b-showreel-marquee-text{-webkit-text-stroke-width:calc(1px + 0 * ((100vw - 320px) / 1120));-webkit-text-stroke-color:#fff;color:transparent}}@keyframes b-showreel-animation{to{transform:translateX(-100%)}}