@import url(https://fonts.googleapis.com/css2?family=Almendra+Display&family=Bebas+Neue&family=Berkshire+Swash&family=BhuTuka+Expanded+One&family=Big+Shoulders+Inline+Display:wght@200&family=Bodoni+Moda:ital,opsz@1,6..96&family=Boogaloo&family=Bungee&family=Cagliostro&family=Cinzel+Decorative:wght@400;900&family=Cinzel:wght@400;600;900&family=Coda&family=Contrail+One&family=Damion&family=Dorsa&family=Federant&family=Inter:wght@100;200;300;400;500;700;800;900&family=Irish+Grover&family=Italianno&family=Jacques+Francois&family=Julius+Sans+One&family=Kameron:wght@400;700&family=Kaushan+Script&family=Keania+One&family=Kings&family=Kosugi&family=Koulen&family=Kranky&family=Krona+One&family=Kumar+One&family=Langar&family=League+Gothic&family=Lexend+Peta:wght@300&family=Lexend+Tera:wght@200;400&family=Linden+Hill&family=Lobster&family=Lora&family=Lustria&family=MedievalSharp&family=Metal&family=Michroma&family=Miltonian&family=Monoton&family=MonteCarlo&family=Montserrat:wght@200&family=Ms+Madi&family=Newsreader:opsz@6..72&family=Notable&family=Noto+Serif+HK:wght@300&family=Nova+Flat&family=Open+Sans:ital,wght@0,300;0,400;1,300&family=Oranienbaum&family=Orbitron:wght@400;500&family=Oxygen+Mono&family=Oxygen:wght@300&family=PT+Mono&family=Playfair+Display:ital,wght@0,400;1,400;1,900&family=Poly&family=Poppins:wght@200;300;400;900&family=Prosto+One&family=Quattrocento&family=Rationale&family=Roboto:wght@300&family=Rosarivo&family=Sen&family=Signika+Negative:wght@300&family=Silkscreen&family=Space+Mono&family=Syne:wght@800&family=Trochut&family=Unica+One&family=Zen+Dots&display=swap);@import url(https://fonts.googleapis.com/css2?family=Almendra+Display&family=Bebas+Neue&family=Berkshire+Swash&family=BhuTuka+Expanded+One&family=Big+Shoulders+Inline+Display:wght@200&family=Bodoni+Moda:ital,opsz@1,6..96&family=Boogaloo&family=Bungee&family=Cagliostro&family=Cinzel+Decorative:wght@400;900&family=Cinzel:wght@400;600;900&family=Coda:wght@400;800&family=Contrail+One&family=Damion&family=Dorsa&family=Federant&family=Goldman&family=Inter:wght@100;200;300;400;500;700;800;900&family=Irish+Grover&family=Italianno&family=Jacques+Francois&family=Julius+Sans+One&family=Kameron:wght@400;700&family=Kaushan+Script&family=Keania+One&family=Kings&family=Kosugi&family=Koulen&family=Kranky&family=Krona+One&family=Kumar+One&family=Langar&family=League+Gothic&family=Lexend+Peta:wght@300&family=Lexend+Tera:wght@200;400&family=Linden+Hill&family=Lobster&family=Londrina+Shadow&family=Lora&family=Lustria&family=MedievalSharp&family=Metal&family=Michroma&family=Miltonian&family=Monomaniac+One&family=Monoton&family=MonteCarlo&family=Montserrat:wght@200&family=Ms+Madi&family=Newsreader:opsz@6..72&family=Notable&family=Noto+Serif+HK:wght@300&family=Noto+Serif+JP:wght@700;900&family=Nova+Flat&family=Open+Sans:ital,wght@0,300;0,400;1,300&family=Oranienbaum&family=Orbitron:wght@400;500&family=Oswald&family=Oxygen+Mono&family=Oxygen:wght@300&family=PT+Mono&family=Playfair+Display:ital,wght@0,400;1,400;1,900&family=Poly&family=Poppins:wght@200;300;400;900&family=Prosto+One&family=Quattrocento&family=Rationale&family=Roboto:wght@300&family=Rosarivo&family=Sen&family=Signika+Negative:wght@300&family=Silkscreen&family=Space+Mono&family=Syne:wght@800&family=Trochut&family=Unica+One&family=Zen+Dots&display=swap);*,body,html{box-sizing:border-box;margin:0;padding:0}:root{--text-wrap:50px;--img-wrap:50vw;--text-height:70px}@media(max-width:768px){:root{--text-wrap:30px;--text-height:40px;--img-wrap:70vw}}.music-comp{height:100%;position:relative;width:100%}.music-comp svg{position:absolute}.music-comp .intro{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;width:100%}.music-comp .intro .textWrapper{left:2.5%;position:absolute;z-index:2}.music-comp .intro .textWrapper h1{--clip-adjust1:0%;--clip-adjust2:0%;align-items:center;display:grid;font-family:Coda,cursive;font-size:50px;font-size:var(--text-wrap);height:70px;height:var(--text-height);justify-self:center;overflow:hidden;text-align:center;width:100%}.music-comp .intro .textWrapper .normal{--clip-normals1:100%;-webkit-clip-path:polygon(calc(45% - var(--clip-adjust2) - var(--clip-normals1)) 0,calc(75% + var(--clip-adjust1) - var(--clip-normals1)) 0,calc(55% + var(--clip-adjust2) - var(--clip-normals1)) 100%,calc(25% - var(--clip-adjust1) - var(--clip-normals1)) 100%);clip-path:polygon(calc(45% - var(--clip-adjust2) - var(--clip-normals1)) 0,calc(75% + var(--clip-adjust1) - var(--clip-normals1)) 0,calc(55% + var(--clip-adjust2) - var(--clip-normals1)) 100%,calc(25% - var(--clip-adjust1) - var(--clip-normals1)) 100%)}.music-comp .intro .textWrapper .normal span{-webkit-transform:translateY(0);transform:translateY(0)}.music-comp .intro .textWrapper .jp{--clip-normals2:100%;-webkit-clip-path:polygon(calc(25% - var(--clip-adjust1) + var(--clip-normals2)) 0,calc(55% + var(--clip-adjust2) + var(--clip-normals2)) 0,calc(75% + var(--clip-adjust1) + var(--clip-normals2)) 100%,calc(45% - var(--clip-adjust2) + var(--clip-normals2)) 100%);clip-path:polygon(calc(25% - var(--clip-adjust1) + var(--clip-normals2)) 0,calc(55% + var(--clip-adjust2) + var(--clip-normals2)) 0,calc(75% + var(--clip-adjust1) + var(--clip-normals2)) 100%,calc(45% - var(--clip-adjust2) + var(--clip-normals2)) 100%);font-family:"Noto Serif JP",serif;font-weight:200}.music-comp .intro .textWrapper .jp span{-webkit-transform:translateY(-200%);transform:translateY(-200%)}.music-comp .intro .textWrapper span{display:inline-block}.music-comp .intro .textWrapper .line{background:#000;height:1.5px;width:0}.music-comp .intro .imgWrapper{align-items:center;-webkit-clip-path:url(#transition0);clip-path:url(#transition0);display:flex;height:50vw;height:var(--img-wrap);justify-content:center;position:relative;width:50vw;width:var(--img-wrap)}.music-comp .intro .imgWrapper[class*=ct]{position:absolute}.music-comp .intro .imgWrapper.ct-1{-webkit-clip-path:url(#transition1);clip-path:url(#transition1)}.music-comp .intro .imgWrapper.ct-2{-webkit-clip-path:url(#transition2);clip-path:url(#transition2)}.music-comp .intro .imgWrapper img{-webkit-filter:grayscale(100%);filter:grayscale(100%);height:100%;object-fit:cover;width:100%}.music-comp .intro .imgWrapper .wall{background-color:#fff;height:0;mix-blend-mode:difference;position:absolute;top:0;width:100%}.music-comp .multi-section{display:none;gap:40px;height:100%;padding:40px 0;width:100%}.music-comp .multi-section .grid{align-items:center;align-self:center;display:flex;height:100vh;justify-content:center;justify-self:center;position:relative;width:95%}.music-comp .multi-section .grid.ado .box{background-image:url(/static/media/ADO.1eb9f96bfd4c59a4fcf1.jpg)}.music-comp .multi-section .grid.yoku .box{background-image:url(/static/media/yoku.0650af89075e3c6f601a.jpg)}.music-comp .multi-section .grid.mirror .box{background-image:url(/static/media/honeycomebear.3a0b39660f56dda215bf.jpg)}.music-comp .multi-section .box{--mix-blend-design:normal;background-size:cover;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:90%;mix-blend-mode:var(--mix-blend-design);opacity:0;position:absolute;scale:1;width:100%}
/*# sourceMappingURL=main.9fe24bb6.css.map*/