:root{color-scheme:dark;--paper:#eee;--muted:#c4c4c4;--fx:50vw;--fy:42vh;--radius:340px;--px:0px;--py:0px;--pad:clamp(24px,5vw,80px)}
/* Times New Roman has no native light weight; gently soften its stroke edges. */
body{-webkit-text-stroke:.22px rgba(9,9,9,.75)}
h1{-webkit-text-stroke:.8px rgba(9,9,9,.85)}
.album-caption #album-name,.track-title{-webkit-text-stroke:.3px rgba(9,9,9,.8)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#090909;color:var(--paper);font-family:"Times New Roman",Times,serif;font-weight:400;text-transform:lowercase;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:1px solid #eee;outline-offset:8px}::selection{background:#eee;color:#111}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:20;background:#111;padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.environment{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#090909}.landscape{position:absolute;inset:-4%;background:url('assets/forest.jpeg') center/cover no-repeat;transform:translate3d(var(--px),var(--py),0) scale(1.045);will-change:transform}.landscape-blur{filter:blur(7px) brightness(.55) saturate(.68)}.landscape-clear{filter:brightness(.68) saturate(.76);mask-image:radial-gradient(ellipse var(--radius) var(--radius) at calc(var(--fx) + 4%) calc(var(--fy) + 4%),#000 0%,rgba(0,0,0,.95) 15%,rgba(0,0,0,.68) 38%,rgba(0,0,0,.28) 62%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse var(--radius) var(--radius) at calc(var(--fx) + 4%) calc(var(--fy) + 4%),#000 0%,rgba(0,0,0,.95) 15%,rgba(0,0,0,.68) 38%,rgba(0,0,0,.28) 62%,transparent 100%)}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#0001,#0002 50%,#0005),radial-gradient(ellipse at center,transparent 30%,#0006)}.grain{position:absolute;inset:-20%;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");animation:grain 1s steps(2) infinite}
.masthead{display:flex;align-items:center;justify-content:space-between;padding:30px var(--pad);gap:24px}.wordmark{font-size:20px}.masthead nav{display:flex;gap:30px;font-size:18px}.magnetic{display:inline-block;transition:opacity .3s,transform .3s}.magnetic:hover{opacity:.72}.hero{min-height:32svh;padding:30px var(--pad) 50px;display:flex;align-items:center;justify-content:center}h1{font-size:clamp(80px,17vw,240px);line-height:1.05;letter-spacing:-.045em;font-weight:400;margin:0;position:relative;text-shadow:0 4px 40px #0003}h1:after{content:attr(data-text);position:absolute;inset:0;color:#eee;opacity:0;pointer-events:none;animation:ghost 18s infinite;clip-path:inset(42% 0 38% 0)}
.music-section{padding:0 var(--pad) 70px}.album-stage{display:flex;justify-content:center;padding:0 0 25px}.album-interaction{width:min(100%,380px);perspective:1200px}.album-toggle{border:0;padding:0;background:transparent;width:100%;cursor:pointer;text-align:left;display:block}.artwork-space{display:block;height:var(--cover-size,380px);position:relative;transition:height 1s cubic-bezier(.22,1,.36,1);perspective:1100px}.artwork-float{display:block;width:100%;height:100%;animation:float 10s ease-in-out infinite;transform-origin:top center}.artwork{display:block;width:100%;height:100%;background:url('assets/transcendence.png') center/cover no-repeat;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .55s cubic-bezier(.2,.8,.2,1);overflow:hidden}.album-caption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:24px;line-height:1.3}.album-caption #album-name{font-size:30px}.toggle-label{font-size:16px;color:var(--muted)}.album-toggle:hover .toggle-label{color:#fff}.album-meta{font-size:16px;color:var(--muted);margin:10px 0 0}.tracklist{opacity:0;max-height:0;overflow:hidden;transition:opacity .4s,max-height 1.25s cubic-bezier(.22,1,.36,1);pointer-events:none}.tracklist ol{list-style:none;padding:0;margin:26px 0 0}.tracklist li{padding:9px 0;transform:translate3d(-25px,10px,0);opacity:0;filter:blur(4px);transition:opacity .5s,filter .7s,transform .8s;transition-delay:0s;line-height:1.25}.track-title{font-size:23px}.album-stage.is-open .artwork-space{height:20px}.album-stage.is-open .artwork-float{animation:none}.album-stage.is-open .artwork{transform:none}.album-stage.is-open .tracklist{max-height:850px;opacity:1;pointer-events:auto;transition:opacity .7s .2s,max-height 1.25s cubic-bezier(.22,1,.36,1)}.album-stage.is-open .tracklist li{opacity:1;transform:translate3d(0,0,0);filter:blur(0);transition-delay:calc(.2s + var(--i)*.065s)}
.social-section,.contact-section{padding:45px var(--pad);text-align:center}.social-links{display:flex;justify-content:center;flex-wrap:wrap;gap:22px 42px}.social-link{font-size:23px;transition:opacity .4s,transform .3s}.social-link:hover{opacity:.7}.social-link[aria-disabled=true],.contact-link[aria-disabled=true]{cursor:default;color:var(--muted)}.contact-link{font-size:23px}.contact-section{padding-top:15px;padding-bottom:85px}footer{margin:0 var(--pad);padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:15px;color:var(--muted)}footer button{background:none;border:0;cursor:pointer;padding:10px;font-size:15px}.entrance{animation:arrive 1.2s cubic-bezier(.2,.8,.2,1) both}h1.entrance{animation-delay:.15s}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity 1s,transform 1s}.js .reveal.visible{opacity:1;transform:none}
@keyframes arrive{from{opacity:0;filter:blur(5px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:none}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes grain{0%,100%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}@keyframes ghost{0%,94%,98%,100%{opacity:0;transform:translateX(0)}95%{opacity:.1;transform:translateX(2px)}96%{opacity:.04;transform:translateX(-1px)}97%{opacity:.08;transform:translateX(1px)}}
@media(max-width:600px){:root{--radius:250px}.masthead{padding-top:24px}.wordmark{font-size:17px}.masthead nav{gap:18px;font-size:17px}.hero{min-height:27svh;padding:28px var(--pad) 48px}h1{font-size:20vw;letter-spacing:-.045em}.music-section{padding-bottom:45px}.album-interaction{width:min(100%,330px)}.album-caption #album-name{font-size:28px}.social-section{padding-top:20px}.social-links{gap:18px 28px}.social-link,.contact-link{font-size:21px}.contact-section{padding-bottom:55px}.track-title{font-size:22px}}
@media(max-width:360px){.masthead{gap:16px}.masthead nav{gap:12px;font-size:16px}.wordmark{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}html.motion-off{scroll-behavior:auto}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off .reveal{opacity:1;transform:none}