*{padding:0;margin:0;border:0;box-sizing:border-box;cursor:none}html{font-size:20px;scroll-behavior:smooth;overscroll-behavior:none}body{font-size:var(--font-size-body);color:var(--mainColor);font-family:var(--primaryFont);font-weight:400;background:var(--backgroundColor);line-height:1.2;cursor:none}a{text-decoration:none;color:var(--mainColor)}p{line-height:1.4}p a{position:relative;display:inline-block;transition:color .25s ease}p a:before{position:absolute;bottom:1px;width:100%;height:2px;background:var(--mainColor);content:"";transition:.25s;left:0;right:0;margin:0 auto}p a:hover{color:var(--myPetrol)}p a:hover:before{background:var(--myPetrol)}ul,ol{list-style-type:none}p{margin-bottom:1.4em}br{margin:0!important;height:0%}address{font-style:normal}strong,em{font-style:normal;font-weight:var(--font-regular)}fieldset legend{display:none}:root{--primaryFont: "Gilroy", sans-serif;--headerFont:"Recoleta", serif;--fancyFont:"Great Sejagad", serif;--font-regular: 300;--font-medium: 500;--font-bold: 600;--font-size-h1: clamp(1.8rem, 6vw, 5.2rem);--font-size-h1-min: clamp(1.8rem, 5vw, 5.2rem);--font-size-h2: clamp(1.4rem, 4vw, 3rem);--font-size-h3: clamp(1.2rem, 3vw, 1.5rem);--font-size-h3-bumped: clamp(1.4rem, 3.5vw, 2rem);--font-size-h3-bumped-min: clamp(1.2rem, 2.5vw, 2rem);--font-size-h3-min: clamp(1, 3vw, 2rem);--font-size-h4: 1rem;--font-size-kicker: clamp(1.2rem, 3vw, 1.5rem);--font-size-body: clamp(.8rem, 2vw, 1.1rem);--stroke: 1px var(--myWhite);--mainColor: var(--myPetrol);--ownColor: var(--myPetrol);--backgroundColor: var(--myBeige);--highlightColor: var(--myYellow);--myYellow: #FFD825;--myOrange: #F8B02E;--myWhite: #FFFFFF;--myBlack: #070707;--myGrey: #D3D3D3;--myPetrol: #15313F;--myBeige: #FAF1E5;--myBlue: #0094FF;--gradientDark: linear-gradient(325deg, rgba(186, 160, 45, .8), rgba(255, 216, 37, 0));--gradient: linear-gradient(325deg, rgb(255, 216, 37, .8), rgba(255, 216, 37, 0));--gradientReverse: linear-gradient(325deg, rgb(255, 216, 37, .8), rgba(255, 216, 37, 0));--gradientReverseMid: linear-gradient(95deg, rgb(255, 216, 37, .8) 20%, rgba(255, 216, 37, 0) 75%);--gutterSide: 2rem;--gutterTop: 2rem;--maxWidth: 95rem;--maxWidthUltraWide: 150rem;--maxWidthMinusTen: calc(var(--maxWidth) - 10rem);--maxWidthMedium: 80rem;--maxWidthNarrow: 60rem;--width: calc(100% - calc(var(--gutterSide) * 2));--size: 1;--high: clamp(calc(31rem * var(--size)), calc(75vw * var(--size)), calc(100vh - 3rem) );--margin: var(--marginSingular) auto;--marginSingular: clamp(3rem, 15vw, 7rem);--marginSingularTop: clamp(4rem, 15vw, 7rem);--btnPadding: .5em 1em;--btnPaddingNarrow: .5em 1em;--btnPaddingMedium: .5em 1.5em;--btnPaddingWide: .5em 2.1em;--myEaseOut: cubic-bezier(.17,.84,.44,1);--dropShadow: 0px 3px 6px 0 rgba(0,0,0,.16);--blurShadow: 10px 10px 30px 0 rgba(0,0,0,.16);--borderRadius: 1.75rem;--halfBorderRadius: calc(var(--borderRadius) / 2);--pointyRadius: 15rem;--logoWidth: 5rem}h1,.h1,h2,.h2,h3,.h3,h4,.h4{font-weight:var(--font-bold);font-family:var(--headerFont);margin-bottom:.5em;color:var(--mainColor);line-height:1}h1,.h1{font-size:var(--font-size-h1)}h2,.h2{font-size:var(--font-size-h2)}h3,.h3{font-size:var(--font-size-h3)}h4,.h4{font-size:var(--font-size-h4)}.kicker{font-size:var(--font-size-kicker);font-family:var(--primaryFont)}body main>section:first-of-type{margin-top:0}header,main,footer{max-width:var(--maxWidthUltraWide);width:100%;margin:0 auto;position:relative}section,nav#desktop,footer>div{max-width:var(--maxWidth);width:var(--width);margin:var(--margin);position:relative}section.fullscreen{max-width:100%;width:100%}section.ultrawide{max-width:var(--maxWidthUltraWide);width:100%}section.narrow{max-width:var(--maxWidthNarrow)}figure{position:relative}picture img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}*::selection{background:var(--highlightColor);color:var(--mainColor)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}button{all:unset}.btn{padding:var(--btnPadding);border-radius:100vmin;border:1px solid var(--myWhite);display:inline-block;font-size:1.2rem;font-family:var(--headerFont);font-weight:var(--font-medium);transition:.5s}.btn.b2{background:var(--myOrange);color:var(--myWhite);border:1px solid transparent}.btn.b3{background:var(--backgroundColor);color:var(--myOrange);border:2px solid var(--myOrange)}.cursor{position:fixed;z-index:103;mix-blend-mode:difference;top:-1.5rem;left:-1.5rem;width:3rem;height:3rem;pointer-events:none;--x: -500%;--y: -500%;--s: 1;background:var(--highlightColor);transform:translate3d(var(--x),var(--y),0) scale(var(--s));transition:transform,.15s var(--myEaseOut),width .25s,height .25s;border-radius:50%}.cursor[data-hover=true]{background:#fff;border-radius:.3rem;--s: .33}body.onMobile .cursor{display:none}body.onMobile,body.onMobile *{cursor:default}.fade:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient);z-index:2;pointer-events:none;transition:opacity .75s}.split{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem}header{position:fixed;z-index:15;pointer-events:none;--ownColor: var(--myYellow) }header img,header svg{width:100%;pointer-events:all;height:auto}header>div{max-width:var(--maxWidthUltraWide);margin:0 auto;left:0;right:0;padding:var(--gutterTop) 0 0;width:var(--width);z-index:101;position:relative}header>div a{display:flex;width:var(--logoWidth);height:auto;transition:.5s ease}header.dark{--ownColor: var(--myPetrol)}header.dark svg g{fill:var(--myPetrol);transition:.5s}.mobile{display:none}nav#menu{position:fixed;top:0;transform:translateY(-100%);transition:transform .5s ease;height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;background:var(--myOrange);pointer-events:all}nav#menu:before{background:var(--gradientReverseMid)}nav#menu>ul{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:center;position:relative;z-index:3}nav#menu>ul>li{display:flex;transition:.5s ease}nav#menu>ul>li>a{font-size:clamp(1.5rem,15vw,10vh);font-family:var(--headerFont);text-transform:lowercase;color:transparent;-webkit-text-stroke:1px var(--myWhite);font-weight:var(--font-bold);transition:-webkit-text-stroke .5s ease,color .5s ease}nav#menu>ul>li.active>a,nav#menu>ul>li>a:hover{color:var(--myWhite);-webkit-text-stroke:1px transparent}input.burger{display:none}label.burger{position:fixed;z-index:99;right:var(--gutterSide);top:var(--gutterTop);width:3rem;height:3rem;transition:.5s ease;border:2px solid var(--ownColor);border-radius:50%;display:grid;place-items:center;pointer-events:all;overflow:hidden}label.burger div{width:50%;height:.6rem;display:flex;flex-direction:column;justify-content:space-between;transition:.5s ease}label.burger div>span{width:100%;height:3px;position:relative;transition:.5s ease;background:var(--ownColor);display:inline-block;border-radius:100vmin}label.burger:hover div{transform:rotate(-180deg)}.burger div:nth-of-type(2){position:absolute;top:-1.65rem;justify-content:center}.burger div:nth-of-type(2) span{position:absolute;transform:rotate(45deg)}.burger div:nth-of-type(2) span:nth-of-type(2){transform:rotate(-45deg)}input.burger:checked~header label.burger{--ownColor: var(--myWhite)}input.burger:checked~header label.burger div{transform:rotate(-180deg) translateY(-470%)}input.burger:checked~header nav#menu{transform:none}input.burger:checked~header svg g{fill:var(--myWhite)}footer{background:var(--myOrange) var(--gradientReverseMid);display:flex;flex-direction:column;font-size:.8rem;color:var(--myWhite);--mainColor: var(--myWhite);overflow:hidden}footer>div{margin:var(--pointyRadius) auto 1rem;width:var(--width);display:flex;justify-content:space-between;align-items:flex-end}footer>div>ul{display:grid;grid-template-columns:1fr;grid-gap:.5rem 1rem}footer>div>ul:nth-of-type(2) li{display:flex;justify-content:flex-end}footer>div p{margin-bottom:0;position:absolute;left:50%;transform:translate(-50%)}footer a:hover{color:var(--myPetrol)}footer .socials :is(path,circle){fill:var(--myBeige)}footer a:hover :is(path,circle){fill:var(--myPetrol)}footer .btn{font-size:1rem}footer>p{font-size:.7rem;display:flex;align-items:center;justify-content:flex-end;width:var(--width);margin:2rem auto 1rem;opacity:0}footer>p a{display:inline-block;margin-left:.2rem;text-decoration:none}footer>p a:before{display:none}section.not-found{display:flex;flex-direction:column;align-items:center;padding-top:var(--marginSingularTop);min-height:50vh;justify-content:center}section.standard article{max-width:40rem;margin:3rem auto;font-size:.8rem}section.standard article img{width:100%;border-radius:var(--borderRadius)}section.standard article h1{margin-bottom:1rem}section.standard article h1 em{pointer-events:none}section.standard article h2{font-size:clamp(1.2rem,1.3vw,1.6rem);margin-top:2rem;margin-bottom:1rem;text-transform:none}section.standard article h3:not(.kicker){font-size:clamp(.9rem,1vw,1.1rem);text-transform:none}section.standard article h4{font-size:clamp(1rem,1vw,1.2rem)}section.standard article ul{list-style:initial;padding-left:1em;margin-bottom:1rem}section.standard article ul li{margin-bottom:.25rem}section.standard article ol{list-style:numeric;padding-left:1em;margin-bottom:1rem}section.standard article ol li{margin-bottom:.5rem}section.standard article :is(ul,ol) li::marker{font-weight:var(--font-medium);font-size:.9em}section.standard article blockquote{padding-left:1em;border-left:.25rem solid var(--ownColor);font-size:1.2rem;margin:1.5rem 0}section.standard article .btn{display:block;text-align:center;max-width:max-content;margin:1rem 0}section.standard article .btn:before{display:none}section.landing{overflow:hidden;--span-opacity: 1;height:var(--high)}section.landing figure{position:absolute;top:0;left:0;width:100%;height:100%}section.landing figure video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background:var(--myPetrol)}section.landing button{position:absolute;z-index:2;right:var(--gutterSide);bottom:var(--gutterTop);color:var(--myYellow);font-size:1.5rem;font-family:var(--headerFont);font-weight:var(--font-bold);user-select:none}section.landing .video[data-muted=true] button:after{content:"on"}section.landing .video[data-muted=false] button:after{content:"off"}section.landing h1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;text-align:center;text-transform:lowercase;color:var(--myWhite);font-family:var(--primaryFont);font-weight:var(--font-bold)}section.landing h1 span{transition:.75s var(--myEaseOut);opacity:var(--span-opacity)}section.landing h1 span:last-of-type{color:var(--highlightColor);font-family:var(--fancyFont);font-weight:var(--font-medium);font-size:clamp(1.8rem,7.6vw,5.1rem)}section.landing h1 span:first-of-type{--m: 50;transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,var(--m),0,1)}section.landing h1 span:last-of-type{--m: -50;transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,var(--m),0,1)}section.landing .video[data-muted=false]+h1 span:first-of-type{--m: -800 !important;opacity:0!important}section.landing .video[data-muted=false]+h1 span:last-of-type{--m: 800 !important;opacity:0!important}.home section.landing img{display:none}.home section.landing img.show{display:block}.pointy:before,.pointy:after{content:"";position:absolute;top:0;left:calc(50% - var(--pointyRadius) * 2);width:calc(var(--pointyRadius) * 2);height:calc(var(--pointyRadius) * 2);background:transparent;border-radius:var(--pointyRadius);pointer-events:none;z-index:10;transform:translateY(-1px);transition:box-shadow .5s,left .15s,right .15s,width .15s}.pointy:after{left:unset;right:calc(50% - var(--pointyRadius) * 2 + .5px)}.pointy:after{box-shadow:0 calc(var(--pointyRadius) / -4) 0 var(--pointyRadius) var(--backgroundColor);clip-path:inset(0 var(--pointyRadius) var(--pointyRadius) 0)}.pointy:before{box-shadow:0 calc(var(--pointyRadius) / -4) 0 var(--pointyRadius) var(--backgroundColor);clip-path:inset(0 0 var(--pointyRadius) var(--pointyRadius))}.pointy.bottom:before,.pointy.bottom:after{top:unset;bottom:0;transform:translateY(1px) scaleY(-1)}section.tagline{text-align:center;--mainColor: var(--myOrange)}section.tagline h2{max-width:16em;margin:0 auto;font-family:var(--primaryFont)}section.tagline h2 em{font-family:var(--headerFont);font-weight:var(--font-bold)}section.disciplines{--mainColor: var(--myWhite);overflow:hidden}section.disciplines h2{margin-bottom:.2em;display:flex}section.disciplines li:last-of-type h2{margin-bottom:0}section.disciplines h2 button{color:transparent;-webkit-text-stroke:var(--stroke);transition:-webkit-text-stroke .5s,color .5s;font-size:clamp(1.4rem,4vw,4vh);white-space:nowrap}section.disciplines h2 button:is([data-active=true],:hover){color:var(--myWhite);-webkit-text-stroke:1px rgba(255,255,255,0)}section.disciplines figure{height:var(--high);pointer-events:none}section.disciplines figure>div{position:absolute;z-index:4;height:100%;width:var(--width);max-width:var(--maxWidthMedium);margin:0 auto;left:0;right:0;display:flex;justify-content:flex-end;flex-direction:column;align-items:flex-start}section.disciplines figure>div>.box{width:calc(50% - 4rem);margin-bottom:10%;display:flex;flex-direction:column;align-items:center;position:relative}section.disciplines figure>div>.box ul:nth-of-type(1){display:flex;flex-direction:column;max-width:30rem;width:100%}section.disciplines figure>div>.box ul:nth-of-type(1) li{pointer-events:all}section.disciplines .switcher{position:relative;z-index:3}section.disciplines :is(.switcher,.switcher li,.switcher li picture){height:100%;display:block}section.disciplines .switcher li:not(:first-of-type){position:absolute;top:0;left:0;width:100%}section.disciplines .switcher li picture{position:absolute;width:100%}section.disciplines .switcher li picture:before{background:var(--gradientDark)}section.disciplines .switcher li .md{max-width:var(--maxWidthMedium);width:var(--width);margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;font-size:clamp(1rem,2.5vw,1.7rem);position:relative;color:var(--mainColor);z-index:4}section.disciplines .switcher li .md>.box{width:calc(50% - 4rem);display:flex;flex-direction:column;position:relative;margin-bottom:10%;align-items:flex-start}section.disciplines .switcher li .md>.box>*{max-width:22rem;width:100%;margin:0 auto;pointer-events:all;font-weight:var(--font-bold);line-height:1.3}section.disciplines .switcher li .md>.box>span{margin-top:2rem}section.disciplines .switcher li{transition:.5s}section.disciplines .switcher li[aria-hidden=true]{opacity:0;pointer-events:none}section.partners hgroup{display:flex;flex-direction:column;align-items:center;text-align:center}section.partners hgroup .kicker{color:var(--myOrange)}section.partners .rows{margin-top:3rem;overflow:hidden;padding:1rem 0}section.partners .rows li{width:clamp(9rem,20vw,20vw);height:clamp(6rem,12vw,14vh);border:2px solid var(--myOrange);border-radius:var(--borderRadius);display:grid;place-items:center;flex-shrink:0;position:relative;margin-top:-1px;margin-right:-1px}section.partners .rows li img{max-width:7rem;max-height:50%}section.partners .rows li :is(.h3,h3,.btn){font-size:var(--font-size-h3-min)}section.partners .rows ul{display:flex;width:fit-content;align-items:center;white-space:nowrap;--m: -250;transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,var(--m),0,0,1);will-change:transform;transition:.25s var(--myEaseOut)}section.partners .rows ul.reverse{--m: 0}section.partners .rows li.work{background:var(--myOrange)}section.partners .rows li.work a{position:absolute;top:0;left:0;width:100%;height:100%;--mainColor: var(--myWhite);color:var(--mainColor);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--borderRadius)}section.partners .rows li.work a .btn{color:var(--myOrange);background:var(--myWhite)}section.partners .rows li.work a:hover .btn{background:var(--myOrange);color:var(--myWhite);border:1px solid var(--myWhite)}section.partners .rows li.logo img[src=""],section.partners .rows li.logo img:not([src=""])+label{display:none}section.partners .rows li.logo span{color:var(--myOrange);border:2px dashed var(--myOrange);padding:var(--btnPadding);border-radius:100vmin;transition:.25s;cursor:pointer}section.partners .rows li.logo input{display:none}section.partners .rows li.logo label span:hover{background:var(--myWhite)}section.get-contact{max-width:var(--maxWidthMedium);align-items:center}section.get-contact article{--mainColor: var(--myOrange);color:var(--myOrange);max-width:25rem;margin:0 auto;grid-gap:0 2rem}:is(li,div).address{border-radius:var(--borderRadius);background:var(--myOrange);display:flex;flex-direction:column;align-items:center;max-width:21rem;padding:2.5rem 1.5rem;--mainColor: var(--myWhite);color:var(--myWhite);margin:0 auto 5rem;position:relative;text-align:center}:is(li,div).address p{margin-bottom:.25rem}:is(li,div).address p.star span{color:var(--myPetrol);font-family:var(--headerFont)}:is(li,div).address:nth-of-type(1) h3:after{content:"*";font-family:var(--headerFont);color:var(--myPetrol);display:inline-block;margin-left:.1rem}:is(li,div).address:nth-of-type(2){margin-bottom:0}:is(li,div).address a.btn{position:absolute;bottom:0;transform:translateY(50%)}section.get-contact.narrow{max-width:var(--maxWidthNarrow)}section.get-contact.narrow article{width:100%;max-width:100%}body.work.list{overflow:hidden;background:var(--myOrange) var(--gradientReverseMid)}body.work.list main{height:100vh}body.work.list main .covers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}body.work.list main .covers:before,body.work main .covers:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--myOrange) var(--gradientReverseMid);z-index:2}body.work.list main .covers:before{clip-path:url(#curveTop)}body.work.list main .covers:after{clip-path:url(#curveBottom);display:none}body.work.list footer{display:none}section.roulette{height:100%;margin:0}section.roulette hgroup{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;top:5vh;height:40%;left:0;right:0;text-align:center;--mainColor: var(--myBeige);pointer-events:none}section.roulette hgroup .h1{font-size:clamp(1.8rem,6vw,10vh)}section.roulette div.rotate-x{position:relative;width:100%}section.roulette div.clipper{clip-path:url(#curveSelf);position:absolute;top:0;left:0;width:100%;height:100%}section.roulette ul.images{position:relative;z-index:1;display:flex;width:100%;transform:translate(var(--x));top:40%;transition:0s}section.roulette ul.images[data-animating=true]{transition:.5s ease}section.roulette ul.images li{flex-shrink:0;width:calc(100% / 3);border-radius:var(--borderRadius);display:block;position:relative;transform-style:preserve-3d;opacity:.5;transition:opacity .25s;--moveY: 1rem;--moveOpacity: 0}section.roulette ul.images li figure{width:100%;height:0;padding-bottom:56.25%;border-radius:var(--borderRadius);overflow:hidden}section.roulette ul.images li figure img{border-radius:var(--borderRadius)}section.roulette ul.images li figure{transform:perspective(10vw) rotateY(calc(-35deg * var(--y)));opacity:.9;transform-origin:var(--origin);transition:.5s cubic-bezier(.14,.83,.45,.91)}section.roulette ul.images li figure span{position:absolute;bottom:clamp(.5rem,1vw,1rem);right:clamp(.5rem,1vw,1rem);border:none;font-size:clamp(.6rem,1.5vw,1rem);padding:var(--btnPaddingMedium);opacity:0}section.roulette ul.images li figure:hover span{background-color:var(--myOrange);color:var(--myWhite)}section.roulette ul.images li .kicker{color:var(--myWhite);text-transform:uppercase;font-size:.7rem;text-align:center;margin:1rem 0 .5rem;transform:translateY(var(--moveY));opacity:calc(var(--moveOpacity) / 2);transition:.45s}section.roulette ul.images li h2{text-align:center;color:var(--myBeige);transform:translateY(var(--moveY));transition:.45s;opacity:var(--moveOpacity);min-height:2em}section.roulette ul.images li[data-outside=left] figure{transform:perspective(10vw) rotateY(calc(-35deg * var(--y))) translate(-50%);transition:opacity .5s,transform .75s cubic-bezier(.33,.75,.97,1.01)}section.roulette ul.images li[data-outside=right] figure{transform:perspective(10vw) rotateY(calc(-35deg * var(--y))) translate(50%);transition:opacity .5s,transform .75s cubic-bezier(.33,.75,.97,1.01)}section.roulette ul.images li[data-visible=false]{display:none}section.roulette ul.images li[data-visible=false],section.roulette ul.images li[data-active=false] figure{transform:none!important;opacity:0}section.roulette div.buttons{position:absolute;left:50%;top:clamp(25%,10vw,50%);transform:translate(-50%,-50%);z-index:2;width:66%;display:flex;justify-content:space-between;pointer-events:none}section.roulette ul.images li{opacity:var(--opacity);pointer-events:none;transform:translate(var(--len-x))}section.roulette ul.images li:is([data-side=left],[data-side=right]) a{pointer-events:none}section.roulette ul.images li[data-active=true]{pointer-events:all}section.roulette ul.images li[data-side=center]{pointer-events:all;--moveOpacity: 1;--moveY: 1 }section.roulette ul.images li[data-side=center] figure:before{opacity:calc(1 - var(--opacity))}section.roulette ul.images li[data-side=center] figure span{opacity:1}section.roulette fieldset{margin:1rem auto 0;position:relative;z-index:2;max-width:max-content;width:var(--width)}section.roulette fieldset ul{margin-bottom:0;justify-content:center}section.roulette fieldset ul li{--backgroundColor: var(--myWhite)}section.roulette fieldset ul li label{color:var(--myWhite);border:2px solid var(--myWhite);text-transform:none}section.roulette fieldset ul input:checked+li{--scaleY: -1}section.roulette fieldset ul input:checked+li label{background:var(--myWhite);color:var(--myOrange)}section.roulette fieldset.filter ul li:before,section.roulette fieldset.filter ul li:after{top:0}.lightsout{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--myOrange);z-index:105;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:lightsOut 3s ease forwards;text-align:center}.lightsout:before{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradientReverseMid);content:"";opacity:1;animation:opacityOut 3s ease forwards}.lightsout>*{position:relative;z-index:2;margin-bottom:.25em}.lightsout span:first-of-type{color:var(--myWhite)}.lightsout span:last-of-type{color:var(--myYellow)}input#dark-mode{display:none}.single{transition:background .5s}.single section.landing{margin-bottom:0}.single main{--ownColor: var(--myOrange);--highlightColor: var(--myPetrol)}.single main *{color:var(--ownColor);transition:color .5s ease}.single main p a:hover{color:var(--highlightColor)}section.intro{margin-top:0;padding-top:var(--marginSingularTop)}section.intro p{line-height:1.6}section.intro>h1{max-width:40rem}section.intro>article{max-width:32rem;margin-left:auto;font-weight:var(--font-bold)}section.intro>label{position:absolute;left:50%;top:0;transform:translate(-50%);width:4.5rem;height:2rem;border:2px solid var(--ownColor);border-radius:100vmin;display:flex;align-items:center;transition:border .5s ease}section.intro>label>span{position:absolute;background:var(--ownColor);transition:.5s ease;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translate(2.5rem)}section.intro>label svg{width:.75rem;height:auto;transform:translateY(2px)}section.intro>label svg path{fill:var(--backgroundColor);transition:.5s ease}section.intro>label span span{transition:.5s;position:absolute;height:2px;border-radius:100vmin;width:.2rem;background:var(--backgroundColor);z-index:2;--scale: 1;transform:translate(.125rem) rotate(calc(90deg + var(--i) * 45deg)) translate(.55rem) scale(var(--scale));transform-origin:left}body[data-mode=dark]{--backgroundColor: var(--myPetrol)}body[data-mode=dark].work.single main{--ownColor: var(--myBeige);--highlightColor: var(--myOrange)}body[data-mode=dark] section.intro>label span{transform:translate(-2px)}body[data-mode=dark] section.intro>label span span{transform:none;opacity:0}section.intro>ul{display:flex;flex-direction:column}section.intro>ul input{display:none}section.intro>ul.usps>li{display:flex;align-items:flex-end;margin-bottom:.75rem;user-select:none}section.intro>ul.usps>li h3{margin:0 1.5rem 0 0;font-size:var(--font-size-h3-bumped);padding-left:1em;display:flex;align-items:center;margin-left:.3em}section.intro>ul.usps>li h3:before{content:"";width:.9em;height:.9em;border-radius:50%;border:1px solid var(--ownColor);position:absolute;left:0;box-sizing:border-box;transition:.5s}section.intro>ul.usps>li label{position:relative;color:transparent;-webkit-text-stroke:1px var(--ownColor);transition:.5s}section.intro>ul.usps>li label:before,section.intro>ul.usps>li label:after{width:.5em;height:2px;background-color:var(--ownColor);position:absolute;left:-.85em;top:50%;--r: 0deg;transform:translate(-50%,-50%) rotate(var(--r));content:"";border-radius:100vmin;transition:.5s}section.intro>ul.usps>li label:after{--r: 90deg}section.intro>ul.usps>li label:hover:before{--r: 90deg }section.intro>ul.usps>li label:hover:after{--r: 180deg }section.intro>ul.usps>li input:checked~h3 label,section.intro>ul.usps>li label:hover{-webkit-text-stroke:1px transparent;color:var(--ownColor)}section.intro>ul.usps>li input:checked~h3:before{background:var(--ownColor)}section.intro>ul.usps>li input:checked~h3 label:before{--r: 540deg;background:var(--backgroundColor)}section.intro>ul.usps>li input:checked~h3 label:after{--r: 540deg;background:var(--backgroundColor)}section.intro>ul.usps>li>ul{display:flex}section.intro>ul.usps>li>ul>li{margin-right:.5rem;font-weight:var(--font-bold);pointer-events:none;opacity:0;transition:opacity .5s ease calc(.5s * var(--i))}section.intro>ul.usps>li input:checked~ul>li{opacity:1;pointer-events:all}section.blocks{display:flex;flex-direction:column}section.blocks>h2{margin-bottom:.1em;color:transparent;-webkit-text-stroke:1px var(--ownColor);text-align:right}section.blocks img{max-width:100%}section.blocks article{align-items:center;grid-gap:0;margin-top:-2px}section.blocks article>div.md{width:calc(100% - 4rem);margin:1rem auto;max-width:27rem}section.blocks article figure.video{display:block;position:relative;padding-bottom:100%;height:0}section.blocks article figure.video video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--borderRadius);display:block}section.blocks article img{border-radius:var(--borderRadius);display:block}section.blocks article.reverse>figure{order:-1}section.cta article{display:flex;flex-direction:column;text-align:center;align-items:center;max-width:38.5em;margin:0 auto;--mainColor: var(--ownColor)}section.relevant{max-width:var(--maxWidthMinusTen)}section.relevant nav ul{display:grid;grid-template-columns:2fr 1fr;text-align:center}section.relevant nav ul li:nth-of-type(1) picture{position:relative;display:block;height:0;padding-bottom:50%;border-radius:var(--borderRadius);overflow:hidden}section.relevant nav ul li:nth-of-type(1) picture img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--borderRadius)}section.relevant nav ul li:nth-of-type(1) span{font-size:.8rem;text-transform:uppercase;font-weight:var(--font-regular);margin:.75rem 0;display:block}section.relevant nav ul li:nth-of-type(2) p{font-weight:var(--font-bold);font-size:var(--font-size-h3-bumped);color:var(--myBeige)}section.relevant nav ul li:nth-of-type(2) a:nth-of-type(1){border-radius:var(--borderRadius);background:var(--myOrange);display:flex;flex-direction:column;align-items:center;height:0;padding-bottom:100%;position:relative}section.relevant nav ul li:nth-of-type(2) a:nth-of-type(1) div{padding:1rem;width:100%;height:100%;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}section.relevant nav ul li:nth-of-type(2) a:nth-of-type(1) span{color:var(--myOrange);background:var(--myBeige);border:1px solid transparent}figure.carrousel{position:relative;width:100%}figure.carrousel *{width:100%}figure.carrousel :is(picture,picture img,video){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}figure.carrousel .overflower{overflow:hidden;position:relative;height:100%;width:100%;border-radius:var(--borderRadius)}figure.carrousel .overflower ul{display:flex;--height: 50%}figure.carrousel .overflower .slider{width:100%;transform:translate(-100%);transition:.5s ease}figure.carrousel .overflower ul li{position:relative;flex-shrink:0;padding-bottom:var(--height)}figure.carrousel.one .slider{transform:none!important}:is(figure.carrousel,section.roulette) .buttons{position:absolute;z-index:2;user-select:none;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;width:calc(100% - 4rem);margin:0 auto;left:0;right:0}:is(figure.carrousel,section.roulette) .buttons button{width:clamp(2rem,5vw,4rem);height:clamp(2rem,5vw,4rem);border-radius:50%;border:2px solid var(--ownColor);display:flex;align-items:center;justify-content:center;font-family:var(--headerFont);font-size:clamp(1rem,1.75vw,2.5rem);font-weight:var(--font-regular)}:is(figure.carrousel,section.roulette) .buttons button span{display:flex;align-items:center;justify-content:center;transform:translateY(-.08em) scaleY(1.5);color:var(--ownColor)}.culture section.landing:before,.culture section.landing:after{--backgroundColor: var(--myOrange)}.culture section.landing{margin-bottom:0}.culture section.landing picture{position:relative;display:block;height:100%}.culture section.landing img{display:block}section.statement{background:var(--myOrange);margin:0 auto;display:flex}section.statement :is(h1,h2,.h2){width:var(--width);color:var(--backgroundColor);text-align:center;max-width:16em;margin:var(--marginSingular) auto;position:relative;z-index:2}section.statement.smaller :is(h1,h2,.h2){font-size:var(--font-size-h3-bumped);max-width:20em}section.statement:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:var(--gradientReverseMid)}section.statement.has-pointy:before{top:10%;height:90%;background:linear-gradient(2deg,#ffd82580,#ffd82500)}section.statement div.h2 p:last-of-type{margin-bottom:0}section.about{max-width:var(--maxWidthMinusTen);color:var(--myOrange);align-items:center}section.about>div{display:flex;flex-direction:column;align-items:flex-start;max-width:30rem;margin:0 auto;font-weight:var(--font-medium)}section.about>div strong{font-size:var(--font-size-h2);font-weight:var(--font-bold)}section.about>div .btn{margin-top:1.5rem}section.carrousel figure.carrousel{border-radius:var(--borderRadius);overflow:hidden;--ownColor: var(--backgroundColor) }section.values{display:grid;grid-template-columns:1fr 1fr}section.values h2{grid-column:-1/1;text-align:center}section.values li{max-width:30rem;border:2px solid var(--myOrange);border-radius:var(--borderRadius);padding:2em 1em 2em 4em;margin-top:-2px;position:relative}section.values li:before{content:"";position:absolute;width:.8em;height:.8em;background-color:var(--myOrange);left:2.5em;border-radius:50%;top:2.2em}section.values li p{margin-bottom:0}section.values ul{margin:10rem 0;transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,var(--m),0,1);transition:.25s var(--myEaseOut)}section.values ul:nth-of-type(1){display:flex;flex-direction:column;align-items:flex-end;margin-right:-1px}section.values ul:nth-of-type(2){display:flex;flex-direction:column;align-items:flex-start;margin-left:-1px}section.workflow{--size: .8;height:clamp(calc(45rem * var(--size)),calc(75vw * var(--size)),calc(100vh - 3rem))}section.workflow figure.carrousel{height:100%;border-radius:0}section.workflow figure.carrousel .overflower{border-radius:0}section.workflow figure.carrousel .overflower li{padding-bottom:0}section.workflow figure.carrousel .overflower .slider{height:100%;transform:translate(0)}figure.carrousel.scroll .overflower .slider{overflow:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:none}figure.carrousel.scroll .overflower .slider li{scroll-snap-align:center}section.workflow ul{height:100%}section.workflow .slider li{grid-template-columns:1fr 1fr;display:grid;height:100%}section.workflow .slider li picture{display:block;border-radius:0 var(--borderRadius) var(--borderRadius) 0;position:relative;overflow:hidden}section.workflow .slider li>*{transition:.5s}section.workflow .slider li picture img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}section.workflow .slider li article{background:var(--myPetrol);border-radius:var(--borderRadius) 0 0 var(--borderRadius);--mainColor: var(--myWhite) ;color:var(--myWhite);padding:20% 1rem 10%;height:100%}section.workflow .inner{width:calc(100% - 2rem);max-width:30rem;margin:0 auto;height:calc(100% - 4rem);display:flex;flex-direction:column;align-items:flex-start;margin-top:4rem}section.workflow .inner strong{font-weight:var(--font-bold);font-size:var(--font-size-h3-bumped-min);display:block;line-height:1.4;margin-top:auto;margin-bottom:.8em}section.workflow .inner h4{font-family:var(--primaryFont);text-transform:lowercase;margin-top:auto;color:var(--myWhite);opacity:.5;font-weight:var(--font-medium)}section.workflow .inner P{font-weight:var(--font-bold)}section.workflow .overlay{width:100%;display:grid;grid-template-columns:1fr 1fr;position:absolute;height:100%;top:0;left:0;pointer-events:none}section.workflow .overlay .list-nav{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:20% 1rem 10%;--mainColor: var(--myWhite)}section.workflow .overlay .list-nav ul{height:auto}section.workflow .overlay .list-nav ul li{margin-bottom:.5rem}section.workflow .overlay .list-nav ul li .h1{color:transparent;-webkit-text-stroke:1px var(--mainColor);transition:color .5s,-webkit-text-stroke .5s;pointer-events:all;font-size:var(--font-size-h1-min);user-select:none}section.workflow[data-i="1"] .overlay li:nth-of-type(1) a,section.workflow[data-i="2"] .overlay li:nth-of-type(2) a,section.workflow[data-i="3"] .overlay li:nth-of-type(3) a,section.workflow[data-i="4"] .overlay li:nth-of-type(4) a,section.workflow[data-i="5"] .overlay li:nth-of-type(5) a{color:var(--myWhite)}section.workflow .buttons{position:relative;top:unset;left:unset;right:unset;width:auto;--ownColor: var(--backgroundColor);display:flex;margin:5% 0 0 1rem}section.workflow .buttons button{width:2.5rem;height:2.5rem;margin-right:1rem;border:2px solid var(--backgroundColor);transition:.5s;display:flex;align-items:center;justify-content:center;border-radius:50%;pointer-events:all}span.arrow{height:2px;width:1.1rem;background:var(--ownColor);transform:none;border-radius:100vmin;position:absolute;transition:.5s}span.arrow:before,span.arrow:after{content:"";position:absolute;right:0;width:.65rem;background:var(--ownColor);height:2px;transform:rotate(45deg) translate(1px);border-radius:100vmin;transform-origin:right;transition:.5s}span.arrow:before{transform:rotate(-45deg) translate(1px)}section.workflow .buttons button:nth-of-type(1){transform:scaleX(-1)}section.workflow .buttons button:hover{background:var(--backgroundColor);--ownColor: var(--myPetrol)}section.contributions{display:flex;flex-direction:column;align-items:center}section.contributions hgroup{text-align:center}section.contributions hgroup .kicker{color:var(--myOrange)}section.contributions ul{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;max-width:var(--maxWidthMinusTen);margin-top:2rem;grid-gap:clamp(1rem,1.5vw,2rem)}section.contributions ul h3{font-family:var(--primaryFont);align-self:flex-start;margin-bottom:1.2rem}section.contributions ul img{width:100%;max-width:8rem;margin:1rem auto 2rem}section.contributions ul li{background:var(--myPetrol);border-radius:var(--borderRadius);--mainColor: var(--backgroundColor);color:var(--backgroundColor);display:flex;flex-direction:column;align-items:center;padding:clamp(1rem,1.5vw,2rem);max-width:22rem;margin:0 auto}section.team{padding-top:var(--marginSingularTop)}section.team hgroup{display:flex;flex-direction:column;align-items:center}section.team hgroup .kicker{color:var(--myOrange)}section.team ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));grid-gap:clamp(1rem,1.5vw,2rem);width:100%;max-width:var(--maxWidthMinusTen);margin:0 auto}section.team ul li{display:flex;flex-direction:column;position:relative}section.team ul li picture{display:block;height:0;padding-bottom:140%;position:relative}section.team ul li picture img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--borderRadius)}section.team ul li div{position:relative;margin-top:1rem;display:flex;flex-direction:column;align-items:center}section.team ul li h2{text-align:center;margin-bottom:.25em}section.team ul li strong{color:var(--myOrange);text-align:center;font-family:var(--primaryFont);font-weight:var(--font-regular)}section.team ul li .mail{width:1rem;margin-top:.25rem}section.team ul li .linkedin{width:1.2rem;height:1.2rem;padding:.1rem;border-radius:50%;background-color:var(--myOrange);position:absolute;top:0;right:0;display:grid;place-items:center}section.team ul li .linkedin img{width:.7rem}section.team ul li a img{max-width:1rem;width:100%}section.team ul li a.btn{background:var(--myWhite);color:var(--myPetrol)}section.team ul li:last-of-type{background:var(--myOrange);display:flex;text-align:center;border-radius:var(--borderRadius);height:0;padding-bottom:140%}section.team ul li .inner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:clamp(1rem,1.5vw,2rem);font-size:var(--font-size-h3-bumped);font-weight:var(--font-bold);color:var(--backgroundColor)}section.team ul li .inner p{margin-top:auto}section.team ul li .inner span{color:var(--myPetrol);margin-top:auto}section.jobs{padding-top:var(--marginSingularTop);display:flex;flex-direction:column;align-items:center}section.jobs h1{display:flex;align-items:flex-start}section.jobs h1 span{color:var(--myOrange);font-size:var(--font-size-h3);letter-spacing:2px}fieldset.filter{display:flex;flex-direction:column;align-items:flex-start;position:relative}fieldset.filter ul{display:flex;gap:1rem;margin-bottom:clamp(3rem,4.5vw,5rem);flex-wrap:wrap;justify-content:space-between}fieldset.filter ul input{display:none}fieldset.filter ul label{padding:var(--btnPadding);border-radius:100vmin;border:2px solid var(--myOrange);display:block;font-weight:var(--font-bold);color:var(--myOrange);font-size:clamp(.9rem,1.5vw,1rem);text-transform:capitalize;user-select:none}fieldset.filter ul li{--backgroundColor: var(--myOrange);--pointyRadius: 1rem;position:relative;--scaleY: 0}fieldset.filter ul li[data-amount="0"]{display:none}fieldset.filter ul li:before,fieldset.filter ul li:after{top:calc(100% - 1px);transform:scaleY(var(--scaleY));transform-origin:top;transition:.5s}fieldset.filter ul input:checked+li{--scaleY: 1}fieldset.filter ul input:checked+li label{color:var(--myBeige);background:var(--myOrange)}section.jobs>ul{display:flex;flex-direction:column;max-width:var(--maxWidthMinusTen);margin:0 auto;width:100%}section.jobs>ul li{position:relative;margin-bottom:clamp(3rem,4.5vw,5rem)}section.jobs>ul li[data-visible=false]{display:none}section.jobs>ul li>a{align-items:center;pointer-events:none;grid-gap:clamp(1rem,5vw,6rem)}section.jobs>ul li>a>*{pointer-events:all}section.jobs>ul li .md{max-width:35rem;font-weight:var(--font-bold);position:relative}section.jobs>ul li .md p:empty{display:none}section.jobs>ul li picture{height:0;display:block;padding-bottom:65%;border-radius:var(--borderRadius);overflow:hidden;position:relative}section.jobs>ul li figure div{position:absolute;left:1rem;bottom:1rem;z-index:2;height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--myBeige);border-radius:50%}section.jobs>ul li figure div span{--ownColor: var(--myBeige);width:.9rem}section.jobs>ul li figure:hover div{background:var(--myBeige);transition:.5s}section.jobs>ul li figure:hover div span{--ownColor: var(--myPetrol)}section.jobs>ul li p.icon{display:flex;align-items:center;font-weight:var(--font-medium)}section.jobs>ul li p.icon:nth-last-of-type(2){margin-top:3rem}section.jobs>ul li p.icon:nth-last-of-type(1){margin-bottom:0}section.jobs>ul li p.icon img{margin-right:.5rem}section.jobs>ul li .md span{position:absolute;bottom:0;right:0;font-family:var(--headerFont);text-transform:lowercase}section.jobs>ul li .md span:before{content:"";width:100%;bottom:0;height:2px;background:var(--myPetrol);display:block;position:absolute;transition:.5s;left:0}section.jobs>ul li .md span:hover:before{width:0;left:100%}section.jobs>article{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:25vh}section.questions{max-width:var(--maxWidthMinusTen);grid-gap:clamp(1rem,5vw,6rem);color:var(--myOrange);--mainColor: var(--myOrange);align-items:center}section.questions .md{display:flex;flex-direction:column;max-width:25rem}section.questions .md h2{margin-bottom:3rem}section.questions picture{height:0;display:block;padding-bottom:65%;border-radius:var(--borderRadius);overflow:hidden;position:relative}section.job{padding-top:var(--marginSingularTop)}section.job hgroup{display:flex;flex-direction:column;align-items:center;text-align:center}section.job hgroup h1{color:var(--myPetrol);max-width:89em}section.job picture{position:relative;display:block;height:0;padding-bottom:40%;border-radius:var(--borderRadius);overflow:hidden}section.job .deets{display:flex;align-items:center;margin-left:var(--borderRadius);margin-top:1rem}section.job .deets p{display:flex;align-items:center;color:var(--myPetrol);margin-right:2rem}section.job .deets p img{display:inline-block;margin:0 .5rem 0 0}section.job article{display:grid;grid-template-columns:2fr 1fr;grid-gap:0 3rem}section.job article *{color:var(--myPetrol);--mainColor: var(--myPetrol)}section.job article>*{grid-column:-1/1}section.job article>div:first-of-type{grid-column:span 1}section.job article>div:first-of-type h2{margin-top:0}section.job article>div:first-of-type p strong{font-weight:var(--font-bold)}section.job article>a:first-of-type{grid-column:span 1;display:block;background:var(--myOrange);border-radius:var(--borderRadius);padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}section.job article>a:first-of-type p{font-size:var(--font-size-h3);margin-bottom:1rem;font-weight:var(--font-bold);color:var(--myBeige);line-height:1.2}section.job article>a:first-of-type .btn{background:var(--myWhite);color:var(--myOrange);border:2px solid transparent;transition:.5s ease}section.job article>a:first-of-type:hover .btn{background:var(--myOrange);border:2px solid var(--myWhite);color:var(--myWhite)}section.job article ul li{list-style-type:none;margin-bottom:.75rem;position:relative;padding-left:.4em}section.job article ul li:before{content:"";height:.75em;width:.75em;background:var(--myOrange);left:-1em;position:absolute;top:.25em;border-radius:100vmin}section.apply{background:var(--myPetrol);--mainColor: var(--myWhite);--highlightColor: var(--myOrange);margin-bottom:0}section.apply *{color:var(--mainColor)}section.apply h2{color:var(--highlightColor)}section.apply h2+p{font-size:1rem;font-weight:var(--font-medium)}section.apply .form{display:flex;align-items:center;flex-direction:column;padding:var(--marginSingular) 0;max-width:25rem;margin:0 auto;text-align:center;width:var(--width)}form.custom :is(textarea,input,select){padding:var(--btnPadding);width:100%;font-size:20px;font-family:var(--primaryFont);transition:background .5s ease,color .5s ease;border:1px solid var(--mainColor);background:transparent}form.custom :is(textarea,input,select):focus{outline:2px solid var(--myOrange)}form.custom :is(textarea,input,select)::placeholder{opacity:1;font-style:italic;font-weight:var(--font-regular)}form.custom fieldset{display:flex;flex-direction:column}form.custom fieldset div{display:flex;flex-direction:column-reverse;position:relative;align-items:flex-start}form.custom fieldset div.double{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem}form.custom fieldset>div{margin-bottom:1.5rem}form.custom fieldset>div label{font-size:1rem;font-weight:var(--font-bold);margin:0 0 .25rem .5em}form.custom fieldset>div input[required]+label:after,form.custom fieldset textarea[required]+label:after,form.custom fieldset strong:after{content:"*";font-weight:var(--font-regular);margin-left:.25rem}form.custom fieldset strong{font-size:1rem;font-weight:var(--font-bold);margin:1rem 0 .25em}form.custom fieldset p{font-size:1rem}form.custom fieldset input{position:relative;top:0;left:0;width:100%;height:100%;border-radius:1.2rem;color:var(--mainColor)}form.custom fieldset input[type=email]:not(:focus,:placeholder-shown):invalid{border:1px solid lightcoral}form.custom fieldset input[type=email]:not(:focus,:placeholder-shown):invalid+label:before{opacity:1}form.custom fieldset input[type=email]+label:before{content:"Invalid email";display:inline-block;margin-left:.5rem;border-radius:100vmin;font-size:.8rem;top:.1em;position:absolute;right:0;opacity:0;transition:.25s;color:#f08080}form.custom fieldset .file input{opacity:0;padding:0;margin:0;position:absolute}form.custom fieldset input[type=submit]{width:auto;align-self:center;font-size:1.2rem;font-family:var(--headerFont);border-radius:100vmin;background:var(--myOrange);border:none;padding:var(--btnPaddingWide);font-weight:var(--font-bold);margin-top:2rem}form.custom fieldset .upload{flex-direction:row;margin-bottom:0}form.custom fieldset .upload label{flex-shrink:0;padding:var(--btnPadding);border:2px dashed var(--mainColor);border-radius:100vmin;margin-right:1rem;transition:.5s ease}form.custom fieldset .upload label:hover{background:var(--myOrange)}form.custom fieldset .upload+p{text-align:left;color:var(--highlightColor);font-size:.8rem;margin-left:.5rem;margin-top:.25rem}form.custom fieldset .upload span+span{display:none}form.custom fieldset .upload .loaded{border:2px solid transparent;background:var(--highlightColor)}form.custom fieldset .upload .loaded span span:nth-of-type(1){display:none}form.custom fieldset .upload .loaded span+span{display:block;color:var(--mainColor)}form.custom fieldset textarea{min-height:10rem;min-width:100%;border-radius:1.2rem;padding:.5rem 1rem;color:var(--mainColor);resize:none}form.custom fieldset textarea:focus{outline:2px solid var(--myOrange)!important}.jobs.single footer.pointy{--backgroundColor: var(--myPetrol)}section.contact{padding-top:var(--marginSingularTop);background:var(--myOrange);--mainColor: var(--myBeige);color:var(--myBeige)}section.contact .kicker{color:var(--myPetrol)}section.contact>div{max-width:var(--maxWidth);margin:0 auto;width:var(--width);position:relative;height:100%;padding-bottom:calc(var(--pointyRadius) + 1rem);grid-gap:0 clamp(1rem,15vw,5rem)}section.contact>div>*{max-width:25rem;margin:0 auto;width:100%;display:flex;flex-direction:column}section.contact hgroup{display:flex;flex-direction:column;align-items:center;text-align:center;grid-column:-1/1;max-width:100%}section.contact form.custom fieldset input[type=submit]{background:var(--backgroundColor);color:var(--myOrange);align-self:flex-start}section.contact address{display:flex;flex-direction:column;align-items:flex-start;width:100%}section.contact address>*{margin-bottom:1rem}section.contact address+div{max-width:16rem;margin-top:auto}section.contact address+div h2{margin-bottom:2rem}.socials{display:flex;align-items:center;gap:1rem}.socials svg{height:1.2rem;width:auto}.socials path,.socials circle{fill:var(--backgroundColor)}section.location{display:grid;grid-template-columns:1fr 2fr;max-width:var(--maxWidthMinusTen)}section.location hgroup{display:flex;flex-direction:column;align-items:center;text-align:center;grid-column:-1/1}section.location hgroup h2{color:var(--myOrange)}section.location figure{margin:3rem auto;width:120%;left:-20%}section.location figure picture:nth-of-type(1) img{object-fit:contain;position:static}section.location figure svg{position:absolute;top:8.2%;left:32.3%;width:62.3%;height:auto;stroke-dasharray:1131;stroke-dashoffset:calc(1131 - (1131 * var(--m)));transition:.75s var(--myEaseOut)}section.location figure .pin{position:absolute;width:9%;left:31.4%;top:21%;animation:bounce 2s ease-in-out infinite alternate}section.location figure .pin img{position:static}section.location .address{align-self:center;position:relative;z-index:2}section.odf__cookies.odf__cookies{cursor:initial;--odf_main_color: var(--myBlack);--odf_background_color: var(--myBeige);--odf_highlight_color: var(--myOrange)}section.odf__cookies.odf__cookies *{cursor:unset}section.odf__cookies.odf__cookies :is(button,label){cursor:pointer}section.page{padding-top:var(--marginSingularTop);min-height:50vh}@media only screen and (max-width:1600px){:root{--pointyRadius: 12rem}}@media only screen and (max-width:1300px){:root{--pointyRadius: 10rem}}@media only screen and (max-width:1000px){:root{--pointyRadius: 8rem}}@media only screen and (max-width:768px){:root{--logoWidth: 3rem;--gutterSide: 1rem;--gutterTop: 1rem;--pointyRadius: 6rem;--borderRadius: 1.25rem}.mobile{display:block}.btn{font-size:1rem}.split{grid-template-columns:1fr}label.burger{width:2rem;height:2rem}input.burger:checked~header label.burger div{transform:translateY(375%)}footer>div{flex-wrap:wrap;align-items:flex-start;padding-top:1rem}footer>div p{position:relative;width:100%;order:2;left:unset;transform:none;text-align:center;margin-top:3rem}footer .btn{font-size:.7rem}footer>p{font-size:.6rem;text-align:center;width:100%;justify-content:center}section.landing button{font-size:1rem}section.disciplines figure>div{justify-content:flex-start}section.disciplines figure>div>.box{width:100%;margin-top:10%;margin-bottom:0}section.disciplines .switcher li .md>.box{width:100%;margin-bottom:var(--pointyRadius)}section.disciplines .switcher li .md>.box>*{max-width:30rem}section.partners .rows li img{width:5rem}section.partners .rows li.logo span,section.partners .rows li.work span,section.partners .rows h3{font-size:.8rem}section.get-contact article{margin:0 auto}section.get-contact address{margin-top:2rem}section.intro>ul.usps>li{flex-direction:column;align-items:flex-start}section.intro>ul.usps>li ul{height:0;transition:.5s}section.intro>ul.usps>li input:checked~ul{height:1.2em;margin-top:.5em}figure.carrousel .buttons{width:calc(100% - 1rem)}figure.carrousel .buttons button{width:1.5rem;height:1.5rem}figure.carrousel .buttons button span{font-size:1rem}section.blocks{max-width:30rem}section.blocks article>div.md{width:100%;max-width:100%}section.blocks article>div.md p:last-of-type{margin-bottom:0}section.blocks article.reverse>figure{order:1}section.relevant nav ul{grid-template-columns:1fr;max-width:30rem;margin:0 auto}section.relevant nav ul li:nth-of-type(2){display:grid;grid-template-columns:1.5fr;grid-gap:2rem;margin-top:2rem;align-items:center;max-width:10rem;margin:2rem auto 1rem;width:100%}section.relevant nav ul li:nth-of-type(2) p,section.relevant nav ul li:nth-of-type(2) span.btn{font-size:.8rem}section.relevant nav ul li:nth-of-type(2) a:nth-of-type(2){margin:0;order:-1}body.work.list{overflow:unset;background:var(--myOrange)}body.work.list:before{position:fixed;top:0;left:0;width:100%;height:100dvh;height:100vh;background:var(--gradientReverseMid);content:"";transition:.25s}body.work.list main .covers{display:none}section.roulette{height:auto}section.roulette div.rotate-x{overflow:auto;display:flex;scroll-snap-type:x mandatory;scroll-behavior:smooth}section.roulette hgroup{height:auto;padding-top:2rem;top:unset}section.roulette div.buttons{display:none}section.roulette ul.images{height:calc(100% + 2rem);transform:none;top:0;margin-top:.5rem}section.roulette ul.images li{transform-origin:left;transform:none;width:calc(50vw + 1rem);margin-right:1rem;scroll-snap-align:center}section.roulette ul.images li figure{transform:scale(calc(.75 + var(--opacity) * .25))!important;padding-bottom:120%}section.roulette ul.images li figure span{display:none}section.roulette ul.images li a{display:flex;flex-direction:column;align-items:center;transition:.25s ease}section.roulette ul.images li a h2{transform:none;font-size:.9rem}section.roulette ul.images li a h3.kicker{font-size:.6rem}section.roulette fieldset.filter ul{gap:.5rem;max-width:var(--width);margin:0 auto;justify-content:center}section.roulette fieldset.filter ul li label{font-size:clamp(.65rem,1.2vw,1rem)}section.values{grid-template-columns:1fr}section.values ul{margin:1px 0 0;transform:none}section.values ul li{transition:.25s var(--myEaseOut);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,calc(var(--m) / 5),1,0,1)}section.workflow{height:auto}section.workflow .inner{margin-top:0}section.workflow .inner strong{font-size:1rem;margin:auto;margin-bottom:2rem}section.workflow .slider li{grid-template-columns:1fr}section.workflow .slider li picture{border-radius:var(--borderRadius) var(--borderRadius) 0 0;height:clamp(15rem,25vw,25rem)}section.workflow .slider li article{border-radius:0 0 var(--borderRadius) var(--borderRadius);padding:3rem 1rem 2rem}section.workflow .overlay{height:clamp(15rem,25vw,25rem)}section.workflow .overlay .list-nav{width:100%;padding:1rem;margin:0;height:auto}section.workflow .overlay .list-nav ul li:last-of-type{margin-bottom:0}section.workflow .overlay .inner{margin-top:auto}section.workflow .buttons{margin:auto 0rem 1rem auto}section.workflow .buttons button:last-of-type{margin-right:0}section.contributions ul{grid-template-columns:1fr}section.contributions ul img{max-width:5rem}section.jobs>ul li .md{display:flex;flex-direction:column;align-items:flex-start}section.jobs>ul li p.icon:nth-last-of-type(2){margin:0}section.jobs>ul li p.icon img{width:1rem}section.jobs>ul li .md{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:space-between}section.jobs>ul li .md h2{display:none}section.jobs>ul li h2+p{order:2;margin-top:1rem}section.jobs>ul li h2.mobile{margin-bottom:0}section.jobs>ul li h2~span{order:3}section.job picture{padding-bottom:60%}section.job article{grid-template-columns:1fr;max-width:30rem;margin-top:0rem}section.job article>a:first-of-type{max-width:20rem;margin:0 auto}section.job .deets{margin-left:0;justify-content:space-between}section.job .deets p{margin-right:0}section.job .deets p img{width:1rem}section.contact form.custom fieldset input[type=submit]{margin:0 0 0 auto}section.contact address{margin-top:3rem}section.contact address+div{display:flex;flex-direction:column;align-items:center}section.contact address+div h2{margin:2rem 0 1rem;text-align:center}section.location{grid-template-columns:1fr}section.location hgroup{order:-2}section.location figure{order:-1;width:120%;left:-10%;margin:1rem auto}section.location .address{margin-bottom:1rem}form.custom fieldset div.double{grid-template-columns:1fr;grid-gap:1.5rem}form.custom fieldset .upload{flex-direction:column}form.custom fieldset .upload label{margin:0 0 .5rem;width:100%}}@media only screen and (min-width:769px)and (max-height:800px){section.roulette hgroup{height:34%}body.work.list main .covers:before{top:-6%}section.roulette ul.images li h2{margin-bottom:0}section.roulette fieldset{margin-top:0rem}section.roulette ul.images li figure{padding-bottom:40%}section.roulette div.buttons{top:40%}}@keyframes lightsOut{0%{background:var(--myOrange);opacity:1}25%{background:var(--myOrange);opacity:1}40%{background:var(--myPetrol);opacity:1}85%{background:var(--myPetrol);opacity:1}to{background:var(--myPetrol);opacity:0;pointer-events:none}}@keyframes opacityOut{0%{opacity:1}25%{opacity:1}40%{opacity:0}85%{opacity:0}to{opacity:0}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(10%)}}