body{height:100%;width:100%}body,section,nav,div,a,p,strong,h1,h2,h3,h4,h5,h6,button,ul,li,ol,span,textarea,input{box-sizing:border-box;margin:0;padding:0;outline:0;font:inherit;font-size:inherit}body{background-color:#000}@font-face{font-family:PPFragment Text;src:url(/fonts/PPFragment-TextRegular.woff2) format("woff2"),url(/fonts/PPFragment-TextRegular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PPFragment Sans;src:url(/fonts/PPFragment-SansLight.woff2) format("woff2"),url(/fonts/PPFragment-SansLight.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:PPFragment Text;src:url(/fonts/PPFragment-TextRegularItalic.woff2) format("woff2"),url(/fonts/PPFragment-TextRegularItalic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:PPFragment Sans;src:url(/fonts/PPFragment-SansRegular.woff2) format("woff2"),url(/fonts/PPFragment-SansRegular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}body,#root{font-size:16px}@media (min-width: 768px){body,#root{font-size:18px}}@media (min-width: 1280px){body,#root{font-size:22px}}@media (min-width: 1440px){body,#root{font-size:24px}}h1.red,h2.red,h3.red,h4.red,h5.red,p.red,span.red{color:#f15c3e}h1.green,h2.green,h3.green,h4.green,h5.green,p.green,span.green{color:#1b7777}h1.black,h2.black,h3.black,h4.black,h5.black,p.black,span.black{color:#000}h1.white,h2.white,h3.white,h4.white,h5.white,p.white,span.white{color:#fff}h1,h2,h3,h4{font-family:PPFragment Text;font-weight:400;line-height:1.1;margin-bottom:.5em}p,.p1{font-family:PPFragment Sans;margin-bottom:.7em}p.xl,.p1.xl{font-size:1.25em}.p2{font-size:1em}.p3{font-size:.8em;line-height:1.1}h1{text-transform:uppercase;font-size:2.5em}h2{font-size:2em}h2.xl{font-size:3.2em}h3{font-size:1.6em;line-height:1.2}@media (min-width: 414px){h1{text-transform:uppercase;font-size:3.5em}h2{font-size:2.5em}h2.xl{font-size:4em}h3{font-size:1.8em}}h1 .overflow-hidden,h2 .overflow-hidden,h3 .overflow-hidden,h4 .overflow-hidden,p .overflow-hidden,.overflow-hidden{overflow-y:hidden;position:relative}.margin-top{margin-top:1em}.padding-top{padding-top:1em}.margin-bottom{margin-bottom:1em}.padding-bottom{padding-bottom:1em}.col2{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:.5em}section{background-position:center top;background-size:contain;background-repeat:no-repeat;flex-direction:column;min-height:auto;display:flex;align-items:stretch;justify-content:center;height:100%;min-height:100lvh;padding:3em 0}@media (min-width: 768px){section{padding:3em 2em}}@media (min-width: 1024px){section{padding:4em 6em}}section.light-blue{background-color:#bfd4d7}section.beige{background-color:#ece8e7}section.light{background-color:#f9f4e9}section.red{background-color:#f15c3e}section.green{background-color:#1b7777}section.dark{background-color:#22222c;color:#fff}section.black{background-color:#000;color:#fff}.flex{display:flex;position:relative}.flex.centred{align-items:center;justify-content:center}.container{position:relative;margin:0 auto;width:100%;max-width:1280px;padding:0 1em;z-index:0;overflow-x:hidden}.container.left{align-items:center;justify-content:flex-start;text-align:left}@media (min-width: 414px){.container{padding:0 2em}}@media (min-width: 768px){.container{overflow-x:visible;padding:0 4em}}button{outline:0;border:0;font-family:PPFragment Sans;font-weight:400;line-height:1;padding:.7em 2em;border-radius:2em;font-size:1.2em;color:#fff;background:#1b7777;border:2px solid #1b7777;cursor:pointer;transition:background .2s ease-out,border-color .2s ease-out,color .2s ease-out}button.red{background:#f15c3e;border:2px solid #f15c3e}button.red.inverted{background:#ffffff0d;color:#f15c3e}button.black{background:#000;border:2px solid #000}button.white{background:#fff;border:2px solid #fff;color:#000}button.border-black{border-color:#000}button.border-white{border-color:#fff}button:hover{background:#ffffff0d;color:#1b7777}button:hover.red{background:transparent;color:#f15c3e}button:hover.red.inverted{background:#f15c3e;border:2px solid #f15c3e;color:#fff}button:hover.black{color:#000}button:hover.black.border-white{background-color:#fff;border-color:#fff}button:hover.white{background:#000;color:#fff}button:hover.white.border-black{border-color:#000}.email-button-icon,.close-x-icon{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;width:auto;height:20px;padding:10px}.email-button-icon .white,.close-x-icon .white{stroke:#fff}.email-button-icon .red,.close-x-icon .red{stroke:#f15c3e}.email-button-icon .green,.close-x-icon .green{stroke:#1b7777}.email-button-icon .black,.close-x-icon .black{stroke:#000}.close-x-icon{height:10px;padding:2px 0}@media (min-width: 768px){.close-x-icon{height:15px;padding:2px 0}}.hero-image{position:relative;min-height:auto;display:block;margin:0;padding:0;line-height:0}.hero-image img{object-fit:cover;width:100%;height:100%}.video-holder img{position:relative;width:100%;height:100%;top:0;left:0;object-fit:cover}@media (min-width: 1024px){.cursor{-webkit-user-select:none;user-select:none;pointer-events:none;top:-.3em;left:-.3em;width:.6em;height:.6em;background:#fff;border-radius:50%;mix-blend-mode:exclusion;position:fixed;z-index:500;transform:translate(-20px,-20px) rotate(0) scaleX(1);transition:transform .2s cubic-bezier(.2,1,.2,1)}}.section__loader{width:100%;height:100%;position:fixed;z-index:1000;background-color:#f15c3e!important;background:linear-gradient(0deg,#e30101,#f15c3e)!important}.section__loader.black{background-color:#000!important;background:linear-gradient(0deg,#000,#22222c)!important}.section__loader.black .rounded-end svg{fill:#000}.section__loader svg.oko-loader .clip-mask{fill:none}.section__loader svg.oko-loader .oko-mask-2{clip-path:url(#oko-clippath-2)}.section__loader svg.oko-loader .oko-mask-4{clip-path:url(#oko-clippath-4)}.section__loader svg.oko-loader .oko-mask-5{clip-path:url(#oko-clippath-5)}.section__loader svg.oko-loader .oko-mask-3{clip-path:url(#oko-clippath-3)}.section__loader svg.oko-loader .oko-mask-6{clip-path:url(#oko-clippath-6)}.section__loader svg.oko-loader .oko-mask-1{clip-path:url(#oko-clippath-1)}.section__loader svg.oko-loader .black{fill:#000}.section__loader svg.oko-loader .green{fill:#1b7777}.section__loader svg.oko-loader .white{fill:#fff}.section__loader svg.m-loader{width:20vw;max-width:8em}.section__loader svg.m-loader .clip-mask{fill:none}.section__loader svg.m-loader .gradient-rect{fill:url(#linear-gradient)}.section__loader svg.m-loader .m-outline{clip-path:url(#clippath-outline)}.section__loader svg.m-loader .m-fills.black{fill:#000}.section__loader svg.m-loader .m-fills.green{fill:#1b7777}.section__loader svg.m-loader .m-fills.white{fill:#fff}.section__loader svg.m-loader .m1{clip-path:url(#clippath-m1)}.section__loader svg.m-loader .m2{clip-path:url(#clippath-m2)}.section__loader svg.m-loader .m3{clip-path:url(#clippath-m3)}.section__loader svg.m-loader rect{transform-origin:top center}.section__loader svg.m-loader .m-outline rect{transform-origin:center}.section__loader .rounded-end{position:absolute;width:100%;left:0;top:calc(100% - 1px);transform-origin:top}.section__loader .rounded-end svg{width:100%;height:auto;fill:#e30101}.nav-logo{position:fixed;top:0;left:0;z-index:250;padding:0 1em}@media (min-width: 414px){.nav-logo{padding:0 2em}}@media (min-width: 768px){.nav-logo{left:2em;padding:0}}.nav-logo .logo{height:5em;width:auto;margin-left:-.3em;filter:drop-shadow(0 -40px 40px rgba(0,0,0,.5))}.nav-logo .logo .badge{fill:#fff}nav{position:fixed;top:0;z-index:150;width:100%}nav .container{display:flex;align-items:left;justify-content:flex-start;overflow-x:visible}@media (min-width: 768px){nav .container{position:static}}nav .nav-menu-icon{position:absolute;top:0;right:0;cursor:pointer}nav .nav-menu-icon svg{position:absolute;top:0;right:0}nav .nav-menu-icon svg .white{fill:none;stroke:#fff;stroke-linecap:round;stroke-miterlimit:10;stroke-width:2px;transform-origin:center;transition:transform .6s cubic-bezier(.23,1,.32,1)}nav .nav-menu-icon svg .burger.open .white:nth-child(1){transform:translate(-6.6px,6.6px) rotate(45deg)}nav .nav-menu-icon svg .burger.open .white:nth-child(2){transform:rotate(90deg) scaleX(0)}nav .nav-menu-icon svg .burger.open .white:nth-child(3){transform:translate(6.6px,6.6px) rotate(135deg)}.nav__menu{position:absolute;width:100vw;height:100vh;height:100dvh;top:0;right:0;z-index:-1;transform-origin:100% 0%;border-radius:0 0 0 10px;transform:skew(25deg) translate3d(calc(100% - 61px),calc(-100% + 41px),0);box-shadow:20px -20px 40px #00000080;background:#fff;transition:transform .7s cubic-bezier(.86,0,.07,1),border-radius .7s cubic-bezier(.86,0,.07,1),background-color .7s cubic-bezier(.86,0,.07,1);transition-delay:0s;display:flex;align-items:center;justify-content:center;padding:10em;color:#fff}.nav__menu.open{transform:skew(0) translateZ(0);background:#000;border-radius:0}.nav__menu .contact{background-color:transparent}.nav__menu .container{position:relative;width:100vw;max-width:50em}.nav__menu .container>div{width:100%}.nav__menu .container .contact__content{position:relative;width:100%}.nav__menu .container .contact__content .contactForm{width:100%}.nav__menu ul{list-style:none;font-size:2em;margin:0;line-height:1}.nav__menu ul li a{display:inline-block;width:auto;position:relative;padding:.6em 0;text-decoration:none;outline:none;color:#fff}.nav__menu ul li a:after{bottom:.4em;left:0;position:absolute;content:"";background-color:#f15c3e;width:100%;height:.04em;transform:scaleX(0);transform-origin:100% 0;transition:transform .3s cubic-bezier(.23,1,.32,1)}.nav__menu ul li a:hover{color:#f15c3e}.nav__menu ul li a:hover:after{transform:scaleX(1);transform-origin:0 0}.hero{position:relative;padding:0;height:200vh;background-color:#f9f4e9!important}.hero .p1{margin-bottom:2em}.hero .video-holder{background-color:#f9f4e9;position:absolute;width:100%;height:100vh;top:0;transform-origin:bottom center;overflow:hidden}.hero .video-holder video,.hero .video-holder .button-holder{width:100%;height:100%;top:0;left:0;object-fit:cover}.hero .video-holder .button-holder{position:absolute;display:flex;align-items:center;justify-content:center}.hero .video-holder .button-holder button{position:relative;border-color:#fff}.hero .video-holder .button-holder button:hover{border-color:#000}.hero .hero-top-layer{z-index:2;background-color:#000;mix-blend-mode:multiply;flex-flow:column;justify-content:center;align-items:stretch;width:100%;height:100svh;display:flex;position:absolute;inset:0% 0% auto}.hero .hero-top-layer .left{position:relative;padding:7em 0 0;width:100%;display:flex;justify-content:inherit;align-items:inherit}.hero .hero-top-layer .left h1 div div,.hero .hero-top-layer .left .p1 div div{display:inline-block!important;background:#000;padding:.3em;margin-bottom:-.3em;color:#fff}.hero .hero-top-layer .left .p1 div{display:inline-block;padding:.3em;margin-bottom:-.3em}.hero .hero-top-layer .left h1 div{margin-bottom:-.1em}@media (min-width: 480px){.hero .hero-top-layer .left h1{font-size:4em}}.hero .hero-top-layer .left button:hover.red{color:#f15c3e;border-color:#fff;background:#fff}@media (min-width: 480px){.hero .hero-top-layer .left{padding:10em 0 6em;max-width:90%;height:100%}}@media (min-width: 768px){.hero .hero-top-layer .left{max-width:65%;height:100%}}@media (min-width: 1024px){.hero .hero-top-layer .left{width:80%}}.hero .hero-top-layer .scroll-prompt-container{width:100%;position:absolute;display:flex;bottom:-.15vh;justify-content:center;transform-origin:center bottom}.hero .hero-top-layer .scroll-prompt-container .scroll-prompt{height:1.6rem;width:auto}.hero .hero-top-layer .scroll-prompt-container .scroll-prompt path,.hero .hero-top-layer .scroll-prompt-container .scroll-prompt g{transform-origin:center bottom}@media (min-width: 480px){.hero .hero-top-layer .scroll-prompt-container .scroll-prompt{height:2.2rem}}.hero .hero-top-layer .scroll-prompt-container .scroll-prompt .white{fill:#fff}.hero .hero-top-layer .scroll-prompt-container .scroll-prompt .black{fill:#000}.video-overlay{position:fixed;top:0;left:0;background:#000;width:100%;height:100vh;z-index:100;padding:1em}.video-overlay .video-aspect{position:relative;aspect-ratio:1.7777777778;width:100%;height:auto;max-height:100dvh;background:#000}.video-overlay .video-aspect video{object-fit:contain;width:100%;height:100%}@media (min-width: 768px){.video-overlay{padding:3em}}@media (min-width: 1024px){.video-overlay{padding:4em}}.video-overlay .button-close{position:absolute;top:0;right:0;padding:.25em .5em;background:#000}.about{height:auto;min-height:100dvh;padding-bottom:1em;text-align:left;position:relative}.about h2{margin:0 0 .25em;text-align:left}@media (max-width: 767px){.about{justify-content:space-between;padding-top:5em}.about h2{margin:0 0 .25em}}.our-brands{height:auto;min-height:auto;padding:0}.our-brands h2{margin-bottom:2em;color:#1b7777}.our-brands .brands h3{border-bottom:.5px dotted black;padding:.4em 0;margin-top:1.5em}.our-brands .brands .brands__content{display:grid;grid-auto-rows:0;grid-gap:0 2em;align-content:center;align-items:center;justify-items:center;grid-template-columns:repeat(3,1fr);margin:3em 0}@media (min-width: 992px){.our-brands .brands .brands__content{grid-template-columns:repeat(5,1fr);margin:5em 0}}.our-brands .brands .brands__content img{width:90%;height:auto;opacity:.82}.capabilities{z-index:20}.capabilities .capabilities__title{margin-top:3em;margin-bottom:2em}@media (min-width: 768px){.capabilities .capabilities__title{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:0}.capabilities .capabilities__title .capabilities__description{padding-left:3em}}.capabilities .capabilities__content{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;grid-column-gap:16px;grid-row-gap:24px;margin:0 auto;width:100%}@media (min-width: 414px){.capabilities .capabilities__content{grid-template-columns:repeat(2,1fr);grid-column-gap:24px;grid-row-gap:48px}}@media (min-width: 768px){.capabilities .capabilities__content{grid-template-columns:repeat(3,1fr);grid-column-gap:24px;grid-row-gap:48px;padding:80px 0}}.capabilities .capabilities__content .capabilities__item{position:relative}.capabilities .capabilities__content .capabilities__item .capabilities__item__image{background-color:#1b7777;max-width:100%;transition:all .4s;-webkit-transform:scale(1);transform:scale(1);display:block;width:100%;height:auto;border-radius:8px}.capabilities .capabilities__content .capabilities__item .capabilities__item__image img{max-width:100%;transition:all .4s;-webkit-transform:scale(1);transform:scale(1);display:block;width:100%;height:auto;border-radius:8px;mix-blend-mode:subtract}.capabilities .capabilities__content .capabilities__item .capabilities__item__description{text-align:left;padding:.3em;opacity:.6}.capabilities .capabilities__content .capabilities__item .capabilities__item__description h3{margin-top:.7em}.work,.work-detail{padding:4em 1em}.work .work__title,.work-detail .work__title{padding:0 2em}@media (min-width: 414px){.work,.work-detail{padding:4em 2em}.work .work__title,.work-detail .work__title{padding:0 4em}}@media (min-width: 728px){.work,.work-detail{padding:4em}}.work .description,.work-detail .description{margin:4em 0 2em;text-align:left}.work .description h1,.work-detail .description h1{font-size:2em;text-transform:unset;opacity:.5}.work .work__content,.work-detail .work__content{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;grid-column-gap:16px;grid-row-gap:24px;margin:0 auto;width:100%;z-index:20}@media (min-width: 1280px){.work .work__content,.work-detail .work__content{grid-template-columns:repeat(2,1fr);grid-column-gap:24px;grid-row-gap:48px;padding:80px 0}}.work .work__content .work__item,.work-detail .work__content .work__item{position:relative;cursor:pointer}.work .work__content .work__item a,.work-detail .work__content .work__item a{text-decoration:none;color:#000;font-size:.8em}.work .work__content .work__item .work__item__image,.work-detail .work__content .work__item .work__item__image{max-width:100%;transition:all .4s;-webkit-transform:scale(1);transform:scale(1);display:block;width:100%;height:auto;border-radius:8px;overflow:hidden;transition:filter .5s cubic-bezier(.23,1,.32,1)}.work .work__content .work__item .work__item__image img,.work-detail .work__content .work__item .work__item__image img{max-width:100%;transition:transform .4s;-webkit-transform:scale(1);transform:scale(1);display:block;width:100%;height:auto;border-radius:8px;filter:saturate(.82)}.work .work__content .work__item .work__item__image:after,.work-detail .work__content .work__item .work__item__image:after{content:"";width:100%;height:100%;top:0;left:0;position:absolute;background-color:#1b7777;mix-blend-mode:multiply;opacity:0}.work .work__content .work__item .work__item__description,.work-detail .work__content .work__item .work__item__description{text-align:left;padding:.3em;opacity:.6}.work .work__content .work__item:hover .work__item__image,.work-detail .work__content .work__item:hover .work__item__image{filter:saturate(1)}@media (min-width: 768px){.work .work__content .work__item:hover .work__item__image img,.work-detail .work__content .work__item:hover .work__item__image img{-webkit-transform:scale(1.01);transform:scale(1.01);filter:saturate(1)}}.work .work__content .work__item:hover .work__item__image:after,.work-detail .work__content .work__item:hover .work__item__image:after{opacity:0}.work-nav-button{width:100%;position:relative;text-align:left;text-decoration:none;color:#fff}.work-nav-button:last-child{text-align:right}.work-nav-button img{width:100%;height:auto}.contact{z-index:20;position:relative;text-align:left;min-height:calc(100vh - 2.5em)}.contact .contact__content form{display:flex;padding:2em 0;flex-direction:column;color:#fff}.contact .contact__content form input,.contact .contact__content form textarea{position:relative;margin:0 0 1em;font-size:1em;color:#fff;width:100%;background-color:transparent;background:none;outline:none;border:1px solid white;border-radius:.6em;padding:.5em 1em}.contact .contact__content form input::placeholder,.contact .contact__content form textarea::placeholder{color:#fff;opacity:.6}.contact .contact__content form textarea{position:relative;width:100%;min-height:7em}.contact .contact__content form .errorMessage{position:relative;font-size:.7em;color:#f15c3e;margin-bottom:.5em;top:-1.5em;display:inline-block}footer{background-color:#0a0a0a;flex-direction:column;min-height:auto;color:#fff;font-size:.87em;padding:1em 0}@media (min-width: 768px){footer{padding:1em 2em}}@media (min-width: 1024px){footer{padding:1em 6em}}footer p{margin-bottom:0}body{background-color:#22222c;font-family:PPFragment Sans;font-weight:300;margin:0;padding:0;line-height:1.3}body ::selection{color:#22222c;background-color:#f15c3e}body .green::selection{color:#f9f4e9;background-color:#f15c3e}#root{min-height:100%;width:100%;overflow-x:hidden;margin:0 auto;padding:0;text-align:center;display:inline}.noise{position:fixed;width:100%;height:100%;top:0;left:0;background-size:240px 180px;opacity:.12;mix-blend-mode:overlay;pointer-events:none;-webkit-user-select:none;user-select:none}.fade{width:100%;height:6em;margin-bottom:-6em;background:linear-gradient(0deg,#f9f4e900,#f9f4e9e6);position:-webkit-sticky;position:sticky;top:0;z-index:10}.vh100{height:100vh}.svh100{height:100svh;min-height:100svh}.height-auto{height:auto;min-height:auto}.img-cover{width:100%;height:auto}.section__loader{position:fixed;top:0;width:100%;height:100%;z-index:999}