:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@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{position:absolute;top:0;width:100vw;height:100vh;display:flex;align-items:center;font-family:ClashDisplay-Regular;perspective:1200px}.effect_001 .scroll,.effect_001 .scrollBack{position:absolute;top:0;left:0;width:100vw;height:100dvh;z-index:10;overflow:hidden;opacity:.9;display:flex;justify-content:center;align-items:center}.effect_001 .scroll h1,.effect_001 .scrollBack h1{width:100vw;font:5vw/.8 ClashDisplay-Variable;text-align:center}.effect_001 .scroll h2,.effect_001 .scrollBack h2{width:100vw;font:2vw/.8 ClashDisplay-Variable;text-align:center}.effect_001 .scroll h1::selection,.effect_001 .scroll h2::selection,.effect_001 .scrollBack h1::selection,.effect_001 .scrollBack h2::selection{background:#fff;color:#0f0f0f}.effect_001 .scroll .credits,.effect_001 .scrollBack .credits{position:absolute;bottom:10px;right:20px}.effect_001 .scroll .credits h3,.effect_001 .scrollBack .credits h3{font-size:1.2vw;font-family:ClashDisplay-Variable;font-weight:400;color:#fff;text-align:end}.effect_001 .scroll .credits h3 a,.effect_001 .scrollBack .credits h3 a{all:unset;font-weight:600;transition:all .3s cubic-bezier(.27,.68,.28,1);cursor:pointer}.effect_001 .scroll .credits h3 a:hover,.effect_001 .scrollBack .credits h3 a:hover{text-decoration:underline;font-weight:900}@media (max-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{font-size:3vw;margin-bottom:5px}}@media (prefers-reduced-motion: reduce){.effect_001 video{display:none}}.effect_001 .cards{display:flex;gap:1vw;width:max-content;white-space:nowrap;will-change:transform;padding:0 120vw;perspective:5000px;transform-style:preserve-3d}@media (max-width: 600px){.effect_001 .cards{padding:0 100vw}}.effect_001 .cards .card{position:relative;width:25vw;min-width:280px;aspect-ratio:.75;border-radius:2vw;object-fit:cover;text-align:center;text-transform:uppercase;border:.5vw solid currentColor;color:#ff0;cursor:none;transform-style:preserve-3d;transition:filter .3s ease-in-out;animation:blur 8s infinite ease-in-out;animation-play-state:running}@media (max-width: 600px){.effect_001 .cards .card{border:1.5vw solid currentColor;border-radius:5vw}}.effect_001 .cards .card:hover{animation:none;filter:brightness(1.1) blur(0px)}.effect_001 .cards .card.rotate2d{overflow:hidden}.effect_001 .cards .card img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.effect_001 .cards .card .card_header{width:100%;display:flex;justify-content:space-between;cursor:none;transform:translateZ(10px);margin-top:5px}.effect_001 .cards .card .card_header p{padding:0 1vw;margin:0;font-size:1.5vw;font-family:ClashDisplay-Regular}@media (max-width: 600px){.effect_001 .cards .card .card_header p{font-size:3.5vw}}.effect_001 .cards .card .card_content{position:absolute;bottom:0;width:100%;transform:translateZ(15px);cursor:none}.effect_001 .cards .card .card_content .card_element_from{width:fit-content;border:.15em solid currentColor;border-radius:100%;padding:.28em .3em .12em;font-size:.9em;font-family:ClashDisplay-Semibold}.effect_001 .cards .card .card_content h1{margin-top:-5px;font:6.5vw/.8 ClashDisplay-Bold;line-height:.8;text-wrap:auto;padding:.2em 0 .12em}@media (max-width: 600px){.effect_001 .cards .card .card_content h1{font-size:8.5vw}}.effect_001 .cursor{position:absolute;top:0;left:0;width:40px;height:40px;z-index:10000;transform-style:preserve-3d;transform:translate(-50%,-50%);cursor:none;pointer-events:none;mix-blend-mode:hard-light;animation:rotateCD 8s infinite linear}.effect_001 .cursor img{width:100%;height:100%;object-fit:cover;transform-style:preserve-3d;animation:cursorCd 10s infinite ease-in-out;transition:opacity .3s cubic-bezier(.075,.82,.165,1)}.effect_001 .cursor.hide img{opacity:0}.effect_001 .musicName{position:absolute;top:10px;width:100vw;display:flex;justify-content:center;font:2.5vw/.8 ClashDisplay-Variable;font-weight:700;color:#fff;mix-blend-mode:difference}@media (max-width: 600px){.effect_001 .musicName{font-size:5.5vw}.effect_001 .musicName #albumName{width:35%;max-width:32%;margin-right:18%}}.effect_001 .linkPlateform{position:absolute;top:0;height:100dvh;width:100vw;display:flex;justify-content:center;align-items:center;pointer-events:none}.effect_001 .linkPlateform img{width:35px;opacity:.5;animation:linkPlateform 1.8s infinite steps(10);position:absolute;bottom:20px}.effect_001 .tipsNotification{background-color:#2828283b;position:absolute;top:10px;right:10px;z-index:100;padding:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;gap:10px;align-items:center}.effect_001 .tipsNotification .x{background-color:#575757cc;border:none;border-radius:3px;display:flex;align-items:center;justify-content:center;width:15px;height:15px;padding:4px;cursor:pointer;font-family:ClashDisplay-Regular}.effect_001 .tipsNotification .x:hover{background-color:#575757cc}.effect_001 .tipsNotification .x img{width:100%;height:100%;object-fit:cover;opacity:.5}@keyframes blur{0%{filter:brightness(1) blur(1px)}10%{filter:brightness(1.9) blur(2px)}25%{filter:brightness(1.1) blur(1px)}40%{filter:brightness(1) blur(0px)}50%{filter:brightness(.7) blur(2px)}60%{filter:brightness(1.4) blur(1px)}75%{filter:brightness(1) blur(2px)}85%{filter:brightness(.9) blur(0px)}95%{filter:brightness(1.9) blur(2px)}to{filter:brightness(1) blur(1px)}}@keyframes cursorCd{0%{-webkit-transform:rotateY(0deg) rotateX(0deg);transform:rotateY(0) rotateX(0)}25%{-webkit-transform:rotateY(-30deg) rotateX(-30deg);transform:rotateY(-30deg) rotateX(-30deg)}50%{-webkit-transform:rotateY(30deg) rotateX(30deg);transform:rotateY(30deg) rotateX(30deg)}75%{-webkit-transform:rotateY(-30deg) rotateX(-30deg);transform:rotateY(-30deg) rotateX(-30deg)}to{-webkit-transform:rotateY(0deg) rotateX(0deg);transform:rotateY(0) rotateX(0)}}@keyframes rotateCD{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0)}to{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}@keyframes linkPlateform{0%{transform:translate(0) rotate(0);filter:brightness(1) blur(0px);opacity:.5}10%{transform:translate(1px) rotate(2deg);filter:brightness(1.2) blur(0px);opacity:.7}20%{transform:translateY(-1px) rotate(0);filter:brightness(1) blur(2px)}25%{transform:translate(1px,-2px) rotate(1deg);filter:brightness(.9) blur(1px);opacity:.9}30%{transform:translate(2px,-1px) rotate(-1deg);filter:brightness(1.2) blur(0px)}40%{transform:translate(2px) rotate(0);opacity:.3}50%{transform:translate(-1px) rotate(0);filter:brightness(1.2) blur(2px);opacity:.5}60%{transform:translateY(-3px) rotate(1deg);filter:brightness(.6) blur(1px)}70%{transform:translate(1px) rotate(2deg);filter:brightness(1.6) blur(0px);opacity:.8}80%{transform:translate(1px,-2px) rotate(0);filter:brightness(1) blur(1px);opacity:.5}90%{transform:translateY(-1px) rotate(-1deg);filter:brightness(1) blur(1px);opacity:.6}to{transform:translate(0) rotate(0);filter:brightness(1) blur(0px);opacity:.5}}@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}.error-container{width:100vw;height:100dvh;max-height:100dvh;background-color:#1c1c1c;overflow:hidden;position:fixed;top:0;left:0;display:flex}.error-container .error-number-column{width:100%;flex-grow:1;max-height:100dvh;overflow:hidden;-webkit-user-select:none;user-select:none}.error-container .error-number-column .scroll-wrapper{animation:numberColumn 3s linear infinite;animation-direction:normal}.error-container .error-number-column .scroll-wrapper .error-number-item{font-family:ClashDisplay-Variable;font-weight:900;font-size:42vw;color:#e8e8e8;height:45vw;display:flex;align-items:center;justify-content:center;animation:itemRotate 3s linear infinite}.error-container .error-button{position:absolute;bottom:7vh;left:50%;transform:translateX(-50%,-50%);background-color:#e8e8e8;color:#1c1c1c;font-family:ClashDisplay-Variable;font-weight:900;font-size:1vw;padding:1vw 2vw;border-radius:5vw;border:none;cursor:pointer;text-transform:uppercase}@media (max-width: 600px){.error-container .error-button{font-size:5vw;padding:2vw 4vw}}.error-container .error-button:hover{background-color:#1c1c1c;color:#e8e8e8;border:2px solid #e8e8e8;transition:all .3s ease-in-out}@keyframes numberColumn{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes itemRotate{0%{transform:rotate(0);font-weight:900}50%{font-weight:100}to{transform:rotate(360deg);font-weight:900}}@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}.monochrome-color{width:50vw;height:100dvh;max-height:100dvh;background-color:#1300e3;overflow:hidden;position:absolute;top:0;left:0;cursor:pointer;transition:background-color .3s ease-in-out}.monochrome-color#right{left:50%;opacity:.98}@media (max-width: 768px){.monochrome-color{width:100vw;height:50dvh;max-height:50dvh;left:0;top:0}.monochrome-color#right{left:0;top:50%;opacity:.95}}.title{z-index:100;position:absolute;top:50%;left:50%;overflow:hidden;cursor:pointer;height:10vw;display:flex;align-items:center;justify-content:center}.title.monoChrome{transform:translateY(-50%) translate(-39.85%)}.title.duoChrome{transform:translateY(-50%) translate(-30.85%)}@media (max-width: 768px){.title{height:40vw;flex-direction:column;left:20px}.title.monoChrome,.title.duoChrome{transform:translateY(-50%) translate(0)}}.title h1{font-family:ClashDisplay-Variable;font-weight:900;font-size:10vw;color:#e8e8e8;text-align:center;display:flex;align-items:center;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){.title h1{font-size:20vw;max-height:100%;overflow:hidden;justify-content:start;max-width:min-content;max-width:-webkit-min-content;margin-left:0}}.title h1#chrome{color:#242424}.title h1 .letter{display:inline-block;position:relative;line-height:1;height:100%}.title h1 .letter span{display:inline-block;position:relative;line-height:1;height:100%;top:-100%}.notificationTips{position:absolute;bottom:20px;right:20px;background-color:#16161666;color:#eaeaea;font-family:ClashDisplay-Variable;font-weight:600;font-size:16px;padding:.5vw 1vw;border-radius:5px;z-index:100;cursor:pointer;display:flex;align-items:center;gap:5px}.notificationTips button{all:unset;cursor:pointer;background-color:#16161666;display:flex;align-items:center;justify-content:center;width:20px;height:20px;box-sizing:border-box;padding:4px}.notificationTips button img{width:100%;height:100%}.notificationTips button:hover{background-color:#63636399}@media (max-width: 768px){.notificationTips{max-width:70%;font-size:20px;padding:2vw 4vw;bottom:10px;right:10px;gap:20px;line-height:1.2}.notificationTips button{width:40px;height:40px;padding:9px}.notificationTips button img{width:100%;height:100%}}/**
* @license
*
* Font Family: Clash Display
* Designed by: Indian Type Foundry
* URL: https://www.fontshare.com/fonts/clash-display
* © 2025 Indian Type Foundry
*
* Clash Display Extralight 
* Clash Display Light 
* Clash Display Regular 
* Clash Display Medium 
* Clash Display Semibold 
* Clash Display Bold 
* Clash Display Variable (Variable font)

*
*/@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}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 11, 2025 */@font-face{font-family:old_typographyregular;src:url(/assets/old_typography-webfont-Cdf9sUGE.woff2) format("woff2"),url(/assets/old_typography-webfont-hCOy_ZdR.woff) format("woff");font-weight:400;font-style:normal}.scrollDistortion-title h1{margin-top:30px;text-align:center;font-family:old_typographyregular,sans-serif;font-size:15vw;font-weight:700;line-height:.8;color:#fff;filter:blur(calc(var(--y) * .1px))}.scrollDistortion-title h1:before{content:var(--content);position:absolute;top:calc(var(--y) * .7px);left:0;width:100%;height:100%;color:red;opacity:.5;z-index:-1;mix-blend-mode:difference}.scrollDistortion-title h1:after{content:var(--content);position:absolute;top:calc(var(--y) * -.7px);left:0;width:100%;height:100%;color:#0ff;opacity:.5;z-index:-1}.safari{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;text-align:center;font-family:old_typographyregular,sans-serif;font-size:3vw;letter-spacing:-2px;font-weight:700}.background{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:100vh;-webkit-user-select:none;user-select:none;pointer-events:none}.background img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.1);filter:grayscale(1);animation:bgMove 5s steps(2) infinite alternate}.scrollDistortion__canvas__overlay{position:fixed;top:0;left:0;z-index:100;width:100vw;height:100vh;opacity:.3;-webkit-user-select:none;user-select:none;pointer-events:none}.scrollDistortion__canvas__overlay img{width:100%;height:100%;object-fit:cover;object-position:center}@keyframes bgMove{0%{transform:scale(1.1) translate(15px,25px);filter:grayscale(1) blur(1px) brightness(1.2)}8%{transform:scale(1.1) translate(-20px,-15px);filter:grayscale(1) blur(2px) brightness(1.3)}16%{transform:scale(1.1) translate(25px,10px);filter:grayscale(1) blur(3px) brightness(1.5)}24%{transform:scale(1.1) translate(-15px,20px);filter:grayscale(1) blur(1px) brightness(1.1)}32%{transform:scale(1.1) translate(10px,-25px);filter:grayscale(1) blur(2px) brightness(1.4)}40%{transform:scale(1.1) translate(-25px,15px);filter:grayscale(1) blur(3px) brightness(1.5)}48%{transform:scale(1.1) translate(20px,-10px);filter:grayscale(1) blur(1px) brightness(1.2)}56%{transform:scale(1.1) translate(-10px,25px);filter:grayscale(1) blur(2px) brightness(1.3)}64%{transform:scale(1.1) translate(15px,-20px);filter:grayscale(1) blur(3px) brightness(1.5)}72%{transform:scale(1.1) translate(-20px,10px);filter:grayscale(1) blur(1px) brightness(1.1)}80%{transform:scale(1.1) translate(25px,-15px);filter:grayscale(1) blur(2px) brightness(1.4)}88%{transform:scale(1.1) translate(-15px,20px);filter:grayscale(1) blur(3px) brightness(1.5)}96%{transform:scale(1.1) translate(10px,-25px);filter:grayscale(1) blur(1px) brightness(1.2)}to{transform:scale(1.1) translate(-25px,15px);filter:grayscale(1) blur(2px) brightness(1.3)}}.scrollDistortion{margin-top:100px;margin-bottom:200px;display:flex;flex-direction:column;gap:15vh;width:100%;padding:0 100px;box-sizing:border-box}.scrollDistortion .scrollDistortion__element{height:80dvh;max-height:50vw;display:flex;align-items:end;position:relative;max-width:100%}.scrollDistortion .scrollDistortion__element.right{margin-right:0%}.scrollDistortion .scrollDistortion__element.right h2{transform:rotate(-90deg) translate(100%);transform-origin:bottom right}.scrollDistortion .scrollDistortion__element.right .photoInfos{right:0}.scrollDistortion .scrollDistortion__element.right .photoInfos h3,.scrollDistortion .scrollDistortion__element.right .photoInfos h4{justify-content:end}.scrollDistortion .scrollDistortion__element.left{margin-left:0%}.scrollDistortion .scrollDistortion__element.left h2{transform:rotate(-90deg) translateY(100%);transform-origin:bottom left}.scrollDistortion .scrollDistortion__element.left .photoInfos{left:0}.scrollDistortion .scrollDistortion__element.left .photoInfos h3,.scrollDistortion .scrollDistortion__element.left .photoInfos h4{justify-content:start}.scrollDistortion .scrollDistortion__element img{height:100%;visibility:hidden}.scrollDistortion .scrollDistortion__element h2{z-index:2;width:max-content;max-width:100%;letter-spacing:-2px;font-family:old_typographyregular,sans-serif;font-size:10vw;font-weight:700;line-height:.8;color:#fff;filter:blur(calc(var(--y) * .1px));opacity:.5}.scrollDistortion .scrollDistortion__element h2:before{content:var(--content);position:absolute;top:0;left:calc(var(--y) * -.7px);width:100%;height:100%;color:red;opacity:.5;z-index:-1;mix-blend-mode:difference}.scrollDistortion .scrollDistortion__element h2:after{content:var(--content);position:absolute;top:0;left:calc(var(--y) * .7px);width:100%;height:100%;color:#0ff;opacity:.5;z-index:-1}.scrollDistortion .scrollDistortion__element .photoInfos{position:absolute;transform:translateY(90%);font-family:old_typographyregular,sans-serif}.scrollDistortion .scrollDistortion__element .photoInfos h4,.scrollDistortion .scrollDistortion__element .photoInfos h3{filter:blur(calc(var(--y) * .1px));display:flex}.scrollDistortion .scrollDistortion__element .photoInfos h4:before,.scrollDistortion .scrollDistortion__element .photoInfos h3:before{content:var(--content);position:absolute;top:calc(var(--y) * .4px);height:100%;color:red;opacity:.5;z-index:-1;mix-blend-mode:difference}.scrollDistortion .scrollDistortion__element .photoInfos h4:after,.scrollDistortion .scrollDistortion__element .photoInfos h3:after{content:var(--content);position:absolute;top:calc(var(--y) * -.4px);height:100%;color:#0ff;opacity:.5;z-index:-1}.scrollDistortion .scrollDistortion__element .photoInfos h4{font-size:4vw;height:3vw}.scrollDistortion .scrollDistortion__element .photoInfos h3{font-size:4vw;height:4vw}.scrollDistortion__canvas{position:fixed;top:0;left:0;z-index:0;width:100vw;height:100vh;pointer-events:none}*{margin:0 auto}