@font-face{font-family:cabin;src:url(/assets/cabin-DaV79CaC.ttf)}*{padding:0;margin:0;box-sizing:border-box;scrollbar-width:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{height:100%;font-size:1vw;font-family:cabin,arial;color:#000;text-transform:uppercase}body{height:100%}#root{min-height:100%;display:flex;flex-direction:column;align-items:center}main{flex:1}.thumb_container{width:94vw}.modal{position:fixed;z-index:20;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:auto}.frost{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}iframe{aspect-ratio:16/9;border:none}@media(max-width:1200px){iframe{width:94vw!important}}header{display:flex;justify-content:center;width:100vw;background:#fff}@media(max-width:1200px){header{height:80px}}header .desktop{display:flex;justify-content:space-between;align-items:center;width:60%;height:8.2vw}@media(max-width:1200px){header .desktop{display:none}}header .desktop>a{text-decoration:none;font-size:1.5vw;font-weight:600;color:#000}header .mobile{position:relative;display:none;justify-content:flex-end;align-items:center;width:100%;height:80px;padding:0 26px}@media(max-width:1200px){header .mobile{display:flex}}header .mobile .hamburger{display:flex;flex-direction:column;justify-content:space-between;width:36px;height:28px;cursor:pointer}header .mobile .hamburger>div{height:4px;background:#000}header .mobile .menu{position:absolute;top:55px;left:0;width:100vw;padding:20px 26px;border-bottom:1px solid #ccc;background:#fff}header .mobile .menu>a{display:block;padding:20px 0;text-align:right;text-decoration:none;font-size:26px;font-weight:500;color:#000}footer{display:flex;justify-content:center;align-items:center;height:8.2vw;width:100vw;background:#fff}@media(max-width:1200px){footer{height:80px}}footer .logo{width:3.8vw}@media(max-width:1200px){footer .logo{width:auto;height:40px}}html[data-page=home]{background:#000}@media(max-width:1200px){html[data-page=home]{background:#fff}}html[data-page=home] body{background:url(/assets/twice-Ccm3BYmc.webp);background-size:cover;background-position-x:center}@media(max-width:1200px){html[data-page=home] body{background:#fff}}html[data-page=home] body header,html[data-page=home] body footer{filter:invert(1);opacity:.8}@media(max-width:1200px){html[data-page=home] body header,html[data-page=home] body footer{filter:invert(0);opacity:1}}html[data-page=home] body main .mobile_image{display:none;aspect-ratio:2000/2800;width:94vw;height:auto;border:1px solid #ccc;background-image:url(/assets/twice2-BHhi4WHZ.webp);background-size:cover}@media(max-width:1200px){html[data-page=home] body main .mobile_image{display:block}}html[data-page=profile] main .thumb_container{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:1fr;border:1px solid #ccc;background:#f0f0f0;cursor:pointer}@media(max-width:1200px){html[data-page=profile] main .thumb_container{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}}html[data-page=profile] main .thumb_container>img{width:100%;height:auto;opacity:0;transition:opacity .3s}html[data-page=profile] main .thumb_container>img.loaded{opacity:1}@media(max-width:1200px){html[data-page=profile] main .modal{align-items:flex-start;padding:3%}}html[data-page=profile] main .modal .grid_container{display:grid;grid-template-rows:1fr 1fr;gap:5vh;height:90vh}@media(max-width:1200px){html[data-page=profile] main .modal .grid_container{grid-template-rows:repeat(3,min-content);gap:3vw;height:auto}}html[data-page=profile] main .modal .grid_container>img{grid-column:1;grid-row:1/3;width:auto;height:90vh}@media(max-width:1200px){html[data-page=profile] main .modal .grid_container>img{grid-column:1;grid-row:1;width:100%;height:auto}}html[data-page=profile] main .modal .grid_container .bio{grid-column:2;grid-row:1;display:flex;flex-direction:column;aspect-ratio:16/9;height:42.5vh;padding:5vh;border:1px solid #ccc}@media(max-width:1200px){html[data-page=profile] main .modal .grid_container .bio{grid-column:1;grid-row:2;padding:3vw;aspect-ratio:auto;height:auto}}html[data-page=profile] main .modal .grid_container .bio .name{font-size:4.9vh;font-weight:600}@media(max-width:1200px){html[data-page=profile] main .modal .grid_container .bio .name{font-size:10vw;font-weight:500}}html[data-page=profile] main .modal .grid_container .bio .birth,html[data-page=profile] main .modal .grid_container .bio .nation,html[data-page=profile] main .modal .grid_container .bio .intro{font-size:2.8vh;font-weight:400}@media(max-width:1200px){html[data-page=profile] main .modal .grid_container .bio .birth,html[data-page=profile] main .modal .grid_container .bio .nation,html[data-page=profile] main .modal .grid_container .bio .intro{font-size:6vw}}html[data-page=profile] main .modal .grid_container .bio .intro{margin-top:auto}@media(max-width:1200px){html[data-page=profile] main .modal .grid_container .bio .intro{margin-top:3vw}}html[data-page=profile] main .modal .grid_container>iframe{grid-column:2;grid-row:2;height:42.5vh}@media(max-width:1200px){html[data-page=profile] main .modal .grid_container>iframe{grid-column:1;grid-row:3;height:auto}}html[data-page=discography] main .thumb_container{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,1fr);gap:1vw}@media(max-width:1200px){html[data-page=discography] main .thumb_container{grid-template-columns:1fr 1fr;grid-template-rows:repeat(15,1fr);gap:3vw}}html[data-page=discography] main .thumb_container>img{width:100%;height:auto;border:1px solid #ccc;opacity:0;transition:opacity .3s;cursor:pointer}html[data-page=discography] main .thumb_container>img.loaded{opacity:1}@media(max-width:1200px){html[data-page=discography] main .modal{align-items:flex-start;padding:3%}}html[data-page=discography] main .modal .grid_container{display:grid;grid-template-columns:35vw minmax(35vw,1fr);column-gap:2.4vw}@media(max-width:1200px){html[data-page=discography] main .modal .grid_container{grid-template-columns:1fr;row-gap:3vw}}html[data-page=discography] main .modal .grid_container>img{width:100%}html[data-page=discography] main .modal .grid_container .text_detail{padding:2.4vw;border:1px solid #ccc;overflow:hidden;line-height:1.5}@media(max-width:1200px){html[data-page=discography] main .modal .grid_container .text_detail{padding:3vw}}html[data-page=discography] main .modal .grid_container .text_detail .title{display:inline-block;font-size:2.3vw;font-weight:600;white-space:nowrap}@media(max-width:1200px){html[data-page=discography] main .modal .grid_container .text_detail .title{display:block;font-size:10vw;font-weight:500;overflow:hidden;text-overflow:ellipsis}}html[data-page=discography] main .modal .grid_container .text_detail .release{display:inline-block;margin-left:1vw;font-size:1.1vw;font-weight:400}@media(max-width:1200px){html[data-page=discography] main .modal .grid_container .text_detail .release{display:block;margin:0;font-size:5.2vw}}html[data-page=discography] main .modal .grid_container .text_detail .tracklist{font-weight:400}@media(max-width:1200px){html[data-page=discography] main .modal .grid_container .text_detail .tracklist{margin-top:4.5vw}}html[data-page=discography] main .modal .grid_container .text_detail .tracklist .track{vertical-align:middle;font-size:1.3vw}@media(max-width:1200px){html[data-page=discography] main .modal .grid_container .text_detail .tracklist .track{font-size:6vw}}html[data-page=discography] main .modal .grid_container .text_detail .tracklist .author{vertical-align:middle;font-size:1vw}@media(max-width:1200px){html[data-page=discography] main .modal .grid_container .text_detail .tracklist .author{font-size:4.5vw}}html[data-page=gallery] main .thumb_container{display:flex;flex-wrap:wrap;gap:.54vw}@media(max-width:1200px){html[data-page=gallery] main .thumb_container{column-gap:0;row-gap:3vw;justify-content:space-between}}html[data-page=gallery] main .thumb_container>img{flex-grow:1;height:11.46vw;width:auto;border:1px solid #ccc;opacity:0;transition:opacity .3s;cursor:pointer;object-fit:cover;overflow-x:visible}@media(max-width:1200px){html[data-page=gallery] main .thumb_container>img{flex-grow:0;width:48.5vw;height:60vw;overflow-x:clip}}html[data-page=gallery] main .thumb_container>img.loaded{opacity:1}html[data-page=gallery] main .modal .prev,html[data-page=gallery] main .modal .next{position:absolute;padding:0 1vw;border:1px solid #ccc;font-size:4vw;color:#fff;text-shadow:0px 0px 1px #000;cursor:pointer}html[data-page=gallery] main .modal .prev::selection,html[data-page=gallery] main .modal .next::selection{background:none}@media(max-width:1200px){html[data-page=gallery] main .modal .prev,html[data-page=gallery] main .modal .next{padding:0;border:none;background:none;font-size:13vw}}html[data-page=gallery] main .modal .prev{left:3vw}html[data-page=gallery] main .modal .next{right:3vw}@media(max-width:1200px){html[data-page=gallery] main .modal .prev.frost,html[data-page=gallery] main .modal .next.frost{-webkit-backdrop-filter:none;backdrop-filter:none}}html[data-page=gallery] main .modal>img{max-width:94vw;max-height:94vh}html[data-page=choreography] main{display:flex;justify-content:center}html[data-page=video] main{display:flex;justify-content:center}