@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{overflow-x:hidden}.main-experiment{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.controls{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:fixed;bottom:20px;padding:0 20px;z-index:1000000}.seasid{width:100%;height:100vh}#images-marquee{width:200px;height:300px}.main-home-page{width:100%;height:100%;display:flex;justify-content:center}.homePage{width:calc(100% - 80px);height:100%}.grp-main-homepage{width:100%;height:60%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:25px}.grp-main-homepage h1{font-family:Inter;font-size:clamp(60px,8vw,120px);letter-spacing:-.06em;font-weight:700;display:flex;gap:0px .2em;align-items:center;justify-content:center;flex-wrap:wrap;line-height:100%}.grp-main-homepage span{font-family:Ubuntu Mono;display:flex;line-height:100%}#desc{font-size:clamp(15px,3vw,25px);font-family:Inter;gap:.35em;letter-spacing:-.03em;font-weight:600;text-align:center}#desc a:hover{text-decoration:none}.grp{display:flex;flex-direction:row}.grp p{color:#747474}.effects{width:100%;height:fit-content;display:flex;gap:20px;flex-wrap:wrap;justify-content:center;padding-bottom:100px}.effect{width:calc(33.3% - 20px);min-width:400px;height:350px;background:#242424;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:5px;cursor:pointer}.effect .image{width:calc(100% - 20px);height:300px;margin-top:10px;border-radius:5px}.image img{width:100%;height:100%;object-fit:cover;border-radius:5px}.effect-info{width:calc(100% - 20px);height:50px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.effect-info span{font-family:Inter;font-size:16px;color:#fff;letter-spacing:-.01em;font-weight:500}.open-btn button{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:18px;gap:10px;padding:5px 10px;background-color:#000;border:1px solid black;color:#fff;font-family:Inter;border-radius:5px;cursor:pointer}.main-experiment{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.controls{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:fixed;bottom:20px;padding:0 20px}.left-controls{display:flex;flex-direction:row;gap:10px}.collection-link,.name-effect{background-color:#1f1f1f;color:#fff;padding:10px 15px;display:flex;align-items:center;justify-content:center;flex-direction:row;border-radius:2px;cursor:pointer}.name-effect span,.collection-link span{display:flex;justify-content:center;gap:10px;align-items:center;font-size:15px;font-family:Inter}.next,.previous{background-color:#1f1f1f;color:#fff;padding:10px 15px;display:flex;align-items:center;justify-content:center;flex-direction:row;border-radius:2px;cursor:pointer}.grp-bla-bla{display:flex;gap:5px}.main-experiment.three{background-color:#000;display:flex;justify-content:center;align-items:center}.main-experiment.fourth,.main-video-play-on-scroll{width:100%;height:fit-content}.main-video-play-on-scroll>div{height:100vh;flex-shrink:0;overflow:hidden}.first-section-scroll-down,.last-section-bye-bye{width:100%;height:100%;display:flex;justify-content:center;align-items:center;min-height:100vh}.last-section-bye-bye{height:100vh!important}.first-section-scroll-down h1,.last-section-bye-bye h1{font-size:clamp(45px,7.5vw,120px);font-family:Inter;letter-spacing:-.03em;line-height:100%}.video-section-main{width:100%;height:100%;display:flex;justify-content:center;align-items:center;min-height:100vh}.progress-video{width:120px;height:20px;background-color:#11111799;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;padding:5px;opacity:.8;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.progress-inner{background-color:#fff;height:100%;width:0%;border-radius:10px}.wrap-video{width:clamp(350px,65vw,70vw);height:70vh;position:relative}.video-section-main canvas{border-radius:20px;object-fit:cover}@media(max-width:932px){.wrap-video{width:90vw}}.main-image-trail{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;overflow:hidden;background-color:#121212}.trail-image{position:absolute;width:280px;height:280px;object-fit:cover;transform:translate(-50%,-50%);will-change:transform,opacity}.main-image-trail span{font-size:clamp(30px,6vw,100px);font-family:Inter;letter-spacing:-.03em;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red}.main-floating-stickers{width:100%;height:100%;-webkit-user-select:none;user-select:none;overflow:hidden;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#fef6bb}.floating-stickers{overflow:hidden;width:100%;height:100%;position:absolute}.floating-stickers img{width:200px;height:auto;-webkit-user-select:none;user-select:none;border-radius:10px;pointer-events:none}.main-floating-stickers h1{font-size:100px;font-family:Inter;text-align:center;max-width:950px;letter-spacing:-.03em;line-height:100%;color:#000}.main-directional-throw-button{display:flex;justify-content:center;align-items:center;height:fit-content;width:fit-content}#btn-directional{height:fit-content;width:fit-content;padding:10px 20px;position:relative;overflow:hidden;background-color:#da4242;border-radius:5px;border:2px solid #7D0303;cursor:pointer}#btn-directional span{font-size:30px;font-family:Inter;color:#fff;letter-spacing:-.02em;font-weight:500}.text-duplicate{position:absolute;top:200%;left:-25%;width:150%;height:100%;display:flex;justify-content:center;align-items:center;background:#7d0303}.primary-txt{position:relative}.main-nav-05{width:100%;height:75px;display:flex;justify-content:center;align-items:center;margin-top:40px;position:fixed;top:0;left:0}.menu{position:fixed;top:100vh;width:100vw;height:100vh;flex-direction:column;display:flex;justify-content:end;align-items:space-between;z-index:1;background-color:#ff4d00;border-radius:10px}.main-navigation{width:100%;display:flex;flex-direction:column;gap:0px;justify-content:start;align-items:start;padding-left:50px;margin-bottom:50px}.main-navigation a{font-size:clamp(60px,10vw,120px);font-family:Inter;text-decoration:none;color:#fff;font-weight:600;letter-spacing:-.03em;transition:all .4s cubic-bezier(.825,.08,.04,1);white-space:nowrap}.links-social{margin-bottom:50px;margin-left:50px;display:flex;flex-direction:row;gap:10px;flex-wrap:wrap}.links-social a{font-size:clamp(18px,2vw,20px);font-family:Inter;letter-spacing:-.01em;color:#fff;text-underline-offset:3px;width:fit-content}.link-grp{display:flex;flex-direction:row;align-items:center;gap:20px;width:fit-content;max-width:none;height:fit-content}.link-grp svg{height:50%;width:50%;color:#fff;opacity:0;transition:all .4s cubic-bezier(.825,.08,.04,1);transform:translate(-10px)}.link-grp:hover svg{opacity:1;transform:translate(0)}.nav-05{width:100%;height:100%;max-width:550px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#f8f8f8;border:1px solid #d4d4d4;padding:15px;border-radius:5px;position:relative;z-index:2}.logo-left{margin-top:5px}.btn-grp{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center}.btn-grp button{padding:10px 14px;font-size:20px;font-family:Inter;letter-spacing:-.02em;font-weight:550;border-radius:7px;color:#fff;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}#btn-primary{background-color:#ff4d00;border:1px solid black;box-shadow:0 2px #000}#btn-secondary{background-color:#fff;border:1px solid rgb(146,146,146);box-shadow:0 2px #929292;color:#000}#btn-primary:hover{box-shadow:0 3px #000;transform:translateY(-1px)}#btn-primary:active{box-shadow:0 1px #000;transform:translateY(1px)}#btn-secondary:hover{box-shadow:0 3px #929292;transform:translateY(-1px)}#btn-secondary:active{box-shadow:0 1px #929292;transform:translateY(1px)}.right-grp{display:flex;flex-direction:row;align-items:center;gap:20px}.menu-btn{cursor:pointer;height:45px;justify-content:center;align-items:center;border-radius:5px;width:40px;display:flex;flex-direction:column;gap:10px}.line{width:95%;height:2px;background-color:#000;transition:all .4s cubic-bezier(.825,.08,.04,1)}.menu-btn.open .line:nth-child(1){rotate:-45deg}.menu-btn.open .line:nth-child(2){rotate:45deg;margin-top:-30%}@media(max-width:726px){.main-nav-05{margin-top:20px}.nav-05{width:calc(100% - 40px);max-width:100%}}@media(max-width:538px){#btn-secondary{display:none}.main-navigation{padding-left:30px;margin-bottom:30px}.links-social{margin-bottom:30px;margin-left:30px;display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;max-width:200px}}@media(max-width:440px){#btn-primary{display:none}}.main-experiment.eleven{width:100%;height:100%}.main-card-overlap{width:100vw;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;background-color:#ffffd4}.cards-overlap{width:100vw;height:100vh}.section-1{width:100%;height:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#ffffd4}.card{width:100%;height:100vh;min-height:100vh;max-height:100vh;display:flex;justify-content:center;align-items:center;position:absolute;border-radius:20px}.card h1{font-size:clamp(50px,8vw,120px);font-family:Inter;color:#fff}.text{padding:15px 30px;background-color:#da4242;border-radius:10px;border:2px solid #FFFFD4}.text h1{font-family:Inter;font-weight:700;font-style:italic;letter-spacing:-.04em;color:#ffffd4;font-size:clamp(50px,8vw,120px)}.slides-wrapper{position:relative;background-color:#ffffd4}.slides{position:relative;height:100vh!important;overflow:hidden}.card:first-child{transform:translate(0);background-color:#da4242;border-radius:0}.card:not(:first-child):nth-child(odd){transform:translate(-150%) translateY(10%) rotate(-5deg);background-color:#da4242}.card:not(:first-child):nth-child(2n){transform:translate(150%) translateY(10%) rotate(5deg);background-color:#0d8dff}.section-2{width:100%;height:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#ffffd4;color:#000;flex-direction:column;gap:20px}.section-2 h1{max-width:700px;text-align:center;letter-spacing:-.03em;line-height:1;font-size:clamp(50px,8vw,120px);font-family:Inter}.section-2 span{font-size:30px;font-weight:600;color:#000;opacity:.5;font-size:clamp(20px,2vw,40px);font-family:Inter}