*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;max-width:100vw}h2{font-size:2.75rem;font-family:Baskervville,serif;font-optical-sizing:auto;font-weight:600;font-style:bold}h3{font-size:2rem;font-family:Baskervville,serif;font-optical-sizing:auto;font-weight:400;font-style:medium}p{font-size:1rem;text-align:center;z-index:1;font-family:Hina Mincho,serif;font-weight:400;font-style:normal;overflow-x:hidden}a{text-decoration:none}#loading{width:100vw;height:100vh;transition:all 1s;background-image:linear-gradient(#030c21,#1f1b45 69%,#5a2956);position:fixed;top:0;left:0;z-index:9999}.progress-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;font-family:Hina Mincho,serif;font-weight:400;font-style:normal;overflow-x:hidden}.progress-text{font-size:1.2rem;margin-bottom:20px;opacity:.8}.progress-percentage{font-size:3rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.loaded{opacity:0;visibility:hidden}.content-container{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#000}.bg-img{display:block;width:100%;height:100%;object-fit:cover;opacity:50%;margin:0}.person-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;max-width:40vw;height:auto}.frame{position:fixed;inset:0;pointer-events:none;z-index:999}.frame:after{content:"";position:absolute;inset:10px;box-sizing:border-box}.frame:before{content:"";position:fixed;inset:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 12%,transparent 95%,black 100%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-image:linear-gradient(to bottom,black 0%,transparent 12%,transparent 95%,black 100%);mask-repeat:no-repeat;mask-size:100% 100%}.first-view{position:relative;height:110vh;width:100vw}.first-view_grad{height:110vh;width:100vw;display:flex;mask-image:linear-gradient(to bottom,#000 0% 70%,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%);position:relative}.first-img{width:75vw;height:110vh;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;transform:scale(1.05);transition:transform 1s ease-out}.first-img.fade-in{transform:scale(1)}.first-view_grad img{height:110vh;object-fit:cover;object-position:center;min-width:100%;position:absolute;left:50%;transform:translate(-50%)}.first-copy{background-color:#1f1b45;width:25vw;display:flex;justify-content:center;align-items:start}.copy{writing-mode:vertical-rl;margin-top:150px;font-size:2.75rem;opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.copy.fade-in{opacity:1;transform:translateY(0)}.logo-section{position:absolute;bottom:200px;left:40px;z-index:10}.logo{width:40vw;max-width:1000px;height:auto;filter:drop-shadow(0 0 10px rgba(0,0,0,.5))}.content-info{padding:0 10vh;display:flex;flex-direction:column;align-items:center;width:100%}.section-line{margin:60px 0;width:80%;height:1px;background-color:transparent}.section-title{margin-bottom:20px;position:relative;display:flex;justify-content:center;align-items:center;width:100%}.section-title:before,.section-title:after{content:"";background-color:#fff;width:60px;height:1px;margin:0 20px}.abstract{width:100%;display:grid;grid-template-columns:1fr 1fr}.jacket{width:100%;display:flex;justify-content:center;align-items:center}.jacket-img{width:100%;margin:100px 0;max-width:50vw;min-width:30vw;box-shadow:0 0 10px #00000080;border-radius:8px}.tracklist{display:flex;justify-content:center;align-items:center}.tr-title{font-size:1.75rem;margin-top:16px}.XFD-container{width:100%;gap:100px;display:flex}.xfd{width:100%}.xfd-sc,.xfd-yt{width:100%;height:400px}iframe{width:100%;height:100%;border-radius:8px}.info-container{display:grid;grid-template-columns:1fr 1fr;width:100%}.item-info{min-width:30%}.event-section .title{display:flex;justify-content:center;align-items:center}.event-section .title p{font-size:1.4rem}.event-section .description{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.event-section .description p{font-size:1.5rem}.credit-info{min-width:30%}.credit-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:20px}.credit-container .title{display:flex;justify-content:end;align-items:center}.credit-container .title p{font-size:1rem}.credit-container .name,.credit-container .name-jp{display:flex;justify-content:start;align-items:center}.credit-container .name p{font-size:1.5rem}.credit-container .name-jp p{font-size:1.2rem}.share-container{display:flex;justify-content:center;margin-top:2.5rem}.share-button{display:flex;gap:1rem;align-items:center;border-radius:.75rem;border:#fff solid 2px;padding:1rem}.icon-container{color:#fff}.icon-wrapper{display:flex;justify-content:center}.separator{background-color:#f8fafc;width:2px;height:1.5rem;margin:auto;border-radius:.75rem}.share-text{color:#fff}.share-button:hover{background-color:#fff}.share-button:hover *{color:#030c21}.share-button:hover .separator{background-color:#030c21}.share-button:hover svg{color:#030c21}.button-text{color:#fff;margin:0 10px}@media screen and (max-width: 768px){h2{font-size:2rem;font-family:Baskervville,serif;font-optical-sizing:auto;font-weight:600;font-style:bold}h3{font-size:1.5rem;font-family:Baskervville,serif;font-optical-sizing:auto;font-weight:400;font-style:medium}.logo-section{bottom:200px;left:20px}.logo{width:60vw;max-width:400px}.content-info{padding:0 24px;display:flex;flex-direction:column;align-items:center}.section-title:before{content:"";background-color:#fff;width:60px;height:1px}.section-title:after{content:"";background-color:#fff;width:60px;height:1px}.first-view{flex-direction:column;position:relative}.first-img{width:100vw;height:110vh}.first-view img{width:100vw;min-width:unset}.first-copy{position:absolute;top:0;right:0;width:35vw;height:110vh;background:linear-gradient(to right,#1f1b4500,#1f1b45cc 70%,#1f1b45)}.copy{writing-mode:vertical-rl;margin-left:40px;margin-top:100px;font-size:2rem}.abstract{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.jacket-img{width:100%;max-width:none;margin-top:100px;margin-bottom:40px;box-shadow:#030c21}.tracklist-content{display:flex;justify-content:center;align-items:center;margin-top:64px}.track-list{position:relative;display:flex;justify-content:center;align-items:center}.track-list:before,.track-list:after{content:"";background-color:#fff;width:60px;height:1px;margin:0 20px}.tr-title{font-size:1.2rem;margin-top:16px}.xfd{width:100%}.XFD-container{width:100%;display:flex;flex-direction:column;gap:20px}.xfd-sc,.xfd-yt{width:100%;display:flex;justify-content:center;align-items:center}.info-container{display:flex;flex-direction:column;width:100%;gap:40px}.event-section div p{font-size:1rem}}.button-container{width:50%;max-width:200px;height:20%;max-height:60px;display:flex;justify-content:center;align-items:center;margin:40px 0;padding:10px;border:solid 2px;border-color:#ddd;border-radius:1000px;transition:all .1s ease 0s}.button-container:hover{transition:all .1s ease 0s;color:#000;background-color:#ddd}.back-arrow{margin-right:5px;margin-left:5px}.button-text{margin-right:10px}.button-text-center{margin:auto}@media screen and (max-width: 768px){.button-container{width:75%;max-width:120px;margin:40px 0}}