:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{margin:0 auto}@font-face{font-family:ClashDisplay-Extralight;src:url(/assets/ClashDisplay-Extralight-D3i1MCwm.woff2)format("woff2"),url(/assets/ClashDisplay-Extralight-BJExDEVH.woff)format("woff"),url(/assets/ClashDisplay-Extralight--kv4w5k0.ttf)format("truetype");font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Light;src:url(/assets/ClashDisplay-Light-DIjv0-nY.woff2)format("woff2"),url(/assets/ClashDisplay-Light-Co9CQZ40.woff)format("woff"),url(/assets/ClashDisplay-Light-CutxPsj4.ttf)format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Regular;src:url(/assets/ClashDisplay-Regular-DhusH4GR.woff2)format("woff2"),url(/assets/ClashDisplay-Regular-BKrzTZUV.woff)format("woff"),url(/assets/ClashDisplay-Regular-zoOY6xZw.ttf)format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Medium;src:url(/assets/ClashDisplay-Medium-BPdWq--j.woff2)format("woff2"),url(/assets/ClashDisplay-Medium-D8oxfInt.woff)format("woff"),url(/assets/ClashDisplay-Medium-RwyLHzhI.ttf)format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Semibold;src:url(/assets/ClashDisplay-Semibold-DcA1xgJG.woff2)format("woff2"),url(/assets/ClashDisplay-Semibold-Cc_zfQ1K.woff)format("woff"),url(/assets/ClashDisplay-Semibold-C8tXlykZ.ttf)format("truetype");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Bold;src:url(/assets/ClashDisplay-Bold-YaCnK2PY.woff2)format("woff2"),url(/assets/ClashDisplay-Bold-79YOzMqN.woff)format("woff"),url(/assets/ClashDisplay-Bold-5hYeFSJJ.ttf)format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:ClashDisplay-Variable;src:url(/assets/ClashDisplay-Variable-Buk7cB_f.woff2)format("woff2"),url(/assets/ClashDisplay-Variable-Dt2PxZhp.woff)format("woff"),url(/assets/ClashDisplay-Variable-BHZjogP3.ttf)format("truetype");font-weight:200 700;font-display:swap;font-style:normal}.effect_001{perspective:1200px;align-items:center;width:100vw;height:100vh;font-family:ClashDisplay-Regular;display:flex;position:absolute;top:0}.effect_001 .scroll,.effect_001 .scrollBack{z-index:10;opacity:.9;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:absolute;top:0;left:0;overflow:hidden}.effect_001 .scroll h1,.effect_001 .scrollBack h1{text-align:center;width:100vw;font:5vw/.8 ClashDisplay-Variable}.effect_001 .scroll h2,.effect_001 .scrollBack h2{text-align:center;width:100vw;font:2vw/.8 ClashDisplay-Variable}.effect_001 .scroll h1::selection{color:#0f0f0f;background:#fff}.effect_001 .scroll h2::selection{color:#0f0f0f;background:#fff}.effect_001 .scrollBack h1::selection{color:#0f0f0f;background:#fff}.effect_001 .scrollBack h2::selection{color:#0f0f0f;background:#fff}.effect_001 .scroll .credits,.effect_001 .scrollBack .credits{position:absolute;bottom:10px;right:20px}.effect_001 .scroll .credits h3,.effect_001 .scrollBack .credits h3{color:#fff;text-align:end;font-family:ClashDisplay-Variable;font-size:1.2vw;font-weight:400}.effect_001 .scroll .credits h3 a,.effect_001 .scrollBack .credits h3 a{all:unset;cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.27,.68,.28,1)}.effect_001 .scroll .credits h3 a:hover,.effect_001 .scrollBack .credits h3 a:hover{font-weight:900;text-decoration:underline}@media (width<=600px){.effect_001 .scroll h1,.effect_001 .scrollBack h1{font:10vw/.8 ClashDisplay-Variable}.effect_001 .scroll h2,.effect_001 .scrollBack h2{font:5vw/.8 ClashDisplay-Variable}.effect_001 .scroll .credits,.effect_001 .scrollBack .credits{right:10px}.effect_001 .scroll .credits h3,.effect_001 .scrollBack .credits h3{margin-bottom:5px;font-size:3vw}}@media (prefers-reduced-motion:reduce){.effect_001 video{display:none}}.effect_001 .cards{white-space:nowrap;will-change:transform;perspective:5000px;width:max-content;transform-style:preserve-3d;gap:1vw;padding:0 120vw;display:flex}@media (width<=600px){.effect_001 .cards{padding:0 100vw}}.effect_001 .cards .card{aspect-ratio:.75;object-fit:cover;text-align:center;text-transform:uppercase;color:#ff0;cursor:none;width:25vw;min-width:280px;transform-style:preserve-3d;border:.5vw solid;border-radius:2vw;transition:filter .3s ease-in-out;animation:8s ease-in-out infinite blur;position:relative}@media (width<=600px){.effect_001 .cards .card{border:1.5vw solid;border-radius:5vw}}.effect_001 .cards .card:hover{filter:brightness(1.1)blur();animation:none}.effect_001 .cards .card.rotate2d{overflow:hidden}.effect_001 .cards .card img{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.effect_001 .cards .card .card_header{cursor:none;justify-content:space-between;width:100%;margin-top:5px;display:flex;transform:translateZ(10px)}.effect_001 .cards .card .card_header p{margin:0;padding:0 1vw;font-family:ClashDisplay-Regular;font-size:1.5vw}@media (width<=600px){.effect_001 .cards .card .card_header p{font-size:3.5vw}}.effect_001 .cards .card .card_content{cursor:none;width:100%;position:absolute;bottom:0;transform:translateZ(15px)}.effect_001 .cards .card .card_content .card_element_from{border:.15em solid;border-radius:100%;width:fit-content;padding:.28em .3em .12em;font-family:ClashDisplay-Semibold;font-size:.9em}.effect_001 .cards .card .card_content h1{text-wrap:auto;margin-top:-5px;padding:.2em 0 .12em;font:6.5vw/.8 ClashDisplay-Bold}@media (width<=600px){.effect_001 .cards .card .card_content h1{font-size:8.5vw}}.effect_001 .cursor{z-index:10000;width:40px;height:40px;transform-style:preserve-3d;cursor:none;pointer-events:none;mix-blend-mode:hard-light;animation:8s linear infinite rotateCD;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.effect_001 .cursor img{object-fit:cover;width:100%;height:100%;transform-style:preserve-3d;transition:opacity .3s cubic-bezier(.075,.82,.165,1);animation:10s ease-in-out infinite cursorCd}.effect_001 .cursor.hide img{opacity:0}.effect_001 .musicName{color:#fff;mix-blend-mode:difference;justify-content:center;width:100vw;font:700 2.5vw/.8 ClashDisplay-Variable;display:flex;position:absolute;top:10px}@media (width<=600px){.effect_001 .musicName{font-size:5.5vw}.effect_001 .musicName #albumName{width:35%;max-width:32%;margin-right:18%}}.effect_001 .linkPlateform{pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:absolute;top:0}.effect_001 .linkPlateform img{opacity:.5;width:35px;animation:1.8s steps(10,end) infinite linkPlateform;position:absolute;bottom:20px}.effect_001 .tipsNotification{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#2828283b;align-items:center;gap:10px;padding:10px;display:flex;position:absolute;top:10px;right:10px}.effect_001 .tipsNotification .x{cursor:pointer;background-color:#575757cc;border:none;border-radius:3px;justify-content:center;align-items:center;width:15px;height:15px;padding:4px;font-family:ClashDisplay-Regular;display:flex}.effect_001 .tipsNotification .x:hover{background-color:#575757cc}.effect_001 .tipsNotification .x img{object-fit:cover;opacity:.5;width:100%;height:100%}@keyframes blur{0%{filter:brightness()blur(1px)}10%{filter:brightness(1.9)blur(2px)}25%{filter:brightness(1.1)blur(1px)}40%{filter:brightness()blur()}50%{filter:brightness(.7)blur(2px)}60%{filter:brightness(1.4)blur(1px)}75%{filter:brightness()blur(2px)}85%{filter:brightness(.9)blur()}95%{filter:brightness(1.9)blur(2px)}to{filter:brightness()blur(1px)}}@keyframes cursorCd{0%{transform:rotateY(0)rotateX(0)}25%{transform:rotateY(-30deg)rotateX(-30deg)}50%{transform:rotateY(30deg)rotateX(30deg)}75%{transform:rotateY(-30deg)rotateX(-30deg)}to{transform:rotateY(0)rotateX(0)}}@keyframes rotateCD{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes linkPlateform{0%{filter:brightness()blur();opacity:.5;transform:translate(0)rotate(0)}10%{filter:brightness(1.2)blur();opacity:.7;transform:translate(1px)rotate(2deg)}20%{filter:brightness()blur(2px);transform:translateY(-1px)rotate(0)}25%{filter:brightness(.9)blur(1px);opacity:.9;transform:translate(1px,-2px)rotate(1deg)}30%{filter:brightness(1.2)blur();transform:translate(2px,-1px)rotate(-1deg)}40%{opacity:.3;transform:translate(2px)rotate(0)}50%{filter:brightness(1.2)blur(2px);opacity:.5;transform:translate(-1px)rotate(0)}60%{filter:brightness(.6)blur(1px);transform:translateY(-3px)rotate(1deg)}70%{filter:brightness(1.6)blur();opacity:.8;transform:translate(1px)rotate(2deg)}80%{filter:brightness()blur(1px);opacity:.5;transform:translate(1px,-2px)rotate(0)}90%{filter:brightness()blur(1px);opacity:.6;transform:translateY(-1px)rotate(-1deg)}to{filter:brightness()blur();opacity:.5;transform:translate(0)rotate(0)}}
