.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero>video{display:none}
.contact>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
:root{--red:#f000a8}
.intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#080909;opacity:1;transition:opacity .55s ease}.intro-video{width:100%;height:100%;object-fit:cover}.intro-skip{position:absolute;z-index:1;right:5.5vw;bottom:5vh;border:1px solid var(--white);background:rgba(8,9,9,.28);color:var(--white);padding:13px 17px;font:10px var(--mono);text-transform:uppercase;cursor:pointer}.intro-skip b{color:var(--red);font-size:16px;margin-left:10px}.intro-skip:hover{border-color:var(--red);color:var(--red)}.intro.is-complete{opacity:0;pointer-events:none}.intro-active{overflow:hidden}
.showreel-shade{display:none}
.showreel-active .logo{visibility:hidden}
.logo{width:116px;height:34px;display:block}
.logo img,.footer-logo img{display:block;width:100%;height:100%;object-fit:contain}
.footer-logo{display:block;width:116px;height:34px}
@media(max-width:800px){.showreel>div{top:22px;right:auto;bottom:auto;left:6vw;transform:none;width:145px;max-width:145px;padding:0;background:none;text-shadow:0 1px 8px rgba(8,9,9,.55)}.showreel h2{font-size:clamp(38px,10vw,50px);line-height:.82;white-space:normal;margin:10px 0 8px}.showreel>div>p:not(.eyebrow){font-size:9px;line-height:1.25;margin-bottom:13px;max-width:145px}.showreel .button{padding:11px 12px;font-size:8px}.showreel-play{top:16%;right:8vw}}