@keyframes preset-fade{0%{opacity:0}to{opacity:1}}@keyframes preset-fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes preset-fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes preset-zoomIn{0%{opacity:0}50%{opacity:1;transform:scale3d(.3,.3,.3)}0%{transform:scale3d(1)}}@keyframes preset-tossing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes preset-expandUp{0%{transform:translateY(100%) scale(.6) scaleY(.5)}60%{transform:translateY(-6%) scaleY(1.13)}75%{transform:translateY(4%)}to{transform:translateY(0) scale(1) scaleY(1)}}@keyframes preset-shakingX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-.5rem,0,0)}20%,40%,60%,80%{transform:translate3d(.5rem,0,0)}}@keyframes preset-shakingY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-.5rem,0)}20%,40%,60%,80%{transform:translate3d(0,.5rem,0)}}@media screen and (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}body{overflow-y:hidden}.contact{height:100vh;min-height:30rem;overflow:hidden;position:relative}.contact-intro{align-content:center;display:grid;gap:var(--spacer-250);height:100%;padding-bottom:var(--spacer-350)}@media (max-width:900px){.contact-intro{align-content:start;gap:var(--spacer-150);padding-top:7rem}}@media (max-height:500px){.contact-intro .contact-intro__mail,.contact-intro h1{font-size:1.75rem}}.contact-intro__mail{align-items:center;display:flex;gap:var(--spacer-150);transition:color .2s ease-in-out;width:-moz-max-content;width:max-content}.contact-intro__mail icon-frame{transition:transform .15s ease-in-out}.contact-intro__mail:hover{color:rgba(var(--color-white),1)}.contact-intro__mail:hover icon-frame{transform:rotate(180deg)}@media (max-width:900px){.contact-intro__mail{font-size:var(--font-size-m);gap:var(--spacer-75)}.contact-intro__mail icon-frame[size=l] svg{--icon-stroke-width:2.5px;height:1.2rem;width:1.2rem}.contact-intro__mail{font-size:1.2rem;gap:var(--spacer-50)}.contact-intro__mail icon-frame[size=l] svg{--icon-stroke-width:2.2px;height:.8rem;width:.8rem}}.contact-background div{bottom:-10%;left:0;position:absolute;right:0;top:0;z-index:-1}@media (max-width:1500px){.contact-background div{bottom:-20%}}@media (max-width:1100px){.contact-background div{left:-20%}}@media (max-width:900px){.contact-background div{left:-120%;top:20%}}@media (max-height:500px){.contact-background div{left:-20%;top:-20%}}.contact-background--hover>.closed,.contact-background>.open{opacity:0}.contact-background--hover>.open{opacity:1}