@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Noto+Serif+JP:wght@200..900&display=swap";#music-player{display:flex;gap:12px}#music-player-button{background:var(--yellow);width:60px;height:60px;border-radius:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:opacity .3s}#music-player-button:hover{opacity:.7}#music-player-button:before{content:"";position:absolute;background:#fff;width:24px;height:21px;clip-path:polygon(30% 0%,100% 50%,30% 100%);transition:transform .5s,opacity .5s;transform:translateY(0);opacity:1}#music-player-button:after{content:"";position:absolute;width:6px;height:21px;border-left:6px solid white;border-right:6px solid white;transition:transform .5s,opacity .5s;transform:translateY(30px);opacity:0}#music-player[data-is-playing=true] #music-player-button:before{transform:translateY(-30px);opacity:0}#music-player[data-is-playing=true] #music-player-button:after{transform:translateY(0);opacity:1}#music-player canvas{position:absolute;width:100%;height:56px}#music-player-message{position:absolute;font:400 12px Noto Serif JP;color:var(--green);letter-spacing:.05em;margin-left:6px;bottom:0}.slide-enter-active,.slide-leave-active{transition:transform .5s,opacity .5s}.slide-enter-from{transform:translateY(15px);opacity:0}.slide-leave-to{transform:translateY(-15px);opacity:0}#grid-layout{display:grid;grid-template-columns:5% 1fr 65% 5%;grid-template-rows:600px 1200px}#cover-art{position:relative;grid-area:1 / 3 / -1 / -1;z-index:-1;overflow:hidden}#cover-art>img{position:relative;width:100%;height:100%;object-fit:cover;object-position:left top}#grid-layout-title{margin-top:90px;grid-area:1 / 2 / 1 / -1;display:flex;flex-direction:column;justify-content:space-between}#title-tag{font:400 12px Noto Serif JP;color:var(--green);letter-spacing:1em}h1{color:#fff;font:200 100px Noto Serif JP;line-height:1.5;letter-spacing:.2em;margin-top:15px;mix-blend-mode:difference;user-select:none;-webkit-user-select:none}h1>div{position:relative}h1 span{display:inline-block;transform:skew(-10deg)}#grid-layout-content{grid-area:2 / 2 / 2 / 2;padding-top:120px}#grid-layout-content a{color:unset;text-decoration:none}.shop-link{font:400 18px Noto Serif JP;border:1px solid;text-align:center;letter-spacing:.1em;padding:6px;margin-bottom:15px;margin-right:39px;transition:background-color .3s,border-color .3s,color .3s;cursor:pointer}.shop-link:hover{background:var(--yellow);border-color:var(--yellow);color:#fff}#album-description span{display:inline-block}#cover-art:after{content:"";position:absolute;width:100%;height:100%;top:1px;left:0;background:linear-gradient(0deg,white 0%,transparent 30%)}@media (max-width: 1200px){#grid-layout{grid-template-columns:1fr;grid-template-rows:auto 1200px}#grid-layout-title{grid-area:1 / 1 / 1 / 1;padding-left:5%}h1{font-size:80px;margin-bottom:.5em}#grid-layout-content{grid-area:2 / 1 / 2 / 1;width:90%;margin:0 auto;padding-top:360px}#grid-layout-content h2{color:var(--dark-green)}#cover-art{position:relative;grid-area:2 / 1 / 2 / 1;z-index:-1}#cover-art:after{background:linear-gradient(0deg,white 0%,#ffffffaa 60%,transparent 90%)}.shop-link{margin-right:0}}@media (max-width: 700px){h1{font-size:50px}}.track-list{max-width:700px;width:90%;margin:90px auto auto;display:flex;flex-direction:column;gap:9px}.track-item{display:flex;justify-content:space-between;align-items:center}.track-item+.track-item{border-top:1px dashed var(--green);padding-top:15px}.track-item-index{color:var(--green);font:400 27px Bodoni Moda;letter-spacing:.1em}.track-item-name{color:#000;font:400 16px Noto Serif JP;letter-spacing:.1em;margin-bottom:3px}@media (max-width: 700px){.track-list{width:90%}.track-item-index{font-size:21px}.track-item-name{font-size:12px;letter-spacing:0}}.event-info{max-width:900px;width:90%;margin:90px auto auto;display:grid;grid-template-columns:1fr 330px;gap:5vw}@media (max-width: 700px){.event-info{grid-template-columns:1fr;gap:30px}.event-info>div{height:300px}}.credit-list{max-width:75%;margin:90px auto auto;display:grid;grid-template-columns:1fr 1fr;gap:60px}.credit-category{display:flex;flex-direction:column;gap:36px;margin-top:60px}.credit-role{color:var(--dark-green);font:700 12px Noto Serif JP;letter-spacing:.1em;margin-bottom:9px}.credit-name{color:#000;font:400 24px Noto Serif JP;letter-spacing:.1em}@media (max-width: 700px){.credit-list{grid-template-columns:1fr}.credit-name{font-size:18px}}:root{--yellow: #f8e052;--green: #a8ceae;--dark-green: #477e54}::selection{background:var(--yellow)}html{scroll-behavior:smooth}body{margin:0;background:#fff}section{text-align:center;margin:150px 0;padding-top:30px}h2{color:var(--dark-green);font:200 39px Noto Serif JP;letter-spacing:.05em}h3{color:var(--dark-green);font:200 24px Noto Serif JP;letter-spacing:.1em}p{font:400 15px Noto Serif JP;line-height:2;letter-spacing:.1em}#preview-video{width:700px;max-width:90%;aspect-ratio:1.777;margin:0 auto 120px}footer{text-align:center;font:400 12px Noto Serif JP;letter-spacing:.2em;padding-bottom:90px}#links{display:flex;align-items:center;gap:15px;font:400 12px Noto Serif JP;color:#fff;letter-spacing:.1em;position:fixed;right:0;top:0;background:linear-gradient(90deg,transparent 0%,var(--green) 33%);padding:15px 45px 15px 75px}@media (max-width: 1200px){#links{top:unset;bottom:0}}@media (max-width: 700px){h2{font-size:24px}h3{font-size:18px}p{font-size:12px}}