:root{--paper:#eee;--ink:#111;--muted:#999;--line:rgba(255,255,255,.16);--accent:#ddd;--bg:#090909;--cover:none}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100svh;color:var(--paper);font-family:Arial,Helvetica,sans-serif;background:var(--bg);overflow-x:hidden}body::before{content:"";position:fixed;inset:-8%;z-index:-3;background:linear-gradient(115deg,rgba(0,0,0,.82),rgba(0,0,0,.60)),var(--cover) center/cover no-repeat;filter:blur(28px) saturate(.72);transform:scale(1.08);opacity:.76}body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 75% 14%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.23),transparent 48%,rgba(0,0,0,.24))}a{color:inherit}.shell{width:min(1540px,100%);min-height:100svh;margin:auto;padding:24px 38px 34px;display:flex;flex-direction:column}.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.38em;white-space:nowrap}.back{text-decoration:none;color:var(--muted);text-transform:uppercase;font-size:9px;letter-spacing:.23em;transition:color .2s}.back:hover,.back:focus-visible{color:var(--accent)}main{flex:1;display:grid;grid-template-columns:minmax(270px,.78fr) minmax(250px,.58fr) minmax(400px,1.12fr);gap:clamp(28px,3.6vw,60px);align-items:start;padding:clamp(40px,7vh,84px) 0 30px}.visual{position:relative;width:100%;aspect-ratio:1/1;justify-self:end;margin-top:27px}.visual::before{content:attr(data-side);position:absolute;left:-38px;bottom:1px;writing-mode:vertical-rl;transform:rotate(180deg);color:color-mix(in srgb,var(--paper) 42%,transparent);font-size:8px;letter-spacing:.5em;text-transform:uppercase}.cover{display:block;width:100%;height:100%;aspect-ratio:1/1;border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.48);object-fit:contain}.identity,.listening{min-width:0}.listening{margin-top:27px}.eyebrow{margin:0 0 14px;color:var(--accent);font-size:9px;letter-spacing:.38em;text-transform:uppercase}h1{margin:0;max-width:10ch;font-size:clamp(36px,4.15vw,66px);font-weight:300;line-height:.95;letter-spacing:-.035em;overflow-wrap:anywhere}h1 span{display:block;margin-top:12px;color:var(--muted);font-size:.33em;line-height:1.15;letter-spacing:.18em;text-transform:uppercase}.rule{width:76px;height:2px;margin:28px 0 30px;background:var(--accent)}.player{width:100%;height:420px;border:0;background:color-mix(in srgb,var(--bg) 90%,#fff 10%)}.facts{display:grid;gap:10px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.facts li{padding-bottom:10px;border-bottom:1px solid var(--line)}.about{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.about p{margin:0;color:color-mix(in srgb,var(--paper) 76%,var(--muted));font-size:15px;line-height:1.65}.credits{color:var(--muted);font-size:12px;line-height:1.65}.credits strong{display:block;margin-bottom:7px;color:var(--paper);font-size:9px;font-weight:400;letter-spacing:.24em;text-transform:uppercase}.bandcamp{display:inline-flex;align-items:center;gap:10px;margin-top:25px;text-decoration:none;color:var(--muted);font-size:9px;letter-spacing:.2em;text-transform:uppercase}.bandcamp::after{content:"↗";color:var(--accent);font-size:14px}.bandcamp:hover,.bandcamp:focus-visible{color:var(--paper)}footer{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:8px;letter-spacing:.2em;text-transform:uppercase}
@media(max-width:1100px){main{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr)}.visual{margin-top:27px}.identity{grid-column:2}.listening{grid-column:2;margin-top:-8px}h1{max-width:none}.facts{grid-template-columns:repeat(4,1fr);gap:8px}.facts li{padding-bottom:8px}}@media(max-width:760px){.shell{padding:20px 22px 28px}.brand{font-size:9px;letter-spacing:.25em}main{grid-template-columns:1fr;gap:38px;padding:36px 0}.visual{grid-column:1;width:min(82vw,560px);justify-self:center;margin-top:0}.visual::before{left:-25px}.identity,.listening{grid-column:1;width:min(100%,680px);margin:0 auto}h1{max-width:none}.about{grid-template-columns:1.35fr .65fr}}@media(max-width:560px){.shell{padding:18px 17px 24px}.top{align-items:flex-start}.brand{white-space:normal;line-height:1.5}.back{white-space:nowrap;margin-top:2px}main{padding-top:28px}.visual{width:calc(100% - 24px)}.visual::before{display:none}h1{font-size:clamp(34px,10.5vw,50px)}.player{height:430px}.facts{grid-template-columns:1fr 1fr;gap:9px}.about{grid-template-columns:1fr;gap:23px}.about p{font-size:16px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}