@import"base.css";:root{--menu-bg-color: var(--primary-text-color);--menu-text-color: var(--primary-bg-color)}body{margin:0;padding:0;background:var(--primary-bg-color);font-family:Damryl,Fallback,sans-serif;position:fixed;top:0;left:0;height:var(--app-shell-height, 100dvh);width:100%;overflow:hidden}#release-layout{display:flex;align-items:stretch;min-height:100dvh;max-width:1200px;margin:0 auto;transform:translate(calc(var(--scrollbar-width, 0px) / 2));padding:0 4vw;opacity:0;transition:opacity .5s ease-out}#release-layout.loaded{opacity:1}#release-visual{position:relative;flex:1 1 50%;min-width:0;height:100dvh;position:sticky;top:0;align-self:flex-start}#release-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}#release-info{flex:1 1 50%;min-width:0;min-height:100dvh;box-sizing:border-box;padding:3vh min(4vw,52px) calc(8dvh + 4vh) 0;text-align:left;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.release-tag{display:inline-block;font-family:Berkley Mono,Fallback,sans-serif;font-size:clamp(10px,1vw,14px);letter-spacing:.05em;color:var(--primary-text-color);background-color:transparent;border:1px solid var(--primary-text-color);box-sizing:border-box;padding:4px .6em}.release-title{font-family:Damryl,Fallback,sans-serif;font-size:clamp(30px,4.25vw,54px);margin-top:1vh;color:var(--primary-text-color);margin-bottom:.5vh;position:relative;line-height:1.2;min-height:1.2em;transition:min-height .2s ease-out}.release-title .heading-beam-mask{position:absolute;left:0;top:50%;transform:translateY(-50%);width:300vw;height:9px;clip-path:inset(-9999px -9999px -9999px 0);pointer-events:none}.release-title .heading-beam{position:absolute;right:100%;top:50%;width:100vw;height:15px;background:linear-gradient(to right,transparent 0%,var(--secondary-text-color) 20%,var(--secondary-text-color) 80%,transparent 100%);filter:drop-shadow(0 0 6px var(--secondary-text-color)) drop-shadow(0 0 14px var(--secondary-text-color));transform:translateY(-50%) translate(200vw);transition:transform var(--beam-duration, .8s) ease-out}.release-title .heading-beam:after{content:"";position:absolute;top:50%;left:0;right:0;height:4px;transform:translateY(-50%);background:linear-gradient(to right,transparent 0%,#fff 20%,#fff 80%,transparent 100%);filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px #fff);opacity:0}.release-title .heading-beam.sweep:after{animation:heading-beam-core-pulse var(--beam-duration, .8s)}@keyframes heading-beam-core-pulse{0%{opacity:0;animation-timing-function:ease-in}50%{opacity:.5;animation-timing-function:ease-out}to{opacity:0}}.release-title .heading-beam.sweep{transform:translateY(-50%) translate(0)}.release-title .typing-char{color:var(--secondary-text-color);text-shadow:0 0 6px var(--secondary-text-color)}.release-meta{display:flex;align-items:center;gap:1em}.release-year{display:inline-block;font-family:Berkley Mono,Fallback,sans-serif;font-size:clamp(10px,1vw,14px);letter-spacing:.05em;color:var(--primary-text-color);background-color:var(--secondary-text-color);border:1px solid transparent;box-sizing:border-box;padding:4px .6em}.release-section-heading{font-family:Berkley Mono,Fallback,sans-serif;font-size:clamp(16px,1.25vw,22px);letter-spacing:.1em;color:var(--primary-text-color);opacity:.7;margin-top:2vh;margin-bottom:.735vh}.release-tracklist{list-style:none;margin:0 0 2vh;padding:0;font-family:Berkley Mono,Fallback,sans-serif;counter-reset:track}.release-tracklist li{counter-increment:track;display:flex;align-items:baseline;gap:1em;font-size:clamp(16px,1.25vw,22px);color:#eee;padding:.6em 0;border-bottom:1px solid rgba(255,255,255,.15)}.release-tracklist li:before{content:counter(track,decimal-leading-zero);color:var(--secondary-text-color);flex-shrink:0}.release-description,.release-credits{font-family:Berkley Mono,Fallback,sans-serif;font-size:clamp(16px,1.25vw,22px);line-height:1.6;color:#eee;max-width:60ch;white-space:pre-line}.release-links{display:flex;flex-wrap:wrap;gap:1.5vh;margin-top:2vh;margin-bottom:2vh}.release-link{display:inline-block;font-family:Berkley Mono,Fallback,sans-serif;font-size:clamp(10px,1vw,18px);color:var(--primary-bg-color);background-color:var(--primary-text-color);text-decoration:none;padding:.5vh 1.1vh;border:1px solid transparent;box-sizing:border-box}.release-link:hover{color:var(--primary-text-color);background-color:var(--primary-bg-color);border-color:var(--primary-text-color)}#scroll-hint{display:none}@media(max-width:700px){#scroll-hint{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;left:0;width:100%;height:8dvh;color:var(--primary-text-color);opacity:0;pointer-events:none;transition:opacity .4s ease-out;z-index:21}#scroll-hint svg{width:clamp(24px,2.5vw,34px);height:auto}#scroll-hint.visible{opacity:1;animation:scroll-hint-bounce 1.2s ease-in-out infinite}body:has(#menu.menu-open) #scroll-hint{opacity:0}@keyframes scroll-hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}#release-layout{flex-direction:column;padding-bottom:8vh}#release-visual{position:relative;top:auto;height:60vh;flex:none;align-self:stretch}#release-info{flex:none;min-height:0;justify-content:flex-start}#release-info #release-visual{margin-right:-4vw}.release-description,.release-credits{max-width:none}.release-link{font-size:clamp(12px,1.25vw,18px)}}
