.logo{position:relative;display:flex;align-items:center;justify-content:space-between;width:150px;transform:scale(0);animation:logo-load .6s ease-in-out forwards}.logo picture img{width:100%;height:100%;transform:scale(.9);transition:.3s ease-in;cursor:pointer}.logo picture img:hover,.logo picture img:focus-within{transform:scale(1)}@keyframes logo-load{0%{transform:scale(0)}to{transform:scale(1)}}.tooltip{position:absolute;display:flex;align-items:center;flex-direction:column;justify-content:center;width:250px;animation:tooltip-open .3s ease-out forwards;background-color:#f4eed0;transform:scale(0);border:1px solid black;border-left:0;border-right:0;border-radius:10px;opacity:.98}.tooltip-content{max-height:250px;overflow-y:scroll}.tooltip-generic,.tooltip-personal{padding:5% 15%;font-size:15px}.tooltip-generic{font-weight:700;letter-spacing:.5px}.tooltip-play{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:calc(15% - 6px);padding:0;color:inherit;background:none;border:0;border-radius:50%;cursor:pointer;opacity:.7}.tooltip-play:hover,.tooltip-play:active{opacity:1}.tooltip-close{cursor:pointer;position:absolute;top:0;right:0;margin:10px}@keyframes tooltip-open{0%{transform:scale(0)}to{transform:scale(1)}}.main-title{display:flex;align-items:center;justify-content:space-between;font-size:45px;text-align:center}.main-title p{transform:scale(0);animation:letter-load 1.5s ease-out forwards;margin:0;letter-spacing:1px}.main-title p:focus{animation:none}.main-title .i{animation-delay:50ms}.main-title .comma{animation-delay:.1s}.main-title .i-uppercase{animation-delay:.15s}.main-title .aposth{animation-delay:.2s}.main-title .m{animation-delay:.25s}.main-title .f{cursor:pointer;transform:scale(0);animation:letter-special .5s ease-out forwards;animation-delay:.3s}.main-title .f:focus{animation:letter-special .2s ease-out forwards}.main-title .f:active{animation:none}.main-title .a{animation-delay:.35s}.main-title .c{animation-delay:.4s}.main-title .u{animation-delay:.45s}.main-title .n{animation-delay:.5s}.main-title .d{animation-delay:.55s}.main-title .o{animation-delay:.6s}@keyframes letter-load{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes letter-special{0%{transform:scale(0) rotate(0)}to{transform:scale(1) rotate(360deg)}}@media only screen and (min-width:812px)and (max-width:1280px){.main-title{font-size:60px}.main-title img{width:60px}}@media only screen and (min-width:375px)and (max-width:812px)and (orientation:portrait){.main-title{font-size:43px}}@media only screen and (min-width:375px)and (max-width:812px)and (orientation:landscape){.main-title{font-size:55px}}.room-scroll{width:100%}.room{width:100%;position:relative;transform:rotate(-30deg) 30s;transition:ease-in-out infinite}.room .module-image{position:absolute;cursor:pointer}.room .module-image img{width:100%;animation:room-load .8s ease-in-out}.room .module-animation #dsotm{position:absolute;width:113%;top:-3.5%;left:-6.5%;animation:room-load 1.2s ease-in-out;z-index:21}.room .module-animation #key-west{position:absolute;width:38%;top:2%;left:2%;z-index:0}.room .module-animation #hal9000{position:absolute;width:9%;top:59.5%;left:50%;z-index:14}.room .module-animation #guy-glitch{position:absolute;width:20%;top:33.7%;left:31%;z-index:26}.room .module-animation #cerati{position:absolute;width:15%;right:22%;top:34%;z-index:34;opacity:.5;transform:scale(0);animation:cerati-animation .5s ease-in forwards}.room .module-animation #cancion-animal-vinyl{position:absolute;width:10%;top:51%;left:59%;z-index:33;transform:translate(20px,-20px);animation:ca-vinyl .2s ease-in forwards}.room .module-animation #artaud{position:absolute;left:20%;bottom:72%;width:19%;transform:skew(0,-30deg) scale(0);box-shadow:0 0 4px 3px #acacac;animation:artaud-animation .4s ease-in-out forwards}.room .module-animation #triangle{position:absolute;width:17%;left:65.5%;bottom:53.5%;z-index:20}.room .module-animation #turntable{position:absolute;width:57%;top:7.6%;left:11.8%;z-index:50;animation:show-syd-face 32.360679775s ease-in forwards}.room .module-animation #lupe{position:absolute;width:35%;top:19%;left:22%;z-index:26}.room .module-animation #moris{position:absolute;width:20.5%;top:34.1%;left:30.7%;z-index:101}.room .module-animation #moris-soul{position:absolute;width:107.5%;top:-3.2%;left:-3%;z-index:100}.room .module-animation #plant-grow{position:absolute;width:70%;bottom:8%;left:17%;z-index:1}.room .module-animation #stalker-dialogue{position:absolute;width:50%;bottom:33%;left:23%;z-index:40;box-shadow:0 0 4px 3px #acacac;opacity:0;transform:scale(0);animation:stalker-display .4s ease forwards}.room .module-animation #pedro{position:absolute;width:7%;top:48.3%;right:10%;z-index:16}.room .module-animation #la-biblia-vinyl{position:absolute;width:11%;bottom:22%;right:33%;z-index:3;transform:translate(50%,50%)}.room .module-animation #mescal{position:absolute;width:60%;top:0;left:0;z-index:30;box-shadow:0 0 4px 3px #acacac;transform:scale(0);animation:mescal-show .4s ease forwards}.room .module-animation #fungi{position:absolute;width:5%;top:43%;left:67.5%;z-index:30;transform:scale(0);animation:fungi-show 1.5s ease forwards}.room .module-animation #the-end-base{position:absolute;width:100%;top:0;left:0;animation:room-load .4s ease-in;z-index:40}.room .module-animation #guy-psych-left{position:absolute;width:10%;top:47%;left:15%;z-index:41;transform:scale(0);animation:guys-show .4s ease-in forwards}.room .module-animation #guy-psych-right{position:absolute;width:10%;top:46%;left:56%;z-index:41;transform:scale(0);animation:guys-show .4s ease-in forwards}.room .module-animation #guy-shut{position:absolute;width:20%;top:34%;left:30%;z-index:41;transform:scale(0);animation:guys-show .4s ease-in forwards}.room .module-animation #hand-left-one{position:absolute;width:20%;top:35%;left:0;z-index:41;transform:scale(0);animation:hand-show .4s ease-in forwards;animation-delay:.6s}.room .module-animation #hand-left-two{position:absolute;width:30%;top:10%;left:10%;z-index:41;transform:scale(0);animation:hand-show .8s ease-in forwards;animation-delay:1.2s}.room .module-animation #hand-right-one{position:absolute;width:20%;top:35%;right:0;z-index:41;transform:scale(0);animation:hand-show .8s ease-in forwards;animation-delay:1.8s}.room .module-animation #hand-right-two{position:absolute;width:30%;top:20%;right:10%;z-index:41;transform:scale(0);animation:hand-show .8s ease-in forwards;animation-delay:2.4s}.room .module-animation #en-remolinos{position:absolute;width:30%;top:25%;left:30%;z-index:100}.room .module-animation #firelink{position:absolute;width:5%;top:32%;left:58%;z-index:12;transform:scale(0);animation:firelink-show .4s ease-in forwards}.room .module-animation #consciousness{position:absolute;width:9%;top:23%;left:39%;z-index:26;transform:scale(0);opacity:.7;animation:firelink-show .4s ease-in forwards}.room .module-animation #skull{position:absolute;width:6%;top:31%;left:40%;z-index:25;transform:scale(0) rotate(15deg);opacity:.7;animation:skull-show .4s ease-in forwards}.room .module-animation #psych-cat{position:absolute;width:13%;top:42%;right:10%;z-index:40}.room .module-animation #afraid{position:absolute;width:15%;top:16%;left:25%;z-index:40;transform:scale(0);animation:dsotm-scale .4s ease-in-out infinite}.room .module-animation #brain-damage{position:absolute;width:10%;top:12%;left:55%;z-index:40;transform:skew(0);animation:dsotm-skew .4s ease-in-out infinite}.room .module-animation #hand{position:absolute;width:8%;top:36%;right:25%;z-index:40;transform:scale(0);animation:dsotm-scale .8s ease-in-out infinite}.room .module-animation #decision{position:absolute;width:10%;top:34%;right:4%;z-index:40}.room .module-animation #trap{position:absolute;width:3%;bottom:36%;left:54.5%;z-index:40;transform:scale(0);animation:dsotm-scale .4s ease-in-out infinite}.room .module-animation #open-it{position:absolute;width:4%;top:48%;right:41%;z-index:40;transform:scale(0);animation:dsotm-scale 1.5s ease-in-out infinite}.room .module-animation #be-curious{position:absolute;width:5%;top:59%;right:22%;z-index:40;transform:scale(0);animation:dsotm-scale 1.5s ease-in-out infinite}.room .module-animation #reality{position:absolute;width:13%;bottom:12%;right:18%;z-index:40;transform:skew(0);animation:dsotm-skew .4s ease-in-out infinite}.room .module-animation #eclipse{position:absolute;width:10%;top:19%;left:10%;z-index:40}.room .module-animation #noise{position:absolute;width:6%;top:51%;left:16%;z-index:40;transform:scale(0);animation:dsotm-scale .4s ease-in-out infinite}.room .module-animation #flow{position:absolute;width:15%;top:26%;left:47%;z-index:40;transform:scale(0);animation:dsotm-scale 2s ease-in-out infinite}.room .module-animation #eye{position:absolute;width:10%;bottom:20%;left:40%;z-index:40}.room .module-animation #ta-te-ti{position:absolute;width:10%;bottom:25%;left:21%;z-index:40}.room .module-animation #vinyl-spiral{position:absolute;width:10%;top:45%;right:24%;z-index:40}.room .module-animation #infinite{position:absolute;width:1%;top:56%;left:70%;z-index:40}.room .module-animation #responsible{position:absolute;width:8%;bottom:31%;right:32%;z-index:40}.room .module-animation #here-now{position:absolute;width:5%;top:15.7%;left:48%;z-index:40}.room .module-animation #base-dsotm{position:absolute;width:106.5%;top:-1%;left:-3.5%;z-index:39}.room .module-animation #beatles-show{position:absolute;width:19%;right:17%;bottom:14%;z-index:34;opacity:.5;transform:scale(0);animation:cerati-animation .5s ease-in forwards}.room .module-animation #stephen-hawking{position:absolute;width:12%;right:19%;bottom:14%;z-index:34;opacity:.4;transform:scale(0);animation:cerati-animation .5s ease-in forwards}.room .module-animation #syd{position:absolute;width:5%;top:35%;left:23%;z-index:3;opacity:.6;transform:scale(0) translateY(0);animation:syd-diamond 3s ease-in}.room .module-animation #jimi,.room .module-animation #messi-gus{position:absolute;width:0;top:0;left:0;z-index:30}.room .amp{width:11.1%;top:46.4%;left:10.7%;z-index:4}.room .amp .tooltip{width:140px;top:75%;left:0%}.room .ashtray{width:4.5%;top:47%;left:48%;z-index:27;cursor:inherit}.room .ashtray .tooltip{bottom:50%;right:100%}.room .artaud{width:7%;top:15%;left:46.5%;z-index:5}.room .artaud .tooltip{top:-100%;left:100%}.room .base{position:relative;height:100%;width:100%;z-index:0;opacity:.8;cursor:inherit}.room .beer{width:3.5%;top:46%;left:31%;z-index:26}.room .beer .tooltip{bottom:50%;right:100%}.room .beer:active,.room .beer:focus{animation:beer-open .5s ease}.room .cables{width:8.7%;top:47.7%;right:16%;z-index:15;cursor:inherit}.room .cactus{width:6%;top:49.2%;right:10.5%;z-index:15}.room .cactus .tooltip{bottom:100%;right:0}.room .cancion-animal{width:6%;top:51.2%;left:62.2%;z-index:33}.room .cancion-animal .tooltip{top:-100%;left:100%;min-height:150px}.room .cushions{width:24%;bottom:12%;left:33%;z-index:3;cursor:inherit}.room .dsotm{width:6.5%;top:23.3%;left:12.4%;z-index:6}.room .dsotm .tooltip{bottom:50%;left:100%}.room .guy{width:20%;top:33.7%;left:31%;z-index:25}.room .guy .tooltip{bottom:100%;right:0}.room .electricity{width:2.5%;top:52%;left:8%;z-index:1;cursor:inherit}.room .electric-guitar{width:6%;top:29%;left:23%;z-index:5}.room .electric-guitar .tooltip{left:0;bottom:100%}.room .eg-stand{width:5.5%;bottom:45%;left:23.7%;z-index:2;cursor:inherit}.room .headphones{width:4.5%;top:41.5%;right:14.8%;z-index:12}.room .headphones .tooltip{bottom:50%;right:100%}.room .hp-support{width:3%;top:41.5%;right:14.8%;z-index:11}.room .hp-support .tooltip{bottom:50%;right:100%}.room .key-west{width:4.8%;top:53.5%;right:34%;z-index:16}.room .key-west .tooltip{top:0;right:100%}.room .la-biblia{width:8%;bottom:20%;right:32%;z-index:3}.room .la-biblia .tooltip{bottom:50%;right:100%}.room .lamp{width:5%;top:41%;left:63.6%;z-index:12}.room .lamp .tooltip{width:120px;height:40px;padding:0;top:-75%;left:-100%}.room .lamp .tooltip-generic{padding:0}.room .laptop{width:9%;top:59.5%;left:50%;z-index:13}.room .laptop .tooltip{top:0;right:100%}.room .left-speaker{width:6.5%;top:36.2%;left:56.8%;z-index:11;cursor:inherit}.room .left-speaker .tooltip{top:-100%;right:0}.room .little-plant{width:3%;top:42.5%;right:35.3%;z-index:11;cursor:inherit}.room .little-plant .tooltip{top:50%;right:0}.room .lupe{width:3%;top:56%;right:27%;z-index:25}.room .lupe .tooltip{top:50%;right:0}.room .paint{width:13%;bottom:35%;left:24%;z-index:3}.room .paint .tooltip{top:75%;right:25%}.room .plant{width:4.5%;bottom:8.5%;right:38.5%;z-index:13}.room .plant .tooltip{bottom:50%;right:0}.room .psylocibin{width:4.5%;top:11%;left:33%;z-index:2}.room .psylocibin img{opacity:.3}.room .psylocibin .tooltip{width:120px;bottom:100%;left:0}.room .psylocibin .tooltip-content{height:50px}.room .psylocibin .tooltip-generic{padding:15% 0}.room .preamp{width:3.5%;top:52%;right:23%;z-index:10}.room .preamp .tooltip{bottom:50%;right:100%}.room .right-speaker{width:6.5%;top:48.5%;right:17.2%;z-index:11;cursor:inherit}.room .right-speaker .tooltip{top:100%;right:0}.room .sabiduria-loco{width:4%;top:27%;left:62%;z-index:6}.room .sabiduria-loco img{opacity:.7}.room .sabiduria-loco .tooltip{bottom:50%;left:50%}.room .stand{width:31%;top:41%;left:54%;z-index:1;cursor:inherit}.room .stalker{width:5.5%;top:59.5%;right:21.5%;z-index:28}.room .sunglasses{width:4%;top:58%;right:28%;z-index:1;cursor:inherit}.room .table{width:26%;top:56.9%;right:31.3%;z-index:2;cursor:inherit}.room .triangle{width:7%;top:32.5%;right:23%;z-index:1}.room .triangle .tooltip{bottom:100%;right:-100%}.room .turntable{width:11%;top:45.3%;right:24.3%;z-index:13}.room .turntable .tooltip{width:100px;top:0;left:0}.room .turntable .tooltip-generic{padding:5% 0}.room .weed{width:3.5%;bottom:35.7%;left:44.4%;z-index:12}.room .weed .tooltip{top:0;right:100%}.room .weed:hover{animation:weed-hover .5s ease}.room .world-cup{width:3.2%;bottom:31%;right:32%;z-index:27}.room .world-cup .tooltip{bottom:-100%;left:-100%}#room .module-tooltip{position:absolute;z-index:300;pointer-events:none;cursor:auto;animation:none}#room .module-tooltip .tooltip{pointer-events:auto}@keyframes room-load{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cerati-animation{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes artaud-animation{0%{transform:skew(0) scale(0)}to{transform:skew(0,-30deg) scale(1)}}@keyframes moris{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes stalker-display{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes weed-hover{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}to{transform:rotate(0)}}@keyframes beer-open{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}to{transform:rotate(0)}}@keyframes mescal-show{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fungi-show{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes hand-show{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes guys-show{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ca-vinyl{0%{transform:translate(20px,-20px)}to{transform:translate(0)}}@keyframes firelink-show{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes skull-show{0%{transform:scale(0) rotate(0)}to{transform:scale(1) rotate(15deg)}}@keyframes dsotm-scale{0%{transform:scale(0)}50%{transform:scale(1)}to{transform:scale(0)}}@keyframes dsotm-skew{0%{transform:skew(0)}50%{transform:skew(18deg,18deg)}to{transform:skew(0)}}@keyframes snake{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes syd-diamond{0%{transform:scale(0) translateY(0)}50%{transform:scale(1) translateY(-500%)}to{transform:scale(0) translateY(-1000%)}}@keyframes show-syd-face{0%{transform:scale(0)}to{transform:scale(1)}}@media only screen and (max-width:900px){.room-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.room{width:100%;width:max(100%,108.8193456615svh)}}@media only screen and (min-width:812px)and (max-width:1280px)and (orientation:portrait){.room .module-animation #mescal{top:-50%;left:3.5%;width:80vw;z-index:40}.room .artaud .tooltip{bottom:0;left:100%}}@media only screen and (min-width:812px)and (max-width:1280px)and (orientation:landscape){.room .dsotm{z-index:26}.room .dsotm .tooltip{bottom:0}.room .sabiduria-loco .tooltip{bottom:0;left:100%}.room .guy .tooltip{bottom:85%;right:-50%}}@media only screen and (min-width:1600px){.room{width:100%}}.complete-counter{position:fixed;top:1.25rem;right:1.25rem;z-index:98;animation:counter-load .6s ease-in-out}.complete-counter--bar{display:flex;align-items:center;gap:8px}.complete-counter--anchor{position:relative}.complete-counter--card{border:1px solid rgba(21,11,9,.35);border-radius:6px;background-color:#fdf8e3e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:-3px 3px 1px #ffa381d9;transition:transform .15s ease-out,box-shadow .15s ease-out}.complete-counter--card:hover{transform:translate(-2px,2px);box-shadow:-1px 1px 1px #ffa381e6}.complete-counter--card:active{transform:translate(-3px,3px);box-shadow:0 0 #ffa38100}.complete-counter--card{box-sizing:border-box;height:32px;display:flex;align-items:center;gap:2px;padding:0 12px;cursor:pointer}.complete-counter--card.is-open{transform:translate(-3px,3px);box-shadow:0 0 #ffa38100}.complete-counter--sound{border:1px solid rgba(21,11,9,.35);border-radius:6px;background-color:#fdf8e3e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:-3px 3px 1px #ffa381d9;transition:transform .15s ease-out,box-shadow .15s ease-out}.complete-counter--sound:hover{transform:translate(-2px,2px);box-shadow:-1px 1px 1px #ffa381e6}.complete-counter--sound:active{transform:translate(-3px,3px);box-shadow:0 0 #ffa38100}.complete-counter--sound{box-sizing:border-box;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#150b09;font-size:1rem;transition:transform .15s ease-out,box-shadow .15s ease-out,color .15s ease-out}.complete-counter--sound.is-muted{color:#150b0966}.complete-counter--value,.complete-counter--separator{color:#150b09;font-weight:700;font-size:1rem;line-height:1}.complete-counter--separator{color:#ffa381}.complete-counter--panel{border:1px solid rgba(21,11,9,.35);border-radius:6px;background-color:#fdf8e3e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:-3px 3px 1px #ffa381d9;position:absolute;top:calc(100% + 8px);right:0;box-sizing:border-box;width:220px;max-height:calc(100vh - 2.5rem - 40px);max-height:calc(100dvh - 2.5rem - 40px);display:flex;flex-direction:column;overflow:hidden;background-color:#fdf8e3f2;animation:panel-open .2s ease-out}.complete-counter--list{flex:0 1 auto;min-height:0;margin:0;padding:6px;list-style:none;overflow-y:auto;overscroll-behavior:contain}.complete-counter--list li+li{margin-top:2px}.complete-counter--item{width:100%;display:flex;align-items:center;gap:8px;padding:4px 6px;border:none;border-radius:4px;background-color:transparent;text-align:left;cursor:pointer;animation:item-in .2s ease-out backwards;animation-delay:calc(var(--stagger, 0) * 30ms + 60ms);transition:background-color .15s ease-out}.complete-counter--item:hover{background-color:#ffa38138}.complete-counter--thumb{flex:0 0 auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:3px;border:1px solid rgba(21,11,9,.2);border-radius:4px;background-color:#150b090d}.complete-counter--thumb img{max-width:100%;max-height:100%;object-fit:contain}.complete-counter--name{color:#150b09;font-size:.7rem;line-height:1.2}.complete-counter--empty{color:#150b0999;font-size:.7rem;line-height:1.3;padding:12px}.complete-counter--reset{flex:0 0 auto;padding:8px;border:none;border-top:1px solid rgba(21,11,9,.2);background-color:transparent;color:#150b09b3;font-size:.65rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}.complete-counter--reset:hover:not(:disabled){background-color:#ffa38138;color:#150b09}.complete-counter--reset:disabled{cursor:default;opacity:.4}.complete-counter svg#check{cursor:pointer;transform:scale(1);animation:check .8s ease-in-out infinite;margin-left:5px;color:#ffa381}.complete-counter .tooltip{z-index:100;position:fixed;top:calc(1.25rem + 40px);right:1.25rem;max-height:calc(100vh - 2.5rem - 40px);max-height:calc(100dvh - 2.5rem - 40px)}.complete-counter .tooltip-content{flex:0 1 auto;min-height:0;max-height:none;overflow-y:auto}.complete-counter.is-done .complete-counter--card{border-color:#ffa381}@keyframes counter-load{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes panel-open{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes item-in{0%{transform:translate(8px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes check{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media only screen and (max-width:812px){.complete-counter{top:.75rem;right:.75rem}.complete-counter--card{padding:0 10px}.complete-counter--value,.complete-counter--separator{font-size:.8rem}.complete-counter--panel{max-height:calc(100vh - 1.5rem - 40px);max-height:calc(100dvh - 1.5rem - 40px)}.complete-counter .tooltip{top:calc(.75rem + 40px);right:.75rem;width:min(250px,100vw - 1.5rem);max-height:calc(100vh - 1.5rem - 40px);max-height:calc(100dvh - 1.5rem - 40px)}}.hero-logo{position:fixed;top:1.25rem;left:1.25rem;z-index:200}.hero-logo .logo{width:88px}@media only screen and (max-width:812px){.hero-logo{top:.75rem;left:.75rem}.hero-logo .logo{width:60px}}.home-hero{display:flex;align-items:center;justify-content:space-between;align-items:stretch}.home-hero .hero-draws{display:flex;align-items:center;justify-content:center;position:relative;flex:3;animation:hero-load 1s ease-in-out}.home-hero .hero-section{flex:1;display:none;flex-direction:column;align-items:center;justify-content:space-between}.home-hero .hero-section-top{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-around;flex:2}.home-hero .hero-section-top .main-title{align-self:flex-end}.home-hero .hero-section-top .bike{cursor:pointer;position:absolute;width:20px;top:7%;left:44%;animation:bike-load 1.2s ease-in infinite}.home-hero .hero-section-top .bike-click{animation:bike-click 40s ease-in forwards}.home-hero .hero-section-middle{display:flex;flex-direction:column;align-items:center;animation:hero-bottom-load .8s ease-in;animation-fill-mode:forwards;flex:1}.home-hero .hero-section-middle p{text-align:center}.home-hero .hero-section-middle p:nth-child(1){animation:hero-bottom-laod-subtitle 1.2s ease-in;animation-fill-mode:forwards;font-size:21px;font-weight:lighter}.home-hero .hero-section-middle p:nth-child(2){font-size:18px;font-weight:700;align-self:center;padding:0 30px}.home-hero .hero-section-bottom{width:100%;position:relative;display:flex;flex-direction:column;justify-content:space-around;align-items:center;transform:scale(0);animation:connection-me-load .8s ease-in-out forwards;flex:3}.home-hero .hero-section-bottom .connection-me{position:relative}.home-hero .hero-section-bottom .connection-me .ladder{width:50px}.home-hero .hero-section-bottom .connection-me .guy-small{width:40px;position:absolute;left:0%;bottom:-37%}.home-hero .hero-section-bottom .arrow{position:absolute;right:15%;top:50%;width:40px;align-self:flex-end}.home-hero .hero-section-bottom .button-arrow{width:140px;height:55px;transform:scale(1);transition:.3s ease-in}.home-hero .hero-section-bottom .button-arrow .shark{width:100%;position:absolute;right:0;bottom:0;opacity:.7}.home-hero .hero-section-bottom .button-arrow button{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;text-align:center;border:none;cursor:pointer;z-index:1;background:transparent;box-shadow:-3px 3px 1px #f2b090;transform:scale(0);animation:button-load 1s ease-in-out forwards}.home-hero .hero-section-bottom .button-arrow button .button-border{width:100%;position:absolute}.home-hero .hero-section-bottom .button-arrow button span{font-size:12px;font-weight:700;color:#150b09;letter-spacing:.25px}.home-hero .hero-section-bottom .button-arrow:before{content:"";position:absolute;bottom:0;left:0;transform:scale(1);width:100%;height:73%;z-index:-1;background:#000;opacity:.05}.home-hero .hero-section-bottom .button-arrow:hover,.home-hero .hero-section-bottom .button-arrow:focus{transform:scale(1.1)}.home-hero .hero-section .tooltip{top:40%;left:19%;z-index:100}@keyframes hero-load{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes hero-top-load{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes hero-bottom-load{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes hero-bottom-laod-subtitle{0%{letter-spacing:11px}50%{letter-spacing:5px}to{letter-spacing:1px}}@keyframes button-load{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes connection-me-load{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes small-guy{0%{transform:scale(1)}50%{transform:scale(0)}to{transform:scale(1)}}@keyframes bike-load{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes bike-click{0%{transform:translate(0)}to{transform:translate(2000px,-1000px)}}@media only screen and (min-width:375px)and (max-width:900px){.home-hero{flex-direction:column}.home-hero .hero-section{display:none}.home-hero .hero-section-top .logo{margin-bottom:10%}.home-hero .hero-section-top .bike{top:-1%}.home-hero .hero-section-bottom .connection-me{margin-bottom:20%}.home-hero .hero-section .tooltip{top:47%;left:20%}.home-hero .hero-section .tooltip-personal{font-size:16px}}@media only screen and (min-width:375px)and (max-width:812px)and (orientation:landscape){.home-hero .hero-section{display:none}.home-hero .hero-section-middle{width:55%}.home-hero .hero-section .tooltip{top:18%;left:50%}}@media only screen and (min-width:812px)and (max-width:1280px)and (orientation:landscape){.home-hero .hero-section{display:none}.home-hero .hero-section-top .bike{top:-5px;left:44%}.home-hero .hero-section-bottom .connection-me{margin-bottom:15%}.home-hero .hero-section-bottom .arrow{right:30%}.home-hero .hero-section .tooltip{top:35%}.home-hero-draws{margin-bottom:50px}}@media only screen and (min-width:812px)and (max-width:1280px)and (orientation:portrait){.home-hero{flex-direction:column}.home-hero .hero-section{display:none}.home-hero .hero-section-top .logo{width:200px}.home-hero .hero-section-top .bike{top:-2%}.home-hero .hero-section-middle{margin:20px}.home-hero .hero-section-middle p:nth-child(1){max-width:75%;font-size:25px}.home-hero .hero-section-bottom .connection-me{margin-bottom:12%}.home-hero .hero-section .tooltip{top:23%;left:35%}.home-hero .hero-section .tooltip-personal{font-size:16px}.home-hero .hero-draws{margin-bottom:50px}}.main-content{margin-top:0}.contact{position:fixed;display:flex;align-items:center;gap:.75rem;left:1.5rem;bottom:1.5rem;z-index:102;opacity:0;animation:contact-load .4s ease-in .2s forwards}.contact svg{display:block;stroke:#000;stroke-width:2.5px}.contact a,.contact button{border:1px solid rgba(21,11,9,.35);border-radius:6px;background-color:#fdf8e3e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:-3px 3px 1px #ffa381d9;transition:transform .15s ease-out,box-shadow .15s ease-out}.contact a:hover,.contact button:hover{transform:translate(-2px,2px);box-shadow:-1px 1px 1px #ffa381e6}.contact a:active,.contact button:active{transform:translate(-3px,3px);box-shadow:0 0 #ffa38100}.contact a,.contact button{box-sizing:border-box;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#150b09}.contact button{position:relative;padding:0;cursor:pointer;font:inherit}.contact .contact-tooltip{border:1px solid rgba(21,11,9,.35);border-radius:6px;background-color:#fdf8e3e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:-3px 3px 1px #ffa381d9;position:absolute;bottom:calc(100% + 8px);left:50%;min-width:20px;height:20px;padding:0 .4rem;display:flex;align-items:center;justify-content:center;font-size:.7rem;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,4px);transition:opacity .15s ease-out,transform .15s ease-out}.contact .mail:hover .contact-tooltip,.contact .mail:focus-visible .contact-tooltip{opacity:1;transform:translate(-50%)}@keyframes contact-load{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media only screen and (min-width:375px)and (max-width:812px){.contact{gap:.6rem;left:1rem;bottom:1rem}}@media only screen and (min-width:375px)and (max-width:844px)and (orientation:landscape){.contact{gap:.6rem;left:1rem;bottom:1rem}}.year{position:fixed;font-size:1rem;line-height:1;right:1.25rem;bottom:1.5rem;z-index:102;opacity:0;animation:year-load .4s ease-in .2s forwards;font-weight:700;color:#150b09}@keyframes year-load{0%{opacity:0;transform:translateY(8px)}to{opacity:.7;transform:translateY(0)}}@media only screen and (max-width:812px){.year{font-size:.8rem;right:.75rem;bottom:1rem}}.initial-loader{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.initial-loader--bg-left,.initial-loader--bg-right{width:50%;height:100%;position:absolute;top:0;background-color:#150b09}.initial-loader--bg-left{left:0}.initial-loader--bg-right{right:0}.initial-loader--center{width:500px;height:500px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:30px;transform:scale(0);animation:goto-load .2022542486s ease-in forwards}.initial-loader--center>p{color:#fdf8e3;font-size:4rem;font-weight:300;text-align:center}.initial-loader--center svg{color:#fdf8e3}.initial-loader--center-circle{width:100%;height:100%;position:absolute;top:0;left:0;border:1px solid #fdf8e3;border-radius:50%}.initial-loader--cta{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.initial-loader--cta button{cursor:pointer;border:none;background:none;font-family:inherit;display:flex;flex-direction:column;align-items:center;color:#fdf8e3;font-size:1rem;font-weight:700;text-transform:uppercase;z-index:100}.loop-loading .initial-loader--center svg{animation:loop-circle 1.6180339888s ease-in-out infinite}.loop-loading .initial-loader--center-circle{animation:loop-circle 1.6180339888s ease-in-out infinite}.loop-loading .initial-loader--cta{display:none}.complete .initial-loader--center{animation:hide-item 1.6180339888s ease-in-out forwards}.complete .initial-loader--cta{animation:show-cta .8090169944s ease-out forwards}.hide-loader .initial-loader--center svg,.hide-loader .initial-loader--center p,.hide-loader .initial-loader--center-circle,.hide-loader .initial-loader--center button{display:none}.hide-loader .initial-loader--bg-left{animation:hide-left 1.6180339888s ease-in-out forwards}.hide-loader .initial-loader--bg-right{animation:hide-right 1.6180339888s ease-in-out forwards}@keyframes goto-load{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes show-cta{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes hide-item{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes loop-circle{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes hide-left{0%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0)}}@keyframes hide-right{0%{transform:scaleX(1);transform-origin:left}to{transform:scaleX(0)}}@media only screen and (min-width:375px)and (max-width:812px){.initial-loader--center{width:300px;height:300px}.initial-loader--center>p{font-size:2rem}.initial-loader--cta button{font-size:.5rem}}@font-face{font-family:American-Typewriter;src:url(/assets/american-typewriter-light-B5a1hwrS.ttf) format("truetype");font-weight:200}@font-face{font-family:American-Typewriter;src:url(/assets/american-typewriter-regular-Cx1xNn7b.ttf) format("truetype");font-weight:400}@font-face{font-family:American-Typewriter;src:url(/assets/american-typewriter-bold-CK1tPQIj.ttf) format("truetype");font-weight:600}body{font-family:American-Typewriter,sans-serif;margin:0}img,video{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.app{position:relative;display:none;width:100vw;min-height:100vh;scroll-behavior:smooth;background-image:url(/assets/bg-main-eOKpcQG_.png);background-size:contain;z-index:101}.app:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fdf8e34d}.app>span{position:absolute;height:100vh;font-size:10px;top:0;right:0;width:10px;opacity:.1;overflow-x:hidden;font-family:inherit}.app button{font-family:inherit}.app p{color:#150b09}.app:has(.module-animation>:is(img[src],video)) .contact,.app:has(.module-animation>:is(img[src],video)) .year{z-index:0}.animate{display:inherit;animation:show-bg .8090169944s ease-in-out forwards}.container{max-width:1330px;min-height:100vh;margin:0 auto;display:flex;align-items:center;padding:20px}@media only screen and (min-width:600px){.container{max-width:1280px}}@media only screen and (max-width:900px){.container{padding:0;min-height:100svh}}@keyframes show-bg{0%{background-color:none}to{background-color:#fdf8e3}}