.pure-skip-link{position:absolute;left:-10000px;top:8px;z-index:100000;background:#fff;color:#111;padding:12px 18px;border:2px solid #111}.pure-skip-link:focus{left:8px}.pure-logo{max-width:100%;height:auto}#main-content:focus{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #0675a5;outline-offset:3px}

/* Keep responsive image proportions when Imagify adds a picture wrapper. */
#pure-home-slider .item picture{display:block;width:100%}
#pure-home-slider .item picture img{display:block;max-width:100%;width:100%;height:auto}
#main-content picture img{max-width:100%;height:auto}
picture.img-responsive{display:block;max-width:100%}
.pure-logo img{max-width:100%;height:auto}

.video-wrap>img{display:block;width:100%;height:auto}

@font-face {
    font-family: 'rm_pro';
    src: url('../fonts/rmpro-light-webfont.eot');
    src: url('../fonts/rmpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rmpro-light-webfont.woff2') format('woff2'),
         url('../fonts/rmpro-light-webfont.woff') format('woff'),
         url('../fonts/rmpro-light-webfont.ttf') format('truetype'),
         url('../fonts/rmpro-light-webfont.svg#rm_prolight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'rm_pro';
    src: url('../fonts/rmpro-regular-webfont.eot');
    src: url('../fonts/rmpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rmpro-regular-webfont.woff2') format('woff2'),
         url('../fonts/rmpro-regular-webfont.woff') format('woff'),
         url('../fonts/rmpro-regular-webfont.ttf') format('truetype'),
         url('../fonts/rmpro-regular-webfont.svg#rm_proregular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'rm_pro';
    src: url('../fonts/rmpro-bold-webfont.eot');
    src: url('../fonts/rmpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rmpro-bold-webfont.woff2') format('woff2'),
         url('../fonts/rmpro-bold-webfont.woff') format('woff'),
         url('../fonts/rmpro-bold-webfont.ttf') format('truetype'),
         url('../fonts/rmpro-bold-webfont.svg#rm_probold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;

}

.pure-showreel-facade{position:absolute;inset:0;z-index:10;width:100%;height:100%;border:0;padding:0;cursor:pointer;background-color:#202425;background-size:cover;background-position:center}
.pure-showreel-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:13px 18px;color:#fff;background:rgba(0,0,0,.85);font:600 17px/1.4 Arial,sans-serif;white-space:nowrap}
.pure-showreel-label:before{content:"";display:inline-block;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:12px solid #fff;margin-right:10px;vertical-align:-2px}
.pure-showreel-fallback{position:absolute;z-index:11;left:8px;bottom:8px;background:#fff;color:#111;padding:10px}

/* Reserve logo space before responsive image decoding. */
picture.pure-logo{display:block;width:100%;max-width:140px;aspect-ratio:1 / 1}
picture.pure-logo>img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:767px){picture.pure-logo{width:60px;height:60px}}

/* Preserve the mobile layout without caching device-specific PHP output. */
@media(max-width:767px),(hover:none) and (pointer:coarse){.pure-desktop-intro-video,.pure-desktop-project-media{display:none!important}}