@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}button{display:flex;border:1px solid #ccc;background:none;cursor:pointer;opacity:0;transition:opacity .3s}button.loaded{opacity:1}button:focus-visible,a:focus-visible{outline:3px solid #000}img{display:block}.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;z-index:10;width:100vw;background:#fffc}@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{position:relative;text-decoration:none;font-size:1.5vw;font-weight:600;color:#000}header .desktop>a:after{content:"";position:absolute;left:50%;bottom:-.2vw;width:100%;height:.155vw;background:#000;transform:translate(-50%) scaleX(0);transform-origin:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}header .desktop>a:hover:after{transform:translate(-50%) scaleX(1)}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:#fffc}@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)}@media(max-width:1200px){html[data-page=home] body header,html[data-page=home] body footer{filter:invert(0)}}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}@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>button{border:none}html[data-page=profile] main .thumb_container>button>img{width:100%;height:100%}@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);gap:1vw}@media(max-width:1200px){html[data-page=discography] main .thumb_container{grid-template-columns:1fr 1fr;gap:3vw}}html[data-page=discography] main .thumb_container>button{aspect-ratio:1}html[data-page=discography] main .thumb_container>button>img{width:100%;height:100%}@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:.5vw}@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>button{flex-grow:1;height:14vw;max-width:14vw;overflow:hidden}@media(max-width:1200px){html[data-page=gallery] main .thumb_container>button{flex-grow:0;width:45.5vw;height:60vw;max-width:none}}html[data-page=gallery] main .thumb_container>button>img{width:100%;height:100%;object-fit:cover;object-position:top;overflow:visible}@media(max-width:1200px){html[data-page=gallery] main .thumb_container>button>img{object-position:center}}html[data-page=gallery] main .modal>img{max-width:94vw;max-height:94vh}html[data-page=choreography] main .thumb_container,html[data-page=video] main .thumb_container{display:grid;grid-template-columns:repeat(4,1fr);gap:1vw}@media(max-width:1200px){html[data-page=choreography] main .thumb_container,html[data-page=video] main .thumb_container{grid-template-columns:1fr 1fr;gap:3vw}}@media(max-width:500px){html[data-page=choreography] main .thumb_container,html[data-page=video] main .thumb_container{grid-template-columns:1fr}}html[data-page=choreography] main .thumb_container>button,html[data-page=video] main .thumb_container>button{position:relative;overflow:hidden;aspect-ratio:16/9}html[data-page=choreography] main .thumb_container>button>img,html[data-page=video] main .thumb_container>button>img{width:100%;height:100%}html[data-page=choreography] main .thumb_container>button>div,html[data-page=video] main .thumb_container>button>div{position:absolute;display:flex;justify-content:center;align-items:center;bottom:0;left:0;width:100%;height:20%;background:#ffffffb3;font-size:1.1vw;font-weight:500;font-family:cabin,arial;color:#000;text-transform:uppercase}@media(max-width:1200px){html[data-page=choreography] main .thumb_container>button>div,html[data-page=video] main .thumb_container>button>div{font-size:2.7vw}}@media(max-width:500px){html[data-page=choreography] main .thumb_container>button>div,html[data-page=video] main .thumb_container>button>div{font-size:5.2vw}}html[data-page=choreography] main .modal>iframe,html[data-page=video] main .modal>iframe{width:60vw}