@import"https://fonts.googleapis.com/css2?family=Anton&display=swap";.hero{display:flex;justify-content:center;overflow:hidden;margin-bottom:30px}.hero.hero--visible .hero__image{animation-name:image-animation}.hero.hero--visible .hero__quote{animation-name:quote-animation}.hero.hero--visible .hero__headline{animation-name:headline-animation}.hero__image{max-width:180px;margin-top:50px;margin-bottom:0;animation-duration:3s;position:relative;display:block;z-index:-1}.hero__image-gradient{-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(black),to(rgba(0,0,0,0)));mask-image:linear-gradient(to bottom,black,rgba(0,0,0,0))}.hero__quote{font-size:14px;margin:200px 0 0;width:60px;color:#bcbcbcb3;text-transform:uppercase;animation-duration:1s;animation-delay:2.5s;animation-fill-mode:forwards;user-select:none;opacity:0;transform:translateY(-120%)}.hero__headline{font-size:14px;margin:300px 0 0;width:60px;color:#4e4e4e;text-transform:uppercase;animation-duration:1s;animation-delay:1.5s;animation-fill-mode:forwards;user-select:none;opacity:0;transform:translateY(150%)}@keyframes quote-animation{0%{opacity:0;transform:translateY(-120%)}80%{transform:translateY(3%)}to{opacity:1;transform:translateY(0)}}@keyframes headline-animation{0%{opacity:0;transform:translateY(150%)}80%{transform:translateY(-5%)}to{opacity:1;transform:translateY(0)}}@keyframes image-animation{0%{opacity:0}to{opacity:1}}@media (min-width: 1024px){.hero__image{max-width:400px;margin-top:40px}.hero__headline{margin:500px 80px 0 30px;font-size:48px;max-width:270px}.hero__quote{margin:260px 30px 0 0;font-size:48px;width:270px}}.socialicon{transition:transform .3s,filter .3s;filter:grayscale(100%)}.socialicon.socialicon--footer{position:relative}.socialicon.socialicon--footer:after{position:absolute;content:"";display:block;width:calc(100% - 4px);height:calc(100% - 4px);background-color:#fff;top:2px;left:2px;z-index:-1;border-radius:5px}@media (min-width: 1024px){.socialicon.socialicon--footer:after{display:none}}.socialicon:hover{transform:scale(1.1);filter:grayscale(0%)}.socialicon__image{border-radius:5px;width:20px}@media (min-width: 1024px){.socialicon--footer__image{background-color:#fff;width:30px;height:30px;display:inline-block;align-items:center;align-content:center;border-radius:10%}.socialicon--footer{background-color:#fff;border-radius:100%;padding:10px;display:inline-flex;align-items:center;align-content:center}}.logo__display{display:none}.logo__initials{font-size:x-small;display:flex;border:1px solid #989898;border-radius:50%;height:28px;width:28px;justify-content:space-around;align-items:center;background:linear-gradient(100deg,#ffffff,#6e6e6e);background-size:220% 220%;animation:logo-initials 2s 4s linear;animation-iteration-count:1;user-select:none}.socialicons{display:flex;justify-content:center;align-items:flex-end;gap:8px}.logo__img{opacity:70%}.logo{position:relative;display:flex;align-items:center;gap:8px;padding:20px 20px 0}.logo__name{color:#000;text-transform:uppercase;text-decoration:underline;margin-bottom:5px;user-select:none}@keyframes logo-initials{0%{background-position:2% 10%}50%{background-position:98% 92%}to{background-position:2% 10%}}@media (min-width: 1024px){.logo__display{display:block}.logo__initials{font-size:smaller;height:37px;width:37px}}.nav{display:none;position:fixed;z-index:1;width:100%;left:0;animation-name:nav-animation;animation-duration:3s;animation-delay:3s;animation-fill-mode:both}.nav.nav--visible{display:block}.nav__content{max-width:1200px;display:flex;justify-content:space-between;margin:0 auto}.nav__links{font-size:14px;display:flex;gap:10px;padding:20px}.nav__link{color:#fff;text-transform:uppercase;transition:transform .3s;display:block;position:relative;transition:color .35s ease;text-decoration:none}.nav__link:hover:after,.nav__link:hover:before{width:100%;left:0}.nav__link:before,.nav__link:after{content:"";position:absolute;bottom:0;right:0;left:auto;width:0;height:3px;z-index:2;box-sizing:border-box}.nav__link:before{background-color:#a4bee2;transition:all .25s cubic-bezier(.694,.048,.335,1) .15s}.nav__link:after{background-color:#db6464;transition:all .25s cubic-bezier(.694,.048,.335,1)}@media (min-width: 1024px){.nav__links{font-size:16px;gap:20px}}.contact__image{object-fit:contain;width:60px;height:60px;border:3px solid #c7c7c7;border-radius:50%}@media (min-width: 1024px){.contact{display:block}}.speech-bubble{position:relative}.speech-bubble__bubbles{display:none;position:absolute;transform:translateY(-100%)}.speech-bubble--visible{display:flex;flex-direction:column;align-items:flex-end}.speech-bubble--visible .speech-bubble__bubbles{display:flex}.speech-bubble__bubble{position:relative;right:10px;bottom:20px;color:#1a1a1a;padding:20px;width:340px;min-height:100px;margin-bottom:10px;border-radius:15px;font-family:sans-serif;animation:bubble-delay .5s 2.4s;animation-fill-mode:forwards;opacity:0}.speech-bubble__medium{width:45px;height:45px;position:relative;left:-40px;bottom:-135px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:10px;z-index:-1;animation:medium-delay .2s 2.2s;animation-fill-mode:forwards;opacity:0}.speech-bubble__mini{width:20px;height:20px;position:relative;left:-50px;bottom:-170px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:7px;z-index:-2;animation:mini-delay .2s 2s;animation-fill-mode:forwards;opacity:0}.speech-bubble__bubble,.speech-bubble__medium,.speech-bubble__mini{box-shadow:1px 1px 5px 1px #0000003b;background-color:#fff}@keyframes mini-delay{0%{opacity:0}to{opacity:1}}@keyframes medium-delay{0%{opacity:0}to{opacity:1}}@keyframes bubble-delay{0%{opacity:0}to{opacity:1}}footer{font-size:14px;display:flex;color:#fff;justify-content:space-between;align-items:center;padding:20px;flex-wrap:wrap;flex-grow:1;width:100%}.footer__section{flex:1 1 0;display:flex;align-items:center;min-width:0}.footer__section--left{justify-content:flex-start}.footer__section--center{justify-content:center}.footer__section--right{justify-content:flex-end}.footer__contact-details{display:flex;text-transform:uppercase;align-items:flex-end;gap:20px}.footer__copyright-container{display:flex;align-items:center}.footer__copyright{font-size:12px}.footer__copy{margin:0 2px;vertical-align:top;font-size:.8em;position:relative;top:-.2em}.footer__email,.footer__contact{margin-left:10px;display:flex;align-items:flex-end;color:#fff;text-decoration:none;transition:transform .3s;position:relative;transition:color .35s ease}.footer__email:hover:after,.footer__email:hover:before,.footer__contact:hover:after,.footer__contact:hover:before{width:100%;left:0}.footer__email:before,.footer__email:after,.footer__contact:before,.footer__contact:after{content:"";position:absolute;bottom:0;right:0;left:auto;width:0;height:3px;z-index:2;box-sizing:border-box}.footer__email:before,.footer__contact:before{background-color:#a4bee2;transition:all .25s cubic-bezier(.694,.048,.335,1) .15s}.footer__email:after,.footer__contact:after{background-color:#db6464;transition:all .25s cubic-bezier(.694,.048,.335,1)}.footer__signature{margin-right:10px;display:none;align-items:flex-end;user-select:none}@media (min-width: 1024px){.footer__signature{margin-right:0;display:flex}}@media (max-width: 767px){.footer__copyright{font-size:10px}}@media (min-width: 1024px){.footer__signature,.footer__contact,.footer__email{font-size:16px;margin-left:20px}.footer__copyright{font-size:14px}}.button{font-size:12px;background-color:#fff;color:#000;border:none;text-transform:uppercase;border-radius:7px;width:75px;height:30px;position:absolute;right:35%;bottom:10%;cursor:pointer}@media (min-width: 1024px){.button{width:110px;height:45px;font-size:16px}}.teaser__quote{font-size:16px;color:#ffffff7a;text-transform:uppercase}.teaser__headline{font-size:36px;text-transform:uppercase}.teaser__date{font-size:10px;text-transform:lowercase}.teaser__headline,.teaser__date{color:#fff}.teaser__container{position:relative;height:100%}.teaser__foreground{position:relative;background-color:#1a1a1a;padding:30px;border-radius:15px;min-height:100%;width:100%}.teaser{margin:0 10px 20px;min-width:330px;min-height:180px;text-decoration:none;position:relative;overflow:visible;animation-duration:2s;animation-fill-mode:forwards;opacity:0}.teaser.teaser--visible{animation-name:teaser-delay}.teaser:hover .teaser__img-border:before{background-image:conic-gradient(transparent 320deg,#db6464 360deg);transform:rotate(430deg)}.teaser:hover .teaser__quote{background:-webkit-linear-gradient(#eee,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.teaser:hover .teaser__img{filter:grayscale(30%)}.teaser:hover .teaser__background{left:13px;top:13px}.teaser__background{content:"";background:black;height:100%;width:100%;display:none;position:absolute;left:17px;top:17px;border-radius:15px;z-index:-1;transition:all .4s}.teaser__img-wrapper{border-radius:15px;height:100%;width:100%;position:absolute;overflow:hidden;left:0;top:0}.teaser__img{height:calc(100% - 7px);border-radius:50%;position:absolute;filter:grayscale(100%);transition:filter 1s}.teaser__img-border{min-width:130px;min-height:130px;border-radius:50%;overflow:hidden;position:absolute;display:flex;align-items:center;justify-content:center;right:0;bottom:0;transform:translate(25%,15%)}.teaser__img-border:before{content:"";position:absolute;inset:-80px;background-image:conic-gradient(#6472db 0deg,transparent 40deg);transform:rotate(180deg);transition:transform 1s}@keyframes teaser-delay{0%{opacity:0}to{opacity:1}}@media (min-width: 1024px){.teaser{min-width:500px;min-height:300px;margin:30px}.teaser__foreground{padding:50px}.teaser__quote{font-size:24px}.teaser__headline{font-size:64px}.teaser__date{font-size:12px}.teaser__background{display:block}.teaser__img-border{min-height:200px;min-width:200px}}.teaser__flex{margin-bottom:0;padding-top:30px;display:flex;justify-content:center;flex-wrap:wrap}@keyframes main-delay{0%{opacity:0}to{opacity:1}}@media (min-width: 1024px){.teaser__flex{margin-bottom:150px;padding-top:70px}}.coding__paragraph{display:none}.content{margin-top:7em;padding:10px;display:flex;width:100%;position:relative;min-height:590px;overflow:hidden;justify-content:center}.content__headline{margin:20px 0 0;text-transform:none}.content__date{margin:5px 0 15px;text-transform:lowercase}.content__background-img{object-fit:cover;max-height:100%;max-width:100%;border-radius:20px;animation:background-slideIn 1s .5s forwards;opacity:0}.content__container{position:absolute;background-color:#fff;opacity:.8;top:10%;right:10%;left:10%;bottom:10%;border-radius:20px;animation:container-slideIn 2s 1s forwards;opacity:0}.content__container:not(.content__container--left){top:10%;right:10%;left:10%;bottom:10%;animation:container-slideIn-left 2s 1s forwards;opacity:0}.content__container:not(.content__container--left) .content__text{padding-left:25px;padding-right:15px}.content__text{margin:10px;padding-left:10px;padding-top:10px}.content blockquote{font-size:large;margin:0 0 5px;width:70%;letter-spacing:3px;background-color:#4e4e4e;background-image:linear-gradient(45deg,#4e4e4e,#ffffff);background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.content__content p{font-family:Inter,Arial,sans-serif;font-size:12px;padding-bottom:10px}.content__button{border:2px solid #4e4e4e;border-radius:5px;padding:0 10px;text-decoration:none;font-size:small;color:#4e4e4e}.content__button:after{content:"back"}@media (min-width: 1024px){.content{padding:0 0 0 70px}.content__background-img{max-height:80%;max-width:80%}.content__container{right:20%}.content__container:not(.content__container--left){right:4%;left:26%}.content__container:not(.content__container--left) .content__text{margin:20px 50px 50px 10px;padding-left:10px;padding-top:10px}.content__content p{font-size:14px}.coding__paragraph{display:block}.content__text{margin:20px 50px 50px 10px;padding-top:0}.content blockquote{font-size:xx-large;margin:10px 0 20px}}@keyframes background-slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes container-slideIn{0%{transform:translate(200%);opacity:0}to{transform:translate(0);opacity:.9}}@keyframes container-slideIn-left{0%{transform:translate(-200%);opacity:0}to{transform:translate(0);opacity:.9}}@supports (font-variation-settings: normal){@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont.66b46392.ttf) format("truetype-variations");font-weight:1 999}}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}:root{--color-white: #ffffff;--color-shark: #1a1b1d;--color-alabaster: #fcfcfc;--color-snuff: #e6e0eb;--color-manatee: #898f9a;--font-primary: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif}:root{--breakpoint-default: ;--breakpoint-xs: 480px;--breakpoint-s: 667px;--breakpoint-m: 1024px;--breakpoint-l: 1280px;--breakpoint-xl: 1680px}body{font-family:Anton,elvetica,sans-serif;margin:0 auto;padding:0;background-image:linear-gradient(to right top,#191919,#ffffff);background-size:100% 100%}h1,h2,h3,h4,h5,h6{font-weight:400;text-transform:uppercase;margin:0;line-height:1}#app{min-height:100vh;position:relative}.app__content{min-height:100vh;display:flex;flex-direction:column}main{animation-duration:1s;opacity:0;flex-grow:1}main,footer{max-width:1200px;margin:0 auto}main.main--visible{opacity:1;animation-name:main-delay}.loading{height:100vh;width:100%;position:absolute;z-index:10;display:flex;overflow:hidden;align-items:center;justify-content:center}.loading.loading--finished{opacity:0;pointer-events:none}.loading__container{display:flex;align-items:flex-end}.loading__dot{font-size:xx-small;width:22px;height:22px;animation-name:dot-animation;animation-duration:1.3s;animation-delay:1s;animation-timing-function:ease-out}.loading__logo{font-size:x-large;position:relative;width:75px;height:75px;animation-name:logo-animation;animation-duration:5s;animation-timing-function:linear}.loading__dot,.loading__logo{background:linear-gradient(100deg,#ffffff,#6e6e6e);background-size:220% 220%;background-position:2% 10%;border:1px solid dimgray;color:#696969;display:flex;justify-content:center;align-items:center;border-radius:50%;animation-fill-mode:forwards;user-select:none}@keyframes logo-animation{0%{transform:translate(1600%) rotate(720deg)}20%{transform:translate(-65%) rotate(0)}45%{transform:translate(-65%) rotate(0)}70%{opacity:.5}to{transform:scale(50);opacity:0}}@keyframes dot-animation{0%{transform:translate(0) rotate(720deg)}to{transform:translate(-6300%) translateY(-500%) rotate(0)}}