:root{--black:#151515}@font-face{font-display:swap;font-family:Dr;font-style:normal;font-weight:400;src:url(../../font/Dr-Regular.woff2) format("woff2"),url(../../font/Dr-Regular.woff) format("woff")}@font-face{font-display:swap;font-family:Dr;font-style:normal;font-weight:700;src:url(../../font/Dr-ExtraBold.woff2) format("woff2"),url(../../font/Dr-ExtraBold.woff) format("woff")}body{background-color:var(--black);color:#fff;font-family:Dr,sans-serif;overflow-x:hidden;width:100%}.intro-vid{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.intro-vid.finish{opacity:0}.main-content{-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-direction:column;flex-direction:column;height:calc(100svh - 10rem);justify-content:space-between;margin-top:4rem;position:relative;z-index:2}.main-content,.main-content__header{-webkit-box-orient:vertical;display:-webkit-box;display:-ms-flexbox;display:flex}.main-content__header{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:0;margin-left:2rem;width:-webkit-max-content;width:-moz-max-content;width:max-content}.main-content__header-addsoul{font-size:22vw;font-weight:700;margin:0;opacity:0;-webkit-transform:translateX(-2rem);transform:translateX(-2rem);-webkit-transition:opacity .6s ease-out,-webkit-transform 1s ease-out;transition:opacity .6s ease-out,-webkit-transform 1s ease-out;transition:transform 1s ease-out,opacity .6s ease-out;transition:transform 1s ease-out,opacity .6s ease-out,-webkit-transform 1s ease-out;-webkit-transition-delay:1s;transition-delay:1s}.main-content__header-ready{font-weight:100;margin:0 0 -1rem;opacity:0;-webkit-transform:translateX(-1.5rem);transform:translateX(-1.5rem);-webkit-transition:opacity .6s ease-out,-webkit-transform 1s ease-out;transition:opacity .6s ease-out,-webkit-transform 1s ease-out;transition:transform 1s ease-out,opacity .6s ease-out;transition:transform 1s ease-out,opacity .6s ease-out,-webkit-transform 1s ease-out}.main-content__name-title{margin-top:auto;padding-left:2rem}.main-content__name{font-size:10vw;-webkit-transition:opacity .6s ease-out,-webkit-transform 1s ease-out;transition:opacity .6s ease-out,-webkit-transform 1s ease-out;transition:transform 1s ease-out,opacity .6s ease-out;transition:transform 1s ease-out,opacity .6s ease-out,-webkit-transform 1s ease-out;-webkit-transition-delay:1.5s;transition-delay:1.5s}.main-content__name,.main-content__title{opacity:0;-webkit-transform:translateX(-2rem);transform:translateX(-2rem)}.main-content__title{font-weight:100;margin-top:-2rem;-webkit-transition:opacity .6s ease-out,-webkit-transform 1s ease-out;transition:opacity .6s ease-out,-webkit-transform 1s ease-out;transition:transform 1s ease-out,opacity .6s ease-out;transition:transform 1s ease-out,opacity .6s ease-out,-webkit-transform 1s ease-out;-webkit-transition-delay:1.8s;transition-delay:1.8s}.main-content__contact-icons{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:2rem;margin-top:2rem;opacity:0;padding-left:2rem;-webkit-transition:opacity .6s ease-out,-webkit-transform 1s ease-out;transition:opacity .6s ease-out,-webkit-transform 1s ease-out;transition:transform 1s ease-out,opacity .6s ease-out;transition:transform 1s ease-out,opacity .6s ease-out,-webkit-transform 1s ease-out;-webkit-transition-delay:2.8s;transition-delay:2.8s}.profile-picture{bottom:0;height:80lvh;left:0;mix-blend-mode:lighten;-o-object-fit:cover;object-fit:cover;-o-object-position:0 100%;object-position:0 100%;opacity:0;position:absolute;-webkit-transition:object-position 1s ease-out,opacity .6s ease-out;transition:object-position 1s ease-out,opacity .6s ease-out;transition:object-position 1s ease-out,opacity .6s ease-out,-o-object-position 1s ease-out;-webkit-transition-delay:2.8s;transition-delay:2.8s;width:100%}.animation-finished .main-content__contact-icons,.animation-finished .main-content__header-addsoul,.animation-finished .main-content__name,.animation-finished .main-content__title{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.animation-finished .main-content__header-ready{opacity:1;-webkit-transform:translateX(1.5rem);transform:translateX(1.5rem)}.animation-finished .profile-picture{-o-object-position:20% 100%;object-position:20% 100%;opacity:1}