.gameboy-body{position:absolute}.gameboy-section{width:77rem;height:40rem}@media screen and (max-width:640px){.gameboy-section{transform:scale(.6)}}.gameboy-section .gameboy-screen{background:linear-gradient(130deg,#858383,#3f3c3c)}.gameboy-section .contents{opacity:0}.gameboy-section .playlist-title{position:absolute;transform:scaleY(-1) translateX(-50%);font-style:italic;color:var(--button-light);bottom:2rem;left:50%;z-index:30;font-size:1.7rem;font-weight:300;text-shadow:0 1px 0 #000,1px -1px 0 #000}.position-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frame-bottom .top div,.frame-top .top div{transition:box-shadow .5s ease-in-out}.frame-top{position:relative;top:24.5rem;display:flex;flex-direction:column;align-items:center;z-index:20}.frame-top>div{position:relative;overflow:hidden;width:35.7rem;height:25rem}.frame-top>div>div{position:absolute;background-color:var(--frame);width:100%;height:100%;top:91%;border-radius:3.21rem/2.25rem;box-shadow:inset 0 1px 0 0 rgba(150,152,190,.6),0 0 .8px 1px var(--frame-dark)}.frame-top>div.top{width:50.4rem;height:15rem;top:22.9rem;z-index:21}.frame-top>div.top>div{top:89%;border-radius:30rem/9rem;box-shadow:inset 0 1px 1px 0 rgba(150,152,190,.6);outline:1px solid #000}.frame-top>div.top>div .top-layer{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:var(--body);transform:scale(1.08);filter:blur(1px);z-index:-1;opacity:1}.frame-side{position:relative;width:3.4rem;height:24rem;overflow:hidden;z-index:19}.frame-side.right{transform:rotateY(180deg);left:17.7rem;top:23.4rem}.frame-side.left{right:17.7rem;bottom:22.2rem}.frame-side>div{position:absolute;background-color:var(--frame);width:3.1rem;height:100%;right:0;border-top-left-radius:60% 100%;border-bottom-left-radius:40% 9%;border:1px solid rgba(150,152,190,.4);box-shadow:-2px 0 1px -1px var(--frame-dark)}.frame-bottom{position:relative;display:flex;flex-direction:column;align-items:center;bottom:24.5rem;z-index:22}.frame-bottom>div{position:relative;overflow:hidden}.frame-bottom>div.top{width:51rem;height:20.1rem;bottom:27.6rem;transform:scaleY(-1);z-index:23}.frame-bottom>div.top>div{outline:1px solid rgba(245,245,245,.3);box-shadow:inset 0 1px 1px 0 rgba(150,152,190,.6);background:var(--frame)}.frame-bottom>div.top>div .top-layer{position:absolute;inset:0;border-radius:inherit;pointer-events:none;transform:scale(1.08);filter:blur(1px);z-index:-1;opacity:1}.frame-bottom>div>div{position:absolute;background-color:var(--frame);width:100%;height:100%;z-index:20;top:88.4%;border-radius:50%;border:1px solid var(--frame-dark)}.frame-bottom>div.base{width:38.4rem;height:32rem;transform:rotateX(180deg)}.frame-bottom>div.base>div{top:85%;border-radius:13%;border:1px solid var(--frame-dark);box-shadow:inset -1px 0 0 0 rgba(150,152,190,.4),inset 1px 0 0 0 rgba(150,152,190,.4),inset 0 2px 1px -1px rgba(150,152,190,.6),2px -1px 1px -2px rgba(150,152,190,.6),0 -4px 1px -3px rgba(187,188,197,.5215686275)}.body-left,.body-right{display:flex;flex-direction:row;align-items:center;justify-content:center}.body-side{width:11rem;height:26rem;background-color:var(--body);margin-bottom:1rem;border-radius:40% 0 0 2rem}.body-side.left{margin-right:-4rem}.body-side.right{margin-left:-4rem;transform:scaleX(-1);z-index:19}.body-side.right>.inner{border-top-left-radius:80%!important}.body-side.right>.corner{left:1.7rem!important;z-index:9;top:-.9rem!important}.body-side.right>.corner:before{content:none}.body-side .inner{width:13rem;height:2.1rem;background-color:var(--body);position:relative;bottom:1.9rem;left:1.5rem;border-top-left-radius:100%}.body-side .inner:before{content:"";width:31rem;height:19rem;border-radius:50%;background-color:rgba(0,0,0,0);position:absolute;right:-1.3rem;bottom:.9rem;box-shadow:3rem 5rem 1px -6.5rem var(--body),12rem 7.5rem 0 -7rem var(--body)}.body-side .inner:after{content:"";width:13rem;height:4rem;background-color:var(--button);position:absolute;top:-2.5rem;left:-.1rem;mix-blend-mode:darken;border-radius:6.11rem 0 0 1.04rem;border-top:3px solid var(--button-light);box-shadow:inset -50px 4px 6px 0 rgba(95,98,109,.1),inset 13px 0 3px -10px var(--button-dark);transform:rotate(-4deg)}.body-side .inner.bottom{transform:scaleY(-1);top:16.5rem;left:1.8rem}.body-side .inner.bottom:before{right:-1rem;bottom:1rem;box-shadow:15rem 6.5rem 0 -6rem var(--body);height:15rem}.body-side .inner.bottom:after{display:none}.body-side .shadow{width:12rem;height:7rem;background-color:rgba(0,0,0,0);position:relative;bottom:8.6rem;left:.5rem;z-index:21;overflow:hidden;box-shadow:none}.body-side .shadow .layer-1{position:absolute;inset:0;width:14rem;height:4rem;border-radius:20% 10% 62% 0;background-color:rgba(0,0,0,0);box-shadow:3px 2px 3px -3px var(--body),0 3px 1px -1px var(--body-shadow),0 3px 3px -1px rgba(var(--body-light-rgb),.8),0 7px 0 -1px var(--body-shadow),4px 8px 0 -1px var(--body);transform:rotate(-15deg)}.body-side .shadow.bottom{transform:scaleY(-1) rotate(-11deg);bottom:-16.3rem;width:14rem;height:4rem;left:0;border-radius:20% 10% 39% 0;background-color:var(--main-bg);box-shadow:-2px 9px 1px -6px var(--body-dark),-7px 11px 2px -9px rgba(var(--body-dark-rgb),.7),-6px 12px 0 -8px rgba(var(--body-shadow-rgb),.4)}.body-side .shadow.bottom.right{transform:rotate(-12deg) scale(-1);left:49.7rem;bottom:-12.4rem;box-shadow:-5px 9px 1px -6px var(--body-dark),-7px 11px 2px -9px rgba(var(--body-dark-rgb),.7),-6px 12px 0 -8px rgba(var(--body-shadow-rgb),.4)}.body-wing{width:10rem;height:26rem;z-index:20;margin-bottom:1rem}.body-wing.right{transform:scaleX(-1) rotate(3deg);margin-left:-3.5rem}.body-wing.right>.shadow{width:12rem;height:7rem;background-color:rgba(0,0,0,0);position:relative;bottom:6.9rem;left:6rem;z-index:21;overflow:hidden;box-shadow:none}.body-wing.right>.shadow .layer-1{position:absolute;inset:0;width:14rem;height:4rem;border-radius:20% 10% 62% 0;background-color:rgba(0,0,0,0);box-shadow:3px 2px 3px -3px var(--body),0 3px 1px -1px var(--body-shadow),0 3px 3px -1px rgba(var(--body-light-rgb),.8),0 7px 0 -1px var(--body-shadow),4px 8px 0 -1px var(--body);transform:rotate(-18deg)}.body-wing.right>.corner{top:-.9rem!important}.body-wing.right>.corner:before{bottom:1.8rem!important;right:2.9rem!important}.body-wing.left{transform:rotate(3deg);margin-right:-3.5rem}.body-wing>.wing{position:absolute;background-color:var(--body);width:4rem;height:100%;right:0;border-radius:50% 0 50% 85%/100% 10% 0 15%;box-shadow:inset 3px -3px 3px -4px var(--body-shadow),inset 4px -2px 1px -5px var(--body-light);overflow:visible}.body-wing>.wing .layer{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.body-wing>.wing .layer-3{background:var(--body-shadow);transform:translate(-6px,-2px);filter:blur(2px);opacity:.6;z-index:-3}.body-wing>.wing .layer-4{background:var(--body-shadow);transform:translate(-6px,-6px);filter:blur(1px);opacity:1;z-index:-4}.body-wing>.wing .layer-5{background:var(--body);transform:translate(-8px,-9px);z-index:-5;width:calc(100% + 10px);height:calc(100% + 10px)}.body-wing>.wing .layer-6{background:rgba(var(--button-dark-rgb),.3);transform:translate(-11px,7px);filter:blur(2px);z-index:-6}.body-wing>.wing .layer-7{background:var(--button);transform:translate(-16px,9px);z-index:-7}.body-wing>.wing .layer-8{background:rgba(var(--button-dark-rgb),1);transform:translate(-18px,8px);z-index:-8}.corner{position:absolute;width:4rem;height:3.2rem;border-radius:40% 70% 0 70%;background-color:var(--body);box-shadow:-14px -9px 1px -10px var(--body-shadow);left:7.3rem;top:-.8rem}.corner:before{content:"";width:2rem;height:4rem;background-color:var(--button);position:absolute;bottom:2rem;right:2.8rem;border-radius:80% 0 0 10%;box-shadow:inset 8px -4px 1px -6px rgba(var(--button-dark-rgb),.5);transform:rotate(25deg);mix-blend-mode:darken}.body-frame{width:44rem;height:31rem;top:5.5rem;border-radius:8.8rem 8.8rem 0 0/6.2rem 6.2rem 0 0;box-shadow:inset 0 15px 2px -14px rgba(var(--body-dark-rgb),.2),inset 0 24px 3px -18px var(--body-shadow),inset 0 33px 1px -25px rgba(var(--body-light-rgb),.6),inset 0 41px 0 -30px var(--body-shadow)}.body-bottom{width:50rem;height:20rem;top:3.6rem;transform:scaleY(-1)}.body-bottom,.body-bottom .base{position:relative;overflow:hidden}.body-bottom .base{left:50%;transform:translate(-50%,-2%);width:46rem;border-radius:42%;top:52%;box-shadow:inset 0 3px 0 -3px var(--body-dark);height:100%;background-color:rgba(0,0,0,0)}.body-bottom .base .layer-1{position:absolute;width:51rem;left:50%;height:100%;bottom:-3px;transform:translateX(-50%);border-radius:50%;box-shadow:0 -7px 0 -3px var(--body-dark);background-color:var(--body)}.logo{position:absolute;top:7.14rem;font-size:1.1rem;border-radius:3rem;padding:0 .8rem;height:2.1rem;border:3px solid var(--logo);box-shadow:inset 0 4px 1px -3px var(--body-shadow),0 1px 1px 0 rgba(var(--body-light-rgb),.6)}.logo>span{color:var(--logo);text-shadow:0 1px 0 rgba(var(--body-light-rgb),.3),0 -1px 0 var(--body-dark);letter-spacing:1.4px;vertical-align:top}.move-button{position:absolute;top:20.8rem;left:8.8rem;z-index:50;display:flex;flex-direction:row;align-items:center;justify-content:center;pointer-events:none}.move-button>div{height:2.4rem;border-radius:.3rem;background-color:var(--button);position:relative}.move-button>div:not(.rect){right:8rem;width:8rem;box-shadow:inset 0 -2px 1px 0 var(--button-dark),inset 0 3px 1px 0 var(--button-light),0 0 1px 0 var(--button-dark),0 0 0 4px var(--button-hole),0 0 1px 3px var(--frame-dark),3px 8px 4px 2px rgba(var(--body-dark-rgb),.7),-1px 1px 0 4px rgba(var(--body-light-rgb),.5);display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box;padding:.2rem;pointer-events:auto}.move-button>div:not(.rect)>.tip{width:0;height:0;border-left:7px solid rgba(0,0,0,0);border-right:7px solid rgba(0,0,0,0);border-bottom:14px solid rgba(var(--button-shadow-rgb),.5);border-radius:.2rem;transform:rotate(90deg);cursor:pointer}.move-button>div:not(.rect)>.tip:first-child{transform:rotate(-90deg)}.move-button>div.vertical{transform:rotate(90deg);right:0;box-shadow:inset -3px 0 1px -1px var(--button-dark),inset 3px 0 1px -1px var(--button-light),0 0 1px 0 var(--body),0 0 0 4px var(--button-hole),0 0 1px 4px var(--frame-dark),-1px 0 0 4px rgba(var(--body-light-rgb),.5),8px 0 4px 2px rgba(var(--body-dark-rgb),.7)}.move-button>div.rect{width:2.4rem;border-radius:0;position:relative;background-color:var(--button);right:13.2rem;box-shadow:0 18px 0 0 var(--button),0 -9px 0 0 var(--button);cursor:pointer}.move-button>div.rect:before{content:"";width:1.7rem;height:1.7rem;border-radius:100%;background-color:var(--body-body);box-shadow:inset 0 14px 6px -6px var(--button-shadow),inset 0 -5px 4px -1px var(--button-light),0 0 1px 0 var(--button-light);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.move-button>div.rect:after{content:"";width:0;height:0;border-left:7px solid rgba(0,0,0,0);border-right:7px solid rgba(0,0,0,0);border-bottom:14px solid rgba(var(--button-shadow-rgb),.5);border-radius:.2rem;position:absolute;transform:rotate(180deg);top:3.5rem;left:.5rem}.move-button:hover{top:21rem}.move-button:hover>div{box-shadow:inset 0 -2px 1px 0 var(--button-dark),inset 0 3px 1px 0 var(--button-light),0 1px 1px 0 var(--button-dark),0 -1px 1px 3px rgba(var(--darkest-point-rgb),.3),0 -2px 0 4px var(--button-hole),3px 3px 4px 2px rgba(var(--body-dark-rgb),.7),-2px 0 0 3px rgba(var(--body-light-rgb),.3)}.move-button:hover>div.vertical{box-shadow:inset -3px 0 1px -1px var(--button-dark),inset 3px 0 1px -1px var(--button-light),0 0 0 0 var(--body),-2px 0 2px 1px rgba(var(--darkest-point-rgb),.3),-2px 0 0 4px var(--button-hole),-1px 0 1px 4px rgba(var(--darkest-point-rgb),.6),-3px 0 0 4px rgba(var(--body-light-rgb),.5),3px 0 4px 2px rgba(var(--body-dark-rgb),.7)}.move-button:hover>div.rect{box-shadow:0 18px 0 0 var(--button),0 -9px 0 0 var(--button)}.start-buttons{position:absolute;display:flex;flex-direction:column;align-items:center;z-index:26;left:10.2rem;top:29rem;transform:rotate(10deg)}.start-buttons>.border{width:6.5rem;height:2.2rem;border-radius:3rem;border:0 solid var(--body-dark);box-shadow:inset 1px 1px 5px 1px var(--body-dark),1px 0 1px 0 var(--body-light),1px 2px 4px 0 rgba(var(--body-light-rgb),.3),1px 1px 0 0 rgba(var(--body-light-rgb),.6);margin-bottom:1.25rem;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.start-buttons>.border:last-child{margin-left:1.25rem}.start-buttons>.border>div{width:1.7rem;height:1.7rem;border-radius:100%;background-color:var(--button);margin-top:.17rem;box-shadow:inset 1px 2px 3px 0 var(--button-light),inset -1px -1px 0 0 var(--button-dark),0 0 0 1px rgba(var(--darkest-point-rgb),.1),2px 8px 3px 1px rgba(var(--body-dark-rgb),.6),0 1px 2px var(--body-dark),1px 1px 2px 2px var(--darkest-point);cursor:pointer}.start-buttons>.border>div:hover{width:1.6rem;height:1.6rem;box-shadow:inset 1px 2px 3px 0 var(--button-light),inset -1px -1px 0 0 var(--button-dark),2px 5px 3px 1px rgba(var(--body-dark-rgb),.6),0 2px 2px var(--body-dark),0 0 2px 2px var(--darkest-point)}.start-buttons>.border>span{color:var(--body);text-shadow:0 -1px 0 rgba(var(--body-light-rgb),.4),0 1px 0 var(--body-dark);margin-left:.9rem;font-weight:600;margin-top:.2rem;font-size:.9rem}.ab-buttons{justify-content:start;position:absolute;gap:1.9rem;top:16.6rem;left:59.5rem;z-index:29}.ab-buttons,.ab-buttons>div{display:flex;flex-direction:row;align-items:center}.ab-buttons>div{width:3.8rem;height:3.8rem;background-color:var(--button);border-radius:100%;justify-content:center;font-size:1.8rem;color:rgba(var(--button-shadow-rgb),.9);box-shadow:inset 0 -1px 1px 2px var(--button-dark),inset 0 3px 0 0 var(--button-light),0 0 1px 1px var(--frame-dark),3px 8px 7px 0 rgba(var(--body-dark-rgb),.6);cursor:pointer}.ab-buttons>div>span{margin-right:.5rem;margin-top:.25rem;text-shadow:1px 1px 1px var(--button-light);font-size:1.6rem}.ab-buttons>div:first-child{margin-top:4.4rem}.ab-buttons>div:hover{height:3.7rem;margin-top:.1rem;box-shadow:inset 0 0 1px 2px var(--button-dark),inset 0 3px 0 0 var(--button-light),0 -1px 1px 1px var(--darkest-point),0 4px 5px 0 rgba(var(--body-dark-rgb),.6)}.ab-buttons>div:hover:first-child{margin-top:4.5rem}.ab-buttons>div:hover>span{margin-top:.36rem}.speaker{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:8.2rem;bottom:17.4rem;z-index:29;gap:.8rem;transform:rotate(-13deg)}.speaker>div{width:7.5rem;height:.5rem;border-radius:1rem;border:1px solid var(--button-hole);box-shadow:inset 1px -1px 3px 2px var(--body-dark),inset 0 -1px 0 1px var(--darkest-point),-1px 2px 0 -1px rgba(var(--body-light-rgb),.7)}.speaker>div:nth-child(2){margin-right:.7rem;width:7.6rem}.speaker>div:nth-child(3){margin-right:1.4rem;width:7.5rem}.speaker>div:nth-child(4){margin-right:2.1rem;width:7.6rem}.speaker>div:nth-child(5){margin-right:2.8rem;width:7.5rem}.power-button{display:flex;flex-direction:row;align-items:center;position:absolute;top:12.5rem;right:12.2rem;z-index:99}.power-button .power{width:1rem;height:1rem;border-radius:100%;background-color:var(--body);box-shadow:inset 0 1px 3px 1px var(--body-dark),0 0 2px 1px rgba(var(--body-light-rgb),.3)}.power-button .power.on{background-color:#adff2f;box-shadow:inset 0 1px 2px 1px var(--body-dark),inset 0 0 0 1px rgba(var(--body-dark-rgb),.3),0 0 2px 1px rgba(var(--body-light-rgb),.3),1px 2px 2px -1px var(--body-light)}.power-button>span{color:var(--body);text-shadow:0 -1px 0 rgba(var(--body-light-rgb),.4),0 1px 0 var(--body-dark);margin-left:.7rem;font-weight:600;letter-spacing:.5px;margin-top:.4rem;font-size:.9rem}.gameboy-section.power-on .power{background-color:#adff2f;box-shadow:inset 0 1px 2px 1px var(--body-dark),inset 0 0 0 1px rgba(var(--body-dark-rgb),.3),0 0 2px 1px rgba(var(--body-light-rgb),.3),1px 2px 2px -1px var(--body-light)}.gameboy-section.power-on .gameboy-screen{animation:power-screen .7s ease-in-out .5s forwards}.gameboy-section.power-on .contents{transition:opacity .7s ease-in-out .5s;opacity:1}.tiles{width:90vmin;aspect-ratio:5/4}.pool{z-index:30;touch-action:none;position:relative;display:grid;place-items:center;grid-template-areas:"pool";width:65vmin;height:50vmin;border-radius:5px;text-transform:uppercase;overflow:hidden;border:5vmin solid #fff;box-shadow:inset 0 1vmin 0 1vmin #b5e9e6,2vmin 2vmin 2vmin -2vmin rgba(0,0,0,.05),0 2vmin 0 0 #b5e9e6,inset 5vmin 5vmin 12vmin 1vmin rgba(34,118,173,.9),inset 5vmin 5vmin 10vmin 1vmin rgba(0,0,0,.1),inset 0 3vmin 1vmin 1vmin rgba(0,0,0,.1)}.pool,.pool:before{background:var(--color-pool)}.pool:before{content:"";width:90%;height:90%;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);background-image:linear-gradient(90deg,var(--color-tiles) 2%,transparent 0),linear-gradient(var(--color-tiles) 2%,transparent 0);background-size:20% 20%;background-position:0 0;filter:url(#turb);transition:opacity .5s ease;opacity:.6;pointer-events:none}.pool .text{width:100%;text-align:center}.pool .char{position:relative;transform:perspective(500px) rotate(30deg);flex-shrink:0;z-index:10;will-change:transform;width:10rem;height:auto;filter:url(#turb);webkit-user-drag:none;user-drag:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none}.pool .char.ducky,.pool .char.javascript{width:6rem;filter:url(#turb) hue-rotate(20deg)}@media screen and (max-width:640px){.pool .char{width:6rem}.pool .char.ducky,.pool .char.javascript{width:4rem;filter:url(#turb) hue-rotate(20deg)}}.pool .shadow{width:6rem;height:6rem;background-color:rgba(0,78,156,.3);position:relative;filter:blur(9px);opacity:.3;z-index:1;mix-blend-mode:darken;pointer-events:none;transform:perspective(500px) rotateX(30deg)}@media screen and (max-width:640px){.pool .shadow{width:3rem;height:3rem}}.pool>*{grid-area:pool}.pool-intro{color:hsla(207,86%,37%,.6);filter:url(#turb) blur(1px);opacity:.4;text-shadow:1px 0 #082b58,0 -1px #16a3ce}.shore-overlay{border-bottom:5px solid #fff;will-change:filter;box-shadow:-10px 13px 3px 0 rgba(163,94,30,.2);width:125vw;height:35vh;border-radius:30%;position:relative;top:-10vh;right:10vw;background:linear-gradient(181deg,rgb(83,215,255),rgb(83,215,255) 65%,rgba(140,242,255,.9) 75%,rgba(207,247,255,.2) 85%,rgb(255,255,255));filter:url(#shore);pointer-events:none;transform:rotate(3deg)}.dragging{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.main-page>*{min-height:0;overflow:visible}.main-title{font-weight:700;--shadow:#ff7300;animation:tracking-in-contract-bck-bottom 1s cubic-bezier(.215,.61,.355,1) both;color:#ffe70a;text-shadow:0 12px var(--shadow),0 11.75px var(--shadow),0 11.5px var(--shadow),0 11.25px var(--shadow),0 11px var(--shadow),0 10.75px var(--shadow),0 10.5px var(--shadow),0 10.25px var(--shadow),0 10px var(--shadow),0 9.75px var(--shadow),0 9.5px var(--shadow),0 9.25px var(--shadow),0 9px var(--shadow),0 8.75px var(--shadow),0 8.5px var(--shadow),0 8.25px var(--shadow),0 8px var(--shadow),0 7.75px var(--shadow),0 7.5px var(--shadow),0 7.25px var(--shadow),0 7px var(--shadow),0 6.75px var(--shadow),0 6.5px var(--shadow),0 6.25px var(--shadow),0 6px var(--shadow),0 5.75px var(--shadow),0 5.5px var(--shadow),0 5.25px var(--shadow),0 5px var(--shadow),0 4.75px var(--shadow),0 4.5px var(--shadow),0 4.25px var(--shadow),0 4px var(--shadow),0 3.75px var(--shadow),0 3.5px var(--shadow),0 3.25px var(--shadow),0 3px var(--shadow),0 2.75px var(--shadow),0 2.5px var(--shadow),0 2.25px var(--shadow),0 2px var(--shadow),0 1.75px var(--shadow),0 1.5px var(--shadow),0 1.25px var(--shadow),0 1px var(--shadow),0 .75px var(--shadow),0 .5px var(--shadow),0 .25px var(--shadow)}.underline-text{position:relative}.underline-text:after{content:"";position:absolute;left:50%;bottom:0;height:2px;width:0;background-color:var(--theme-orange);transition:all .3s ease-in-out 1.1s}.underline-text.loaded{opacity:1;animation:bounce-in-top .9s ease-in-out both}.underline-text.loaded:after{left:0;width:100%}.subtitle{font-size:7rem;color:var(--theme-yellow);text-shadow:2px 2px var(--theme-orange);padding:3rem 2rem}@media screen and (max-width:1024px){.subtitle{font-size:6rem;padding:2rem 1rem}}@media screen and (max-width:640px){.subtitle{font-size:5rem}}.main-header{color:#2e2e2e;background-color:rgba(0,0,0,0);--intro-bg:rgb(221,221,221)}.main-header>*{transition:background-color .7s ease-in-out,height .7s ease-in-out}.main-header>.open{height:25rem;background-color:var(--intro-bg)}.main-header>.close{height:5rem}.main-header .lifebuoy{width:17rem;height:17rem;border-radius:100%;background:conic-gradient(var(--theme-orange) 0deg 45deg,white 45deg 90deg,var(--theme-orange) 90deg 135deg,white 135deg 180deg,var(--theme-orange) 180deg 225deg,white 225deg 270deg,var(--theme-orange) 270deg 315deg,white 315deg 1turn);box-shadow:inset 0 0 10px 10px rgba(184,66,11,.2),5px 5px 6px 0 rgba(189,177,171,.1);flex-shrink:0}.main-header .lifebuoy.mini{--intro-bg:var(--main-bg);transform:scale(.15);cursor:pointer}.main-header .lifebuoy:before{width:40%;height:40%;background-color:var(--intro-bg);box-shadow:0 0 10px 10px rgba(139,74,44,.3),inset 0 0 7px 3px rgba(0,0,0,.1)}.main-header .lifebuoy:after,.main-header .lifebuoy:before{content:"";position:absolute;border-radius:100%;left:50%;top:50%;transform:translate(-50%,-50%)}.main-header .lifebuoy:after{width:63%;height:63%;background-color:rgba(0,0,0,0);filter:blur(6px);box-shadow:0 0 5px 15px hsla(0,0%,100%,.3);box-shadow:0 0 5% 15% hsla(0,0%,100%,.3)}.main-header .rope-container{position:absolute;top:-10rem;left:0}.main-header .rope-container .rope{width:40rem;height:10rem;position:relative}.main-header .rope-container .rope:after{content:"";position:absolute;bottom:0;left:0;width:20rem;height:10rem;background:rgba(0,0,0,0);border-top-left-radius:100px;border-top-right-radius:100px;box-shadow:0 -3px 0 0 var(--gray-1),-2px -5px 2px 0 rgba(99,99,99,.1);transform:rotate(170deg) scaleY(1.5) scaleX(2)}.main-header .rope-container .rope:nth-child(odd):after{transform:rotate(180deg) scaleY(2.5) scaleX(4);left:4rem}.main-header .rope-container .rope:last-child:after{transform:rotate(180deg) scaleY(1.5) scaleX(4);left:-4rem;top:2rem}.main-header .window{width:10rem;height:10rem;border:1rem solid var(--theme-navy);box-shadow:inset 0 0 10px 3px rgba(42,65,87,.2),inset 0 0 2px 1px rgba(0,0,0,.8),0 0 1px 3px rgba(0,0,0,.1);position:relative;border-radius:100%;flex-shrink:0;overflow:hidden;pointer-events:auto;background-color:rgba(88,88,88,.8);transition:background-color .3s ease-in-out}.main-header .window:after{position:absolute;inset:0;content:"";border-radius:100%;background:linear-gradient(-60deg,var(--main-bg) 0,white 50%,var(--main-bg) 80%,var(--main-bg) 100%);opacity:.8;transition:opacity .3s ease-in-out;mix-blend-mode:hard-light;cursor:pointer}.main-header .window:hover{background-color:#fff}.main-header .window:hover:after{opacity:0}.main-header .window>img{position:absolute;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;padding:1rem;top:1.5rem}.main-header .header-base{background:var(--theme-navy);box-shadow:0 -.5rem 0 0 #fff,0 -1.5rem 0 0 var(--theme-navy)}.pool-section{background:linear-gradient(180deg,var(--main-bg) 0,var(--main-bg) 80%,rgb(83,215,255) 100%)}.towels-container{display:flex;flex-direction:column;will-change:transform;--towel-color:var(--theme-orange);--towel-color-dark:rgb(230,165,91);--towel-sub:rgb(255,178,77);--towel-shadow:var(--theme-orange);--tag-color:rgb(253,130,30)}.towels-container .towel-wrapper{margin-top:14rem;will-change:transform,opacity;opacity:0;transition:opacity .2s ease-in-out}.towels-container .towel-wrapper>svg{position:absolute;inset:0}.towels-container .towel-wrapper:hover{opacity:100%!important}.towels-container .towel-wrapper:last-child{margin-bottom:50rem}@media screen and (max-width:1024px){.towels-container .towel-wrapper{margin-top:20rem;margin-bottom:-5rem}}.towels-container>div:nth-child(odd){--towel-color:rgb(76,195,250);--towel-color-dark:rgb(113,179,218);--towel-sub:rgb(148,239,255);--theme-shadow:var(--theme-blue);--tag-color:rgb(76,166,250)}.towels-container .towel{min-height:24rem;position:relative;box-shadow:0 2px 0 0 var(--towel-color-dark),0 3px 10px 0 rgba(43,43,43,.2);background-color:silver;transition:filter .3s ease-in-out,opacity .3s ease-in-out,transform .4s ease-in-out,right .5s ease-in-out .2s;transform-origin:top}.towels-container .towel:hover{transform:scaleX(.97) rotate(1deg) translateX(-2rem)}@media screen and (max-width:640px){.towels-container .towel:hover{transform:scaleX(.97) rotate(1deg) translateX(.5rem)}}.towels-container .towel:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,var(--towel-color) 0 20px,var(--towel-sub) 20px 40px);opacity:.6;z-index:-1}@media screen and (max-width:400px){.towels-container .towel:before{background:repeating-linear-gradient(to right,var(--towel-color) 0 20px,var(--towel-sub) 20px 40px)}}.towels-container .towel li,.towels-container .towel p,.towels-container .towel span{color:#fff;text-shadow:1px 1px 0 var(--tag-color),-1px -1px 0 var(--tag-color);font-size:1.4rem}@media screen and (max-width:640px){.towels-container .towel li,.towels-container .towel p,.towels-container .towel span{font-size:1.2rem}}.towels-container .towel li{position:relative;padding-left:1.2rem;font-weight:400;margin-bottom:.4rem}.towels-container .towel li:before{content:"";position:absolute;left:-.5rem;width:.6rem;height:.6rem;top:.4rem;background-color:var(--tag-color);border:1.5px dashed #fff;outline:2px solid var(--tag-color);border-radius:50%}.towels-container .towel .title{font-size:2.3rem;color:var(--tag-color);text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff}.towels-container .towel .tag{background-color:var(--tag-color);text-shadow:none;padding:.1rem .2rem;border:1px dashed hsla(0,0%,100%,.5);outline:2px solid var(--tag-color)}@media screen and (max-width:640px){.towels-container .towel .tag{font-size:1rem}}.cartridge-loop{--x-distance:0px;position:relative;left:0;will-change:left}.cartridge-loop.move-left{left:var(--x-distance)}.cartridge-loop:has(.forbid-click) .card{pointer-events:none!important}.cartridge-loop .card{flex-shrink:0;cursor:pointer;position:relative;top:0;transition:transform .7s ease-in-out .2s,margin-top .3s ease-in-out .1s;--scale-factor:0.2}@media screen and (max-width:640px){.cartridge-loop .card{--scale-factor:0.4}}.cartridge-loop .card:nth-child(odd){transform:rotate(2deg)}.cartridge-loop .card:nth-child(2n){transform:rotate(-1deg)}.cartridge-loop .card:nth-child(2){transform:rotate(-2deg)}.cartridge-loop .card.clicked{transform:scale(var(--scale-factor))}.cartridge-loop .card.moveY{animation:insert 1.5s ease-in-out .7s forwards}.selected-cartridge{transform:scale(.2);width:-moz-fit-content;width:fit-content;position:absolute;top:calc(-50% - 3rem);opacity:0}.cartridge-container{--gray-0:#f0f0f0;--gray-0-rgb:240,240,240;--gray-1:#b0acb4;--gray-2:#858386;--gray-3:#615f63;--gray-3-rgb:97,95,99;--gray-4:rgb(46,46,46);width:30vw;min-width:30rem;max-width:40rem;height:36.6666666667vw;min-height:36.6666666667rem;max-height:48.8888888889rem;flex-shrink:0;box-shadow:25px 25px 10px -15px rgba(0,0,0,.2)}@media screen and (min-width:641px)and (max-width:1024px){.cartridge-container{width:30rem;height:36.6666666667rem;min-width:auto;min-height:auto}}@media screen and (max-width:640px){.cartridge-container{width:18rem;height:22rem;min-width:auto;min-height:auto;box-shadow:15px 20px 5px -10px rgba(0,0,0,.2)}}.cartridge-container>.head{position:relative;width:88%;height:7%;margin-bottom:-3px;z-index:2;background-color:var(--gray-1);margin-right:auto;border-radius:.8rem .8rem 0 0;box-shadow:inset 0 2px 1px 0 var(--gray-0),-1px -2px 1px 0 var(--gray-2)}@media screen and (max-width:640px){.cartridge-container>.head{box-shadow:inset 0 1px 1px 0 var(--gray-0),0 -1px 1px -1px var(--gray-2)}}.cartridge-container .cartridge-body{z-index:1;height:93%;border-radius:0 .8rem .8rem .8rem;box-shadow:inset 0 2px 1px 0 var(--gray-0),inset -3px 0 2px 0 rgba(var(--gray-3-rgb),.5),1px 0 1px 1px var(--gray-2);background-color:var(--gray-1);padding:1rem 0}@media screen and (max-width:640px){.cartridge-container .cartridge-body{box-shadow:inset 0 1px 1px 0 var(--gray-0),inset -1px 0 2px 0 rgba(var(--gray-3-rgb),.3),1px 0 1px 0 var(--gray-2)}}.cartridge-container .cartridge-body .horizontal-lines{gap:12%;width:100%;height:17%;flex-shrink:0}.cartridge-container .cartridge-body .horizontal-lines>div:not(.title-container){height:100%;background-color:var(--gray-1);box-shadow:inset 0 3px 4px 0 var(--gray-3),0 1px 2px 0 var(--gray-0)}@media screen and (max-width:640px){.cartridge-container .cartridge-body .horizontal-lines>div:not(.title-container){box-shadow:inset 0 2px 3px 0 var(--gray-3),0 1px 2px 0 var(--gray-0)}}.cartridge-container .cartridge-body .horizontal-lines>.title-container{position:absolute;width:80%;height:170%;left:50%;z-index:3;background-color:var(--gray-1);transform:translate(-50%,-20%);padding:1rem;border-radius:5rem;top:0}@media screen and (max-width:640px){.cartridge-container .cartridge-body .horizontal-lines>.title-container{height:220%;padding:.7rem}}.cartridge-container .cartridge-body .horizontal-lines>.title-container>.title{position:relative;width:100%;height:100%;border-radius:5rem;padding:1rem;box-shadow:inset 1px 3px 5px 0 var(--gray-3),inset -5px -12px 2px -10px var(--gray-0)}.cartridge-container .cartridge-body .horizontal-lines>.title-container>.title>p{letter-spacing:-.1rem;color:#2e2e2e;text-shadow:1px 1px 0 #4d4d4d,1px 0 1px #f8f8f8}.cartridge-container .cartridge-body .horizontal-lines>.title-container>.title>span{color:var(--gray-2);text-shadow:1px 1px 0 #4d4d4d,1px 0 1px var(--gray-0)}@media screen and (max-width:1024px){.cartridge-container .cartridge-body .horizontal-lines>.title-container>.title{box-shadow:inset 0 1px 5px 0 var(--gray-3),inset -5px -11px 2px -10px var(--gray-0)}}@media screen and (max-width:640px){.cartridge-container .cartridge-body .horizontal-lines>.title-container>.title{font-size:1.4rem;padding:1rem .2rem}.cartridge-container .cartridge-body .horizontal-lines>.title-container>.title>p{letter-spacing:0;text-shadow:1px 1px 0 rgba(77,77,77,.6),0 -1px 0 rgba(248,248,248,.4)}.cartridge-container .cartridge-body .horizontal-lines>.title-container>.title>span{font-size:.8rem;letter-spacing:0;text-shadow:1px 0 0 rgba(77,77,77,.8),0 -1px 0 rgba(248,248,248,.2)}}.cartridge-container .cartridge-body>.body{width:100%;height:80%;margin-top:2.5rem;flex-shrink:0;border-radius:.7rem;background-color:var(--gray-1);box-shadow:0 3px 1px 0 var(--gray-3)}@media screen and (max-width:640px){.cartridge-container .cartridge-body>.body{box-shadow:0 1px 1px 0 var(--gray-3)}}.cartridge-container .cartridge-body>.body .image-frame{z-index:4;width:calc(100% - 6rem);height:calc(100% - 3rem);flex-shrink:0;padding:.6rem;border-radius:.7rem;background-color:var(--gray-1);box-shadow:1px 2px 2px 0 rgba(var(--gray-0-rgb),.5),inset 1px 1px 3px 0 var(--gray-3)}@media screen and (max-width:640px){.cartridge-container .cartridge-body>.body .image-frame{width:calc(100% - 4rem);height:calc(100% - 2rem);box-shadow:1px 2px 2px 0 rgba(var(--gray-0-rgb),.5),inset 1px 1px 2px 0 var(--gray-3)}}.cartridge-container .cartridge-body>.body .image-frame>.thumbnail{width:100%;height:100%;box-shadow:inset 1px 1px 1px 0 #fff,0 1px 1px 1px var(--gray-2);border-radius:1rem;background-size:cover;background-repeat:no-repeat;background-position:top}@media screen and (max-width:1024px){.cartridge-container .cartridge-body>.body .image-frame>.thumbnail{border-radius:.5rem}}.cartridge-container .cartridge-body>.body>.edge{width:3%;height:80%;margin-top:auto;border-radius:.2rem .2rem .2rem 0;box-shadow:inset 2px 7px 7px -1px rgba(var(--gray-3-rgb),.6),0 1px 3px -1px var(--gray-0)}.cartridge-container .cartridge-body>.body>.edge.right{background-color:var(--gray-2);opacity:60%;box-shadow:inset -2px 8px 8px -1px rgba(var(--gray-3-rgb),1),0 1px 3px -1px var(--gray-0)}.cartridge-container .cartridge-body>.tags{font-family:Tenada;font-weight:300;margin-top:-2rem}@media screen and (max-width:640px){.cartridge-container .cartridge-body>.tags{margin-top:-1.5rem}}.cartridge-container .cartridge-body>.tags>.tag{border-radius:1rem;background-color:var(--gray-4);padding:.1rem .3rem;color:var(--gray-0);text-align:baseline;box-shadow:1px 1px 1px 0 rgba(var(--gray-0-rgb),.7),-1px -1px 1px -1px var(--gray-3)}.filter-type>input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:4rem;height:4rem;border:.5rem solid var(--theme-yellow);border-radius:.3rem;background-color:rgba(0,0,0,0);position:relative;cursor:pointer}.filter-type>input[type=checkbox]:after{content:"";position:absolute;top:50%;left:50%;width:6rem;height:3rem;background-color:rgba(0,0,0,0);border:1rem solid rgba(0,0,0,0);border-top:none;border-right:none;transform:translate(-45%,-110%) rotate(-45deg);opacity:0;transition:opacity .3s ease;box-shadow:-.1rem .3rem 0 0 var(--theme-yellow)}.filter-type>input[type=checkbox]:checked{background-color:rgba(0,0,0,0)}.filter-type>input[type=checkbox]:checked:after{opacity:1;border-color:var(--theme-orange)}@media screen and (max-width:640px){.filter-type>input[type=checkbox]{width:3rem;height:3rem}.filter-type>input[type=checkbox]:after{width:4rem;height:2rem}}.beach-container{transition:opacity .5s ease;background:linear-gradient(179deg,var(--theme-sand-dark) 0,var(--theme-sand) 13%,var(--theme-sand) 80%,var(--main-bg) 100%)}@media screen and (max-width:640px){.beach-container{background:linear-gradient(179deg,var(--theme-sand-dark) 0,var(--theme-sand) 8%,var(--theme-sand) 80%,var(--main-bg) 100%)}}.grain-overlay{content:"";position:absolute;inset:0;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48ZmlsdGVyIGlkPSJncmFpbiIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjIiIG51bU9jdGF2ZXM9IjUiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48ZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVGdW5jQSB0eXBlPSJkaXNjcmV0ZSIgdGFibGVWYWx1ZXM9IjAgMC4yIi8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNncmFpbikiIGZpbGw9InJnYigxMzksIDY5LCAxOSkiLz48L3N2Zz4=") 50%/500px 500px repeat;pointer-events:none;opacity:1;z-index:1}.shore .subtitle{color:var(--theme-sand-dark);mix-blend-mode:multiply;opacity:.4;text-shadow:-1px -1px 0 #fab050,0 1px 0 #884219}.shore .description{color:rgba(0,0,0,0);background-image:linear-gradient(0deg,var(--theme-sand-dark) 0,var(--theme-sand-shadow) 100%);background-size:100% 100%;background-repeat:no-repeat;background-position:50%;-webkit-background-clip:text;background-clip:text;mix-blend-mode:multiply;opacity:1;color:#fff;font-weight:300;text-shadow:-1px -1px 1px #fab050}.footprint{display:flex;flex-direction:column;justify-content:end;align-items:flex-start;width:5rem;height:8rem;position:relative;mix-blend-mode:multiply;opacity:.4;transform:scale(.4)}.footprint.right{transform:scale(.4) rotateY(180deg) rotate(-10deg) translateY(50px) translateX(50px);opacity:.2}.footprint .toes{display:flex;flex-direction:row-reverse;align-items:flex-end;width:90%;position:relative;right:.1rem}.footprint .toes>div{width:.8rem;height:.9rem;border-radius:60%;background:linear-gradient(180deg,var(--theme-sand-shadow) 0,var(--theme-sand-dark) 10%,transparent 100%)}.footprint .toes>div:first-child{width:1.1rem;height:1.4rem;transform:rotate(20deg);border-radius:2rem 4rem 3rem 2rem;margin-bottom:-.4rem}.footprint .toes>div:last-child{width:.7rem;height:.8rem;margin-bottom:-.4rem;transform:rotate(20deg)}.footprint .toes>div:nth-child(2){height:1rem;margin-left:.1rem;margin-bottom:.1rem;transform:rotate(10deg)}.footprint .mid-top{height:1.6rem;width:74%;border-radius:10rem 10rem 0 0;background:linear-gradient(30deg,var(--theme-sand) 0,var(--theme-sand-dark) 100%);z-index:3}.footprint .mid-bottom{width:74%;height:3rem;border-radius:0 0 2rem 1rem;position:relative;bottom:.1rem;background:linear-gradient(130deg,var(--theme-sand) 0,var(--theme-sand-dark) 100%);z-index:3}.footprint .bridge{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;bottom:1.8rem;right:1rem;width:100%;gap:1.9rem}.footprint .bridge>div{width:1.8rem;height:2.5rem;border-radius:100%;flex-shrink:0}.footprint .bridge>div:first-child{position:relative;box-shadow:9px 0 0 -5px var(--theme-sand-dark);height:3rem;border-radius:60%;top:-.2rem;transform:rotate(3deg);opacity:.4}.footprint .bridge>div:last-child{position:relative;top:.1rem;transform:rotate(10deg);box-shadow:-9px 0 0 -3px var(--theme-sand-dark);opacity:.5}.footprint .heel{height:5rem;width:2.2rem;border-radius:100%;background-color:green;transform:rotate(-10deg);position:relative;bottom:.5rem;background:linear-gradient(170deg,var(--theme-sand) 0,var(--theme-sand-dark) 90%,var(--theme-sand-shadow) 100%);z-index:2}.project-section *{border-radius:.25rem}.project-section.ready{animation:section-fade-up 1s ease-in-out .3s forwards}.project-section.clear{animation:section-fade-down .7s ease-in-out .1s both}.project-section p,.project-section span{text-shadow:-2px 0 #000,0 2px #000,2px 0 #000,0 -2px #000;font-weight:600}.project-section p.dark,.project-section span.dark{text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff}.project-section .project-detail .project-description{color:#fff}.project-section .project-detail .project-description ul{list-style:none;background-color:hsla(0,0%,100%,.6);color:#000;padding:.5rem .5rem .5rem 1.5rem}.project-section .project-detail .project-description ul li{position:relative;padding-left:1.5rem;font-size:1.4rem;font-weight:500;margin-bottom:.5rem;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff}.project-section .project-detail .project-description ul li:before{content:"$";position:absolute;left:-.5rem;top:.45rem;width:1.2rem;height:1.2rem;background-color:var(--theme-yellow);text-shadow:none;border:1px solid #000;border-radius:50%;color:#000;font-size:1.1rem;display:flex;align-items:center;justify-content:center;vertical-align:bottom}.project-section .project-detail .project-description>.sub p{font-size:1.6rem;padding:0 1rem}.project-section .project-detail .project-description.en p{font-size:1.9rem}.project-section .project-detail .project-description.en li{font-size:1.6rem}.project-section .stacks-box a,.project-section .stacks-box>div{flex-shrink:0;width:2rem;height:2rem}.project-section .stacks-box a>p,.project-section .stacks-box>div>p{font-size:1rem!important}.project-section .projects-swiper{flex-shrink:0;height:100%}@media screen and (max-width:1024px){.project-section .projects-swiper{height:50%}}.project-section .projects-swiper .swiper-slide{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.project-section .projects-swiper img,.project-section .projects-swiper video{height:100%;width:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.project-section .swiper-pagination-bullet-active{background-color:rgba(0,217,255,.2);border:2px solid aqua;width:1rem;height:1rem}.arrow-text{transform:rotate(-10deg);z-index:30;position:absolute;top:1rem;right:-12rem;transition:none;width:0}@media screen and (max-width:1024px){.arrow-text{left:60%;right:auto}}.arrow-text.show{width:30rem;transition:width .7s ease-in-out .1s}.arrow-text p{transition:opacity .2s ease-in-out .7s}.arrow-text .arrow{position:relative;width:6rem;height:.3rem;background-color:#000}.arrow-text .arrow:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:1.3rem;height:1.3rem;background:rgba(0,0,0,0);border-top:.3rem solid #000;border-left:.3rem solid #000;transform:translateY(-50%) rotate(-45deg);border-radius:0}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border-radius:50%;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top:4px solid transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}@keyframes tracking-in-contract-bck-bottom{0%{letter-spacing:1em;transform:translateZ(400px) translateY(300px);opacity:0}40%{opacity:.6}to{transform:translateZ(0) translateY(0);opacity:1}}@keyframes slide-down{0%{transform:translateY(0)}to{transform:translateY(5px)}}@keyframes insert{0%{transform:scale(1) translateY(0)}40%{transform:scale(var(--scale-factor)) translateY(0)}90%{transform:scale(var(--scale-factor)) translateY(calc(var(--y-distance) / var(--scale-factor)))}to{transform:scale(var(--scale-factor)) translateY(calc(calc(var(--y-distance) / var(--scale-factor) + 10vh)))}}@keyframes bounce-in-top{0%{transform:translateY(-500px);animation-timing-function:ease-in;opacity:0}38%{transform:translateY(0);animation-timing-function:ease-out;opacity:1}55%{transform:translateY(-65px);animation-timing-function:ease-in}72%{transform:translateY(0);animation-timing-function:ease-out}81%{transform:translateY(-28px);animation-timing-function:ease-in}90%{transform:translateY(0);animation-timing-function:ease-out}95%{transform:translateY(-8px);animation-timing-function:ease-in}to{transform:translateY(0);animation-timing-function:ease-out}}@keyframes fade-up{0%{opacity:0;transform:translateY(10rem)}to{opacity:1;transform:translateY(-20rem)}}@keyframes fade-left{0%{opacity:0;transform:translateX(30vh)}to{opacity:1;transform:translateX(0)}}@keyframes power-screen{0%{background:#3f3c3c}to{background:#858383}}@keyframes wobble{0%{transform:translate(-50%,-50%) skewX(2deg) scale(1)}25%{transform:translate(-50%,-50%) skewX(-2deg) scale(1.02,.98)}50%{transform:translate(-50%,-50%) skewX(3deg) scale(.98,1.02)}75%{transform:translate(-50%,-50%) skewX(-3deg) scale(1.03,.97)}to{transform:translate(-50%,-50%) skewX(2deg) scale(1)}}@keyframes float{0%{right:5%;bottom:48%}50%{right:6%;bottom:50%}to{right:5%;bottom:48%}}@keyframes card-fade-up{0%{opacity:0;transform:translateY(3rem) scale(.2)}to{opacity:1;transform:translateY(0) scale(.2)}}@keyframes section-fade-up{0%{opacity:0;height:0;width:0}to{opacity:1;height:90vh;width:90vw;border:2px solid black}}@keyframes section-fade-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(110vh)}}