:root{font-family:Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#f4f4f6;background-color:#03040a;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#03040a}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,select{font:inherit}#root{min-height:100vh}.page{position:relative;min-height:100vh;padding:clamp(1.5rem,4vw,3rem);overflow:hidden;display:flex;flex-direction:column}.page__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.18;overflow:hidden}.page__backdrop img{width:100%;height:100%;object-fit:cover;filter:saturate(120%) blur(.5px);transform:scale(1.05)}.page__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at top,rgba(0,0,0,.25),transparent 45%),linear-gradient(180deg,#04060fcc,#04060f99 40%,#04060fe0);pointer-events:none}.page__main{position:relative;z-index:2}.page__main{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:clamp(2rem,6vw,4rem);align-items:start}.hero{display:grid;gap:clamp(1.2rem,3vw,2rem);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center}.hero__cover-card{position:relative;display:flex;flex-direction:column;gap:1rem;border-radius:20px;overflow:hidden;box-shadow:#03040a73 0 30px 45px -25px;background:#03051099;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08)}.hero__cover-shadow{position:absolute;inset:-20% -15% auto;height:65%;background:radial-gradient(circle,rgba(0,0,0,.45),transparent 70%);z-index:0}.hero__cover-art{position:relative;z-index:1;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.1);max-width:320px}.hero__cover-footer{display:flex;justify-content:space-between;align-items:center;padding:0 1rem 1rem;gap:.75rem;z-index:1}.hero__cover-meta{font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;opacity:.7}.hero__cover-title{font-weight:600;letter-spacing:.12em;text-transform:uppercase}.hero__details{display:grid;gap:clamp(.9rem,2vw,1.4rem)}.hero__preheader{font-size:clamp(.8rem,.95vw,.95rem);text-transform:uppercase;letter-spacing:.26em;opacity:.75}.hero__title{margin:0;font-size:clamp(2.6rem,6vw,4.4rem);line-height:1}.hero__variant-headline{margin:0;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600;letter-spacing:.04em}.hero__description{margin:0;font-size:1.02rem;max-width:48ch;opacity:.87;line-height:1.6}.services{display:grid;gap:1rem}.services__title{margin:0;font-size:clamp(1rem,1.6vw,1.25rem);letter-spacing:.06em;text-transform:uppercase;opacity:.7}.services__grid{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sticky-cta{position:fixed;left:0;right:0;bottom:0;display:flex;gap:.6rem;padding:.75rem clamp(1rem,4vw,1.5rem);background:#04060fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;transform:translateY(110%);transition:transform .18s ease}.sticky-cta--visible{transform:translateY(0)}.sticky-cta__btn{flex:1;border-radius:14px;padding:.9rem 1.1rem;font-weight:600;font-size:1rem;border:1px solid transparent;background:transparent;color:#f4f7ff}.sticky-cta__btn--primary{background:linear-gradient(135deg,#1db954,#1ed760);color:#0b0b0b}.sticky-cta__btn--secondary{border:1px solid rgba(255,255,255,.3)}.sticky-cta__btn:focus-visible{outline:3px solid rgba(255,255,255,.45);outline-offset:2px}@media (min-width: 769px){.sticky-cta{display:none}}.service-button{position:relative;display:flex;align-items:center;gap:.9rem;padding:1rem 1.4rem;border-radius:16px;border:1px solid transparent;font-size:1.05rem;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:#03040a73 0 20px 45px -20px;width:100%}.service-button--primary{padding:1.25rem 1.6rem;font-size:1.15rem;box-shadow:#03040a8c 0 28px 60px -18px}.service-button--secondary{border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.service-button:hover,.service-button:focus-visible{transform:translateY(-2px);border-color:#ffffff4d;box-shadow:#03040a99 0 26px 55px -18px}.service-button:focus-visible{outline:3px solid rgba(255,255,255,.45);outline-offset:2px}.service-icon-wrapper{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:#0000002e;color:inherit}.service-icon{width:1.35rem;height:1.35rem}.service-label{flex:1;text-align:left}.services__microcopy{margin:0;font-size:.72rem;opacity:.6;letter-spacing:.05em;text-transform:uppercase}.page--empty{display:grid;place-items:center;padding:4rem}.page--artist{position:relative;min-height:100vh;padding:clamp(1.5rem,4vw,3rem);display:flex;flex-direction:column}.artist{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex:1;text-align:center}.artist__details{display:grid;gap:1rem;max-width:380px}.artist__title{margin:0;font-size:clamp(2.2rem,6vw,3.4rem);text-transform:uppercase;letter-spacing:.18em}.artist__description{margin:0;font-size:.95rem;opacity:.75;line-height:1.5}.artist__cta{display:grid;gap:.75rem;margin-top:.5rem}.artist-button{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:1rem 1.4rem;border-radius:14px;font-weight:600;font-size:1rem;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;box-shadow:#03040a73 0 20px 45px -20px}.artist-button:hover,.artist-button:focus-visible{transform:translateY(-2px);box-shadow:#03040a99 0 26px 55px -18px}.artist-button:focus-visible{outline:3px solid rgba(255,255,255,.45);outline-offset:2px}.artist-button__icon{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:#0000002e}.artist-button__label{letter-spacing:.05em;text-transform:uppercase}@media (max-width: 720px){.page{padding:1.25rem 1.1rem 1.75rem}.page__main{grid-template-columns:1fr}.hero{grid-template-columns:1fr;gap:1.2rem}.hero__cover-card{max-width:min(320px,90vw);margin:0 auto}.hero__cover-art{max-width:220px;margin:0 auto}.services__grid{grid-template-columns:1fr}}
