:root{color-scheme:dark;--bg:#090c13;--panel:#121823;--text:#f4f5f9;--muted:#abb5c5;--accent:#adff69;--violet:#b6a2ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a:hover{color:var(--accent)}.wrap{max-width:1200px;margin:auto;padding:0 32px}.skip{position:absolute;top:-100px;left:12px;background:var(--accent);color:#090c13;padding:12px;z-index:10}.skip:focus{top:10px}header{border-bottom:1px solid #ffffff16}header .wrap{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:16px;font-weight:850;letter-spacing:.08em;line-height:1.3}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:.24em;margin-top:5px}nav{display:flex;gap:24px;font-size:13px;font-weight:700}nav a[aria-current=page]{color:var(--accent)}.menu-toggle{display:none;background:none;color:white;border:1px solid #ffffff40;border-radius:8px;padding:10px;font:inherit}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--accent)}.hero{padding:84px 0 68px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px}h1{font-size:clamp(42px,6vw,80px);line-height:1.04;letter-spacing:-.055em;margin:22px 0}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(28px,4vw,42px);line-height:1.15;letter-spacing:-.035em;margin:12px 0 20px}h3{font-size:26px;line-height:1.2;margin:16px 0}p{color:var(--muted);max-width:650px}.lead{font-size:19px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid #ffffff35;border-radius:7px;font-weight:750;font-size:13px;transition:transform .2s,background .2s}.button.primary{background:var(--accent);color:#10160b;border-color:var(--accent)}.button:hover{transform:translateY(-3px)}.hero-art{position:relative;border:1px solid #ffffff18;border-radius:18px;background:radial-gradient(ellipse at 50% 50%,#263e38,#111722 70%);padding:50px 32px 24px;overflow:hidden}.hero-art .record{width:100%;max-width:310px;margin:auto;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#101614 0 3px,#24302a 4px,#101614 5px);display:grid;place-items:center;box-shadow:0 0 65px #adff6915;transform:rotate(-18deg)}.record span{display:grid;place-items:center;width:31%;aspect-ratio:1;border-radius:50%;background:var(--accent);color:#10160b;font-size:22px;font-weight:900;letter-spacing:-.07em}.art-caption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;margin-top:35px;color:var(--muted)}.section{padding:64px 0;border-top:1px solid #ffffff16}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-head h2{margin-bottom:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:var(--panel);border:1px solid #ffffff16;border-radius:12px;padding:26px}.record-art{height:260px;position:relative;border-radius:8px;background:radial-gradient(ellipse at 60% 45%,#4a6440,#172c23 50%,#0c1516);overflow:hidden;padding:28px;display:flex;align-items:center;justify-content:center}.record-art.tiny-thoughts{background:radial-gradient(ellipse at 60% 45%,#7970ac,#342d56 50%,#141221)}.record-art .record{height:205px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#15171a 0 3px,#34373e 4px,#111317 5px);display:grid;place-items:center;transform:rotate(-15deg);box-shadow:15px 20px 40px #0007}.tiny-thoughts .record span{background:var(--violet)}.art-name{position:absolute;bottom:15px;left:20px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.card p{font-size:14px}.services{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.service{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffff06;border:1px solid #ffffff20;padding:15px;border-radius:7px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.service:hover{background:#ffffff0d;transform:translateY(-2px)}.service span{color:var(--accent)}.artist-hero{padding:70px 0 50px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.artist-hero .record-art{height:370px}.artist-hero .record-art .record{height:290px}.page-head{padding:70px 0 40px;max-width:800px}.page-head h1{font-size:clamp(44px,6vw,68px)}iframe{display:block;border:0;max-width:100%;background:#121823}.listen-card h2{font-size:32px}.callout{background:linear-gradient(100deg,#16241c,#17172b);border:1px solid #ffffff20;border-radius:12px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:24px}.callout h2{font-size:30px;margin:0}footer{border-top:1px solid #ffffff16;padding:36px 0;margin-top:36px}footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}footer p{font-size:11px}footer .links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.note{font-size:12px} @media(max-width:900px){nav{gap:13px;font-size:12px}.hero,.artist-hero{gap:30px}.hero{padding-top:55px}.artist-hero .record-art{height:300px}.artist-hero .record-art .record{height:230px}}@media(max-width:700px){.wrap{padding:0 20px}header .wrap{min-height:80px;flex-wrap:wrap;gap:0}.menu-toggle{display:block}nav{width:100%;flex-direction:column;gap:0;padding:12px 0 20px}nav a{padding:11px 0}.js nav{display:none}.js nav.open{display:flex}.hero,.artist-hero,.grid{grid-template-columns:1fr}.hero{gap:35px;padding:45px 0}.hero h1{font-size:52px}.hero-art{padding-top:30px}.hero-art .record{max-width:240px}.artist-hero{padding-top:45px}.section{padding:40px 0}.section-head{align-items:start;flex-direction:column}.card{padding:20px}.callout{padding:26px;flex-direction:column;align-items:start}.page-head{padding-top:45px}.services{gap:8px}.service{font-size:13px;padding:15px 12px}footer .wrap{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep grid children and long display type within narrow mobile viewports. */
.grid>*{min-width:0}.record-art .record{max-width:100%;height:auto;width:205px;flex-shrink:1}.artist-hero .record-art .record{width:290px;height:auto}.services{min-width:0}.service{min-width:0}.listen-card h2{overflow-wrap:break-word}@media(max-width:700px){.hero h1{font-size:clamp(40px,10vw,52px)}.services{grid-template-columns:1fr}.hero-art .record{max-width:100%}}