body.intro-mask-active{overflow:hidden}.el{--mask-size:10%;z-index:10;-webkit-mask-image:url(/mask.svg);-webkit-mask-size:var(--mask-size);mask-image:url(/mask.svg);-webkit-mask-position:50%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:var(--mask-size);mask-size:var(--mask-size);will-change:mask-size;background-image:url(/intro2-mobile.webp);background-position:50%;background-size:cover;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (min-width:768px){.el{background-image:url(/intro2.webp)}}
.logo{fill:none;stroke:#d0b37b;stroke-width:2px;width:400px;height:auto}.logo path{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:1.5s ease-in-out forwards draw}.logo path:first-of-type{animation-delay:0s}.logo path:nth-of-type(2){animation-delay:.5s}.logo path:nth-of-type(3){animation-delay:1s}.logo path:nth-of-type(4){animation-delay:1.5s}.logo path:nth-of-type(5){animation-delay:2s}.logo path:nth-of-type(6){animation-delay:2.5s}.logo path:nth-of-type(7){animation-delay:3s}.logo path:nth-of-type(8){animation-delay:3.5s}.logo path:nth-of-type(9){animation-delay:4s}@keyframes draw{to{stroke-dashoffset:0}}.logo.finished{stroke:none;fill:#d0b37b;transition:fill 1s ease-in-out}