:root{--bg: #120302;--bg-soft: #1a0705;--text: #f2ebe8;--muted: #d7c8c0;--line: rgba(255, 255, 255, .2);--line-soft: rgba(255, 255, 255, .12);--accent: #ffffff;--max-width: 1100px;--nav-height: 86px;--body-font: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(55,22,17,.45),transparent 35%),radial-gradient(circle at 85% 15%,rgba(35,13,10,.35),transparent 45%),var(--bg);color:var(--text);font-family:var(--body-font);line-height:1.65;letter-spacing:.01em}body.mobile-nav-open{overflow:hidden}a{color:inherit}#main-content{padding-top:var(--nav-height)}.site-header{position:fixed;inset:0 0 auto;z-index:30;background:linear-gradient(to bottom,#0c0201d1,#0c02018a);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-soft)}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:40;background:#fff;color:#111;padding:.5rem .7rem}.skip-link:focus{top:.7rem}.nav-shell{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;min-height:var(--nav-height);display:flex;align-items:center}.desktop-nav{width:100%;display:grid;align-items:center;grid-template-columns:1fr auto 1fr;gap:1rem}.desktop-group{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:clamp(.95rem,1.8vw,1.55rem)}.desktop-group--right{justify-content:flex-end}.desktop-nav a,.mobile-nav a{text-transform:uppercase;text-decoration:none;letter-spacing:.22em;font-size:.65rem;color:#f7f0eec7;transition:color .2s ease,opacity .2s ease}.desktop-nav a:hover,.mobile-nav a:hover,.desktop-nav a:focus-visible,.mobile-nav a:focus-visible,.desktop-nav a.active,.mobile-nav a.active{color:#fff}.brand{font-family:Abel,sans-serif;font-size:clamp(1.25rem,2vw,1.7rem)!important;letter-spacing:.32em!important;white-space:nowrap}.mobile-toggle{display:none;border:0;background:transparent;color:#fff;width:2.5rem;height:2.5rem;margin-left:auto;padding:.35rem;cursor:pointer}.mobile-toggle span{display:block;width:100%;height:2px;margin:5px 0;background:#fff}.mobile-nav{display:none;border-top:1px solid var(--line-soft);background:#070101f2}.mobile-nav ul{margin:0;padding:1rem 1.5rem 1.4rem;list-style:none;display:grid;gap:.95rem}.mobile-nav a{font-size:.8rem}.hero{position:relative;min-height:min(78vh,600px);display:grid;place-items:center;text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url(/images/swim.jpg) center 36% / cover no-repeat;filter:blur(1.4px) saturate(.95);transform:scale(1)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(7,2,1,.1),rgba(7,2,1,.46) 62%,var(--bg) 100%)}.hero-inner{position:relative;z-index:1;display:grid;gap:1.2rem;justify-items:center;padding:2rem 1rem}.hero h1,.page-title{margin:0;font-family:Abel,sans-serif;text-transform:uppercase;letter-spacing:.09em;font-size:clamp(2.3rem,5vw,4.4rem)}.button-outline{display:inline-block;min-width:180px;border:1px solid var(--line);padding:.85rem 1.4rem;text-decoration:none;text-transform:uppercase;letter-spacing:.3em;font-size:.76rem}.button-outline:hover,.button-outline:focus-visible{border-color:#fff;background:#ffffff1a}.hero .sub-link{text-decoration:none;font-size:1.05rem}.hero .sub-link:hover,.hero .sub-link:focus-visible{text-decoration:underline}.section-wrap{max-width:var(--max-width);margin:0 auto;padding:3.5rem 1.5rem 2.7rem}.album-section{border-top:1px solid rgba(255,255,255,.05);padding-top:2.8rem}.album-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(420px,620px);gap:clamp(1.2rem,4vw,3.25rem);justify-content:space-between;align-items:start}.album-meta h2{margin:1.3rem 0 0;font-family:Abel,sans-serif;font-size:clamp(2rem,4vw,3rem);text-transform:uppercase;letter-spacing:.08em;line-height:1.03}.album-meta .artist{margin:.2rem 0 1.4rem;font-size:.93rem}.album-meta p{margin:0 0 1rem;max-width:52ch}.album-cover{position:relative;display:block;width:100%;max-width:300px;border:1px solid rgba(255,255,255,.2);padding:0;margin:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.album-cover img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.album-cover:hover,.album-cover:focus-visible{border-color:#ffffff80}.album-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;border-radius:999px;background:#070707a6;display:grid;place-items:center;font-size:1rem}.track-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line-soft)}.track-list li{--track-progress: 0%;position:relative;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:2.2rem minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.86rem 0}.track-list li:after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:var(--track-progress);background:#ffffff73;transition:width .15s linear}.track-play-button{border:1px solid rgba(255,255,255,.24);background:#ffffff0a;color:#fff;width:1.85rem;height:1.85rem;border-radius:999px;display:grid;place-items:center;padding:0;cursor:pointer}.track-play-symbol{display:inline-block;font-size:.62rem;line-height:1;transform:translate(1px)}.track-play-button:hover,.track-play-button:focus-visible{background:#ffffff24;border-color:#ffffff8c}.track-title-button{border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:0;margin:0;cursor:pointer}.track-title-button:hover,.track-title-button:focus-visible{text-decoration:underline}.track-duration{font-size:.88rem;opacity:.9}.track-row.is-active .track-title-button{color:#fff}.track-row.is-playing .track-play-button{background:#ffffff24;border-color:#ffffff8c}.content-shell{max-width:var(--max-width);margin:0 auto;padding:2.8rem 1.5rem 2rem}.content-shell h1{margin:0 0 1.6rem;font-family:Abel,sans-serif;text-transform:uppercase;letter-spacing:.07em;font-size:clamp(2.1rem,5vw,3rem)}.prose p{margin:0 0 1rem;max-width:110ch}.image-grid{--columns: 3;margin:1.8rem 0 2.1rem;display:grid;gap:1rem;grid-template-columns:repeat(var(--columns),minmax(0,1fr))}.image-grid figure{margin:0;border:1px solid rgba(255,255,255,.15);background:#090302}.image-grid img{display:block;width:100%;height:100%;object-fit:cover}.interview-page{max-width:var(--max-width);margin:0 auto;padding:3rem 1.5rem 2rem;text-align:center}.interview-page h1{margin:0;font-family:Abel,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(2.1rem,5vw,3.2rem)}.interview-page p{margin:1.4rem auto 2.2rem;max-width:80ch;font-size:1.15rem}.interview-video-wrap{margin:0 auto;max-width:1000px;border:1px solid rgba(255,255,255,.18);background:#020202}.interview-video{display:block;width:100%;aspect-ratio:16 / 9;background:#020202}.site-footer{text-align:center;padding:5.5rem 1rem 2.5rem;font-size:.92rem}.site-footer a{text-decoration:underline}.site-footer>p:first-child{margin:0 0 1.7rem;text-transform:uppercase;letter-spacing:.22em;font-size:.63rem}.site-footer p{margin:.65rem 0 0}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:980px){.desktop-nav{display:none}.mobile-toggle{display:inline-block}.mobile-nav.open{display:block}.album-grid{grid-template-columns:1fr;gap:1.4rem}.album-cover{max-width:min(100%,340px)}.track-list{margin-top:.5rem}.prose p{max-width:75ch}.image-grid{--columns: 2 !important}}@media(max-width:640px){#main-content{padding-top:78px}.nav-shell{min-height:78px}.hero{min-height:60vh}.hero h1,.page-title{font-size:clamp(1.85rem,10vw,2.8rem)}.hero .sub-link{font-size:.92rem}.section-wrap,.content-shell,.interview-page{padding-inline:1rem}.album-meta p,.prose p{font-size:.95rem}.track-list li{padding:.78rem 0}.image-grid{--columns: 1 !important}.interview-page p{font-size:1rem}}
