@charset "UTF-8";:root{--t-black: #000000;--t-blue: #3433E2;--t-pink: #FF66CC;--t-turquoise: #55FFE1;--t-white: #FFFFFF;--t-yellow: #FEF864;--u-global-gutter: calc(1.25rem + (100 - 20) * var(--u-viewport-scale));--u-viewport-scale:calc(100vw - 375px) / (1440 - 375);font-size:1rem}*,*:before,*:after{box-sizing:border-box}@view-transition{navigation: auto;}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul{margin:0}html{scroll-behavior:smooth}body{position:relative;min-height:100vh;background-color:var(--t-black);color:var(--t-white);text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width: 48rem){body{padding-inline:calc(var(--u-global-gutter) / 2)}}body[data-navigation-active]{overflow:hidden}h1,h2,h3,h4{font-weight:inherit}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}a:not([class]){color:currentColor;text-decoration:underline;text-decoration-thickness:.12ch;text-underline-offset:.4ch;text-decoration-color:var(--t-accent)}@media (hover: hover){a:not([class]){transition:color .3s}a:not([class]):hover{color:var(--t-accent)}}button{all:unset;box-sizing:border-box;cursor:pointer}strong{color:var(--t-accent);font-weight:600}svg{overflow:visible}[x-cloak]{display:none!important}.u-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.o-emphasis{position:relative;white-space:nowrap;font-style:inherit}.o-emphasis svg{position:absolute;bottom:-.15ch;left:50%;transform:translate(-55%);width:120%;height:.5ch}.o-grid{display:grid;column-gap:calc(.625rem + (20 - 10) * var(--u-viewport-scale));grid-template-columns:repeat(12,1fr)}.o-grid>*{grid-column:1/-1}.o-heading,.c-text em,.c-text h4,.c-text h3,.c-button{font-family:contempora-sans-condensed,sans-serif;color:var(--t-accent);font-weight:400;font-style:normal;line-height:.9;text-transform:uppercase}.o-heading--1{font-size:calc(3.125rem + (90 - 50) * var(--u-viewport-scale))}.o-heading--2,.c-text h3{font-size:calc(2.5rem + (75 - 40) * var(--u-viewport-scale))}.o-heading--3,.c-text h4{font-size:calc(2.1875rem + (60 - 35) * var(--u-viewport-scale))}.o-heading--4,.c-text em,.c-button{font-size:calc(1.5rem + (38 - 24) * var(--u-viewport-scale))}.o-image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.o-image.has-loaded{opacity:1}.o-paragraph{font-family:calluna,serif;font-weight:400;font-variant-numeric:lining-nums}.o-paragraph--1{font-size:calc(1.625rem + (35 - 26) * var(--u-viewport-scale));line-height:1.2;font-weight:600}.o-paragraph--2{font-size:calc(1.25rem + (28 - 20) * var(--u-viewport-scale));line-height:1.4}.o-paragraph--3{font-size:calc(1.125rem + (22 - 18) * var(--u-viewport-scale))}.o-title{font-family:montserrat,sans-serif;color:var(--t-accent);font-weight:600;font-style:normal;line-height:1.2;text-transform:uppercase}.o-title--1{font-size:calc(1.125rem + (20 - 18) * var(--u-viewport-scale))}.o-title--2{font-size:calc(.875rem + (16 - 14) * var(--u-viewport-scale))}.c-button{display:inline-block;padding:1.75ch 3ch;border:solid 2px var(--t-accent);text-align:center;text-decoration:none}@media (hover: hover){.c-button{transition:background-color .3s ease,color .3s ease}.c-button:hover{background-color:var(--t-accent);color:var(--t-black)}}.c-device{position:relative;display:grid;aspect-ratio:438/891}.c-device__ui{position:absolute;top:2.2%;right:5%;bottom:2.2%;left:5%;border-radius:14%/6%;overflow:hidden}.c-device__frame{width:100%;height:auto}.c-page-footer{padding-inline:calc((1.25rem + (100 - 20) * var(--u-viewport-scale)) / 2);padding-bottom:calc(clamp(6.25rem,calc(1.25rem + (100 - 20) * var(--u-viewport-scale)) * 1.5,18.75rem)/2)}.c-page-footer__registration{margin-top:clamp(6.25rem,calc(1.25rem + (100 - 20) * var(--u-viewport-scale)) * 1.5,18.75rem);opacity:.5;text-align:center}@media (min-width: 48rem){.c-page-footer .c-showreel{grid-column:3/-3}}.c-scroller{display:flex;align-items:center;gap:1ch;margin-inline:auto}.c-scroller__icon{position:relative;width:2ch;height:3.5ch;border:solid 2px currentColor;border-radius:1.25rem;transition:all .3s}.c-scroller__icon>*{position:absolute;top:.375rem;left:50%;transform:translate(-50%);width:2px;height:.75ch;border-radius:3ch;background-color:currentColor;animation:scroller 2s infinite}.c-scroller__label{color:currentColor}@keyframes scroller{0%{transform:translate(-50%)}to{transform:translate(-50%,150%)}}.c-section{position:relative;padding:clamp(6.25rem,calc(1.25rem + (100 - 20) * var(--u-viewport-scale)) * 1.5,18.75rem) calc(1.25rem + (100 - 20) * var(--u-viewport-scale));overflow:hidden}@media (min-width: 48rem){.c-section{padding:clamp(6.25rem,calc(1.25rem + (100 - 20) * var(--u-viewport-scale)) * 1.5,18.75rem) calc((1.25rem + (100 - 20) * var(--u-viewport-scale)) / 2);overflow:unset}}.c-section:first-of-type{padding-top:0}.c-section[data-background=blue]{background-color:var(--t-blue);color:var(--t-white)}.c-section[data-background=turquoise]{background-color:var(--t-turquoise);color:var(--t-black)}.c-section[data-accent=blue]{--t-accent: var(--t-blue)}.c-section[data-accent=pink]{--t-accent: var(--t-pink)}.c-section[data-accent=turquoise]{--t-accent: var(--t-turquoise)}.c-section[data-accent=yellow]{--t-accent: var(--t-yellow)}.c-section[data-background=blue]:first-of-type,.c-section[data-background=turquoise]:first-of-type{margin-top:calc((1.25rem + (100 - 20) * var(--u-viewport-scale)) / 2)}.c-section[data-background=blue]+.c-page-footer,.c-section[data-background=turquoise]+.c-page-footer{margin-top:clamp(6.25rem,calc(1.25rem + (100 - 20) * var(--u-viewport-scale)) * 1.5,18.75rem)}.c-section>[data-component]+[data-component]{margin-top:calc(clamp(6.25rem,calc(1.25rem + (100 - 20) * var(--u-viewport-scale)) * 1.5,18.75rem) / 1.5)}.c-section>[data-component=logo-carousel]{margin-bottom:calc(0px - (1.25rem + (100 - 20) * var(--u-viewport-scale)))}.c-section:not([data-background=none]){overflow:hidden}.c-section:not([data-background=none]):after{content:"";position:absolute;top:calc(0px - (1.25rem + (100 - 20) * var(--u-viewport-scale)));right:calc(0px - (1.25rem + (100 - 20) * var(--u-viewport-scale)));transform:rotate(45deg);border:calc(1.25rem + (100 - 20) * var(--u-viewport-scale)) solid transparent;border-bottom-color:var(--t-black)}.c-showreel{display:grid;aspect-ratio:820/843;clip-path:url(#clip-logo)}.c-showreel__video{position:relative;grid-row:1/-1;grid-column:1/-1;width:100%;height:100%;object-fit:cover;z-index:1}.c-showreel__background{grid-row:1/-1;grid-column:1/-1;background-color:var(--t-accent);opacity:0}.c-asset,.c-asset__image{display:grid}.c-asset__image .o-image{aspect-ratio:1000/600}.c-asset__image:after{content:"";position:relative;display:block;width:100%;height:.5ch;border-radius:.15ch;background-color:var(--t-accent);border-bottom:solid .25ch var(--t-accent);z-index:1}@media (min-width: 48rem){.c-asset__image{grid-column:2/-2}}.c-callout{position:relative;padding:3ch}.c-callout:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--t-accent);opacity:.15;z-index:1}.c-callout__heading,.c-callout__content{position:relative;z-index:2}.c-callout__content{margin-top:2ch}.c-callout__content p+p{margin-top:2ch}.c-content{row-gap:calc(clamp(6.25rem,calc(1.25rem + (100 - 20) * var(--u-viewport-scale)) * 1.5,18.75rem)/2)}@media (min-width: 48rem){.c-content .c-callout,.c-content .c-list,.c-content .c-text{grid-column:3/-2}}@media (min-width: 75rem){.c-content .c-callout,.c-content .c-list,.c-content .c-text{grid-column:4/-2}}.c-cta{text-align:center}@media (min-width: 75rem){.c-cta__heading,.c-cta__subheading{grid-column:2/-2}}.c-cta__subheading{margin-top:1ch}.c-cta__content{margin-top:3ch}@media (min-width: 48rem){.c-cta__content{grid-column:2/-2}}@media (min-width: 75rem){.c-cta__content{grid-column:3/-3}}.c-cta__button{margin-top:3ch}.c-form__fields,.c-form__actions{display:grid}@media (min-width: 48rem){.c-form__fields,.c-form__actions{grid-column:3/-3}}@media (min-width: 75rem){.c-form__fields,.c-form__actions{grid-column:4/-4}}.c-form__fields{gap:3ch}.c-form__actions{margin-top:3ch}.c-form__disclaimer{margin-top:clamp(6.25rem,calc(1.25rem + (100 - 20) * var(--u-viewport-scale)) * 1.5,18.75rem);text-align:center;opacity:.5}.c-form__disclaimer a{text-decoration-color:currentColor;white-space:nowrap}@media (hover: hover){.c-form__disclaimer a:hover{color:currentColor}}.c-form-field{display:grid;gap:1ch}.c-form-field__label span{color:var(--t-accent)}.c-form-field__input{display:grid}.c-form-field__input textarea,.c-form-field__input input[type=tel],.c-form-field__input input[type=text],.c-form-field__input input[type=email]{all:unset;box-sizing:border-box;padding:1ch 1.5ch;background-color:var(--t-white);color:var(--t-black)}@media (min-width: 48rem){.c-heading__preheading,.c-heading__heading{grid-column:2/-2}}.c-heading__preheading{display:flex;align-items:center;gap:1ch;margin-bottom:3ch}.c-heading__preheading:before{content:"";width:3ch;height:2px;background-color:currentColor}.c-hero{text-align:center}.c-hero__preheading{margin-bottom:4ch}@media (min-width: 75rem){.c-hero__heading{grid-column:2/-2}}.c-hero__content{margin-top:3ch;scroll-margin-bottom:5ch}@media (min-width: 48rem){.c-hero__content{grid-column:2/-2}}@media (min-width: 75rem){.c-hero__content{grid-column:3/-3}}.c-hero__showreel{padding-top:2ch}@media (min-width: 48rem){.c-hero__showreel{display:flex;justify-content:center;align-items:center;padding-block:2vh;height:100vh}}.c-hero__showreel .c-showreel{width:100%}@media (min-width: 48rem){.c-hero__showreel .c-showreel{width:unset;height:100%}}.c-hero__logo{display:flex;justify-content:center;margin-block:calc(1.25rem + (100 - 20) * var(--u-viewport-scale)) 2ch}.c-hero__logo svg{width:10ch;height:auto;color:var(--t-accent)}.c-hero .c-scroller{display:none}@media (min-width: 48rem){.c-hero .c-scroller{position:fixed;display:flex;bottom:2ch;right:2ch;opacity:.25;transition:opacity .3s}[data-page-scrolled] .c-hero .c-scroller{opacity:0}}.c-lede__heading{margin-bottom:.5ch}@media (min-width: 48rem){.c-lede__heading{grid-column:2/6}}@media (min-width: 48rem){.c-lede__content{grid-column:7/-2}}.c-list{display:grid;row-gap:3ch;padding:0;list-style:none}.c-list__item{display:flex;gap:2ch}.c-list__item-icon{flex-shrink:0;position:relative;display:flex;width:4.5ch;height:4.5ch;border-radius:100%;overflow:hidden;color:var(--t-accent)}.c-list__item-icon svg{position:relative;width:60%;margin:auto;z-index:2}.c-list__item-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--t-accent);opacity:.15;z-index:1}.c-logo-carousel{--slide-width: 50vw;margin-inline:calc(0px - (1.25rem + (100 - 20) * var(--u-viewport-scale)) * 2);overflow:hidden;opacity:.4}@media (min-width: 48rem){.c-logo-carousel{--slide-width: calc(40vw - calc(calc(1.25rem + (100 - 20) * var(--u-viewport-scale)) * 2));margin-inline:calc(0px - (1.25rem + (100 - 20) * var(--u-viewport-scale)))}}@media (min-width: 75rem){.c-logo-carousel{--slide-width: calc(35vw - calc(calc(1.25rem + (100 - 20) * var(--u-viewport-scale)) * 2))}}.c-logo-carousel__items{display:flex;width:calc(var(--slide-width) * var(--total-slides))}.c-logo-carousel__item{flex-shrink:0;display:flex;width:var(--slide-width);padding:2ch;aspect-ratio:2/1;animation:logoCarousel linear infinite;animation-duration:calc(5s * var(--total-slides));animation-play-state:paused}.is-visible .c-logo-carousel__item{animation-play-state:running}.c-logo-carousel__item .o-image{width:100%;height:100%;object-fit:contain}@keyframes logoCarousel{0%{transform:translate(0)}to{transform:translate(calc(var(--slide-width) * var(--total-slides) * -1))}}.c-projects__group{display:grid;gap:calc(.625rem + (20 - 10) * var(--u-viewport-scale))}.c-projects__group .c-project:nth-child(odd){aspect-ratio:3/4}@media (min-width: 48rem){.c-projects__group .c-project:nth-child(odd){aspect-ratio:1/2}}.c-projects__group .c-project:nth-child(2n){aspect-ratio:4/3}@media (min-width: 48rem){.c-projects__group .c-project:nth-child(2n){aspect-ratio:2/1}}@media (min-width: 48rem){.c-projects__group{aspect-ratio:1240/1070;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr)}.c-projects__group .c-project:nth-child(odd),.c-projects__group .c-project:nth-child(2n){aspect-ratio:unset}.c-projects__group .c-project:nth-child(1){grid-row:1/3;grid-column:1/2}.c-projects__group .c-project:nth-child(2){grid-row:1/2;grid-column:2/3}.c-projects__group .c-project:nth-child(3){grid-row:3/4;grid-column:1/2}.c-projects__group .c-project:nth-child(4){grid-row:2/4;grid-column:2/3}}.c-project{position:relative;background-color:#ffffff1a;overflow:hidden}@media (hover: hover){.c-project:hover .c-project__media{opacity:.5}}.c-project:before{content:"";position:absolute;bottom:0;left:0;width:100%;aspect-ratio:3/1;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));z-index:2}.c-project__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}@media (hover: hover){.c-project__media{transition:opacity .3s}}.c-project__media .c-device{width:calc(100% - 5ch);margin:3ch auto 0}.c-project__button{position:absolute;display:flex;align-items:flex-end;top:0;right:0;bottom:0;left:0;padding:2ch;color:var(--t-white);text-decoration:none;z-index:3}@media (hover: hover){.c-project__button{transition:color .3s}.c-project__button:hover{color:var(--t-accent)}}.c-project__button svg{width:2ch;height:auto}.c-project__meta{display:grid;row-gap:.5ch}.c-project__title{display:flex;align-items:center;gap:1ch;color:currentColor}.c-quote{row-gap:1.5ch}@media (min-width: 48rem){.c-quote{row-gap:2.5ch}}.c-quote__icon{width:10ch;color:var(--t-accent)}@media (min-width: 48rem){.c-quote__icon{width:auto;grid-row:1;grid-column:2/4;margin-right:1.5ch}}.c-quote__content{color:var(--t-accent)}@media (min-width: 48rem){.c-quote__content{grid-row:1;grid-column:4/-1}}@media (min-width: 75rem){.c-quote__content{grid-column:4/-3}}.c-quote__source:before{content:"—";margin-right:1ch}@media (min-width: 48rem){.c-quote__source{grid-row:2;grid-column:2/-1}}@media (min-width: 75rem){.c-quote__source{grid-column:2/-3}}.c-text h3{margin-bottom:1.5ch}.c-text h3:not(:first-child){margin-top:2.5ch}.c-text h4{margin-bottom:1ch}.c-text h4:not(:first-child){margin-top:2.5ch}.c-text p+p,.c-text p+ul,.c-text ul+p{margin-top:2ch}.c-text li+li{margin-top:.5ch}.c-text em{display:inline-flex;transform:translateY(.15ch);line-height:0;white-space:nowrap}
