.artist-hero{width:100%;height:var(--artist-hero-height);align-items:center;display:flex;position:relative;overflow:hidden}.artist-hero__bg-image{object-fit:contain;object-position:right center;z-index:0;position:absolute;inset:0}.artist-hero__gradient{z-index:1;background:linear-gradient(90deg,var(--background)0%,color-mix(in srgb,var(--background)85%,transparent)30%,color-mix(in srgb,var(--background)30%,transparent)65%,transparent 100%);position:absolute;inset:0}.artist-hero__content{z-index:2;flex-direction:column;gap:0;max-width:560px;padding-left:80px;display:flex;position:relative}.artist-hero__kicker{color:var(--hero-kicker);text-transform:uppercase;letter-spacing:3px;margin:0;font-size:11px;font-weight:600}.artist-hero__name{letter-spacing:-2px;margin:.4rem 0 .2rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.05}.artist-hero__role{color:var(--muted);margin:0;font-size:16px}.artist-hero__tagline{color:var(--muted);max-width:440px;margin:.5rem 0 0;font-size:15px;line-height:1.5}.artist-hero__cta-row{flex-wrap:wrap;gap:12px;margin-top:1.5rem;display:flex}.artist-hero__cta--primary{background:linear-gradient(180deg,var(--foreground),var(--accent));color:var(--background);border:none;border-radius:100px;align-items:center;padding:14px 32px;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.artist-hero__cta--primary:hover{opacity:.9;transform:translateY(-1px)}.artist-hero__cta--ghost{color:var(--foreground);border:1px solid var(--border);background:0 0;border-radius:100px;align-items:center;padding:14px 32px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.artist-hero__cta--ghost:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-1px)}.artist-hero__social-row{gap:10px;margin-top:1.25rem;display:flex}.artist-hero__social-icon{border:1px solid var(--border);width:40px;height:40px;color:var(--muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.artist-hero__social-icon:hover{color:var(--platform-color);border-color:var(--platform-color);background:color-mix(in srgb,var(--platform-color)8%,transparent)}.artist-hero__scroll-indicator{z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.artist-hero__scroll-line{background:#ffffff18;width:1px;height:32px}.artist-hero__scroll-arrow{color:var(--muted)}.artist-hero--placeholder{background:var(--surface)}@media (max-width:640px){.artist-hero{align-items:flex-end;height:85svh}.artist-hero__gradient{background:linear-gradient(0deg,var(--background)0%,color-mix(in srgb,var(--background)85%,transparent)30%,color-mix(in srgb,var(--background)30%,transparent)65%,transparent 100%)}.artist-hero__content{max-width:100%;padding:0 24px 60px}.artist-hero__bg-image{object-position:center top}.artist-hero__name{font-size:clamp(2rem,10vw,3rem)}.artist-hero__cta-row{flex-direction:column}.artist-hero__cta--primary,.artist-hero__cta--ghost{text-align:center;justify-content:center;width:100%}}@media (max-width:768px) and (min-width:641px){.artist-hero__content{padding-left:40px}}@media (prefers-reduced-motion:reduce){.artist-hero__cta--primary:hover,.artist-hero__cta--ghost:hover{transform:none}}.artist-hero__cta--primary:focus-visible,.artist-hero__cta--ghost:focus-visible,.artist-hero__social-icon:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.artist-cross-nav{background:var(--page-surface,var(--bg-deep));width:100%;padding:64px 24px}.artist-cross-nav__inner{max-width:var(--artist-content-max);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:0 auto;display:grid}.artist-cross-nav__card{color:var(--page-fg,var(--foreground));border:1px solid var(--page-border,var(--border));border-radius:16px;text-decoration:none;transition:border-color .3s;display:block;overflow:hidden}.artist-cross-nav__card:hover{border-color:var(--accent)}.artist-cross-nav__card-image-wrap{aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}.artist-cross-nav__card-image{object-fit:cover;object-position:center 15%;transition:transform .3s}.artist-cross-nav__card:hover .artist-cross-nav__card-image{transform:scale(1.05)}.artist-cross-nav__card-overlay{background:linear-gradient(#0000 40%,#00000080 100%);position:absolute;inset:0}.artist-cross-nav__card-content{padding:20px}.artist-cross-nav__direction-label{text-transform:uppercase;letter-spacing:2px;color:var(--page-muted,var(--muted));margin:0;font-size:11px}.artist-cross-nav__artist-name{color:var(--page-fg,var(--foreground));margin:4px 0 0;font-size:20px;font-weight:700}.artist-cross-nav__home{color:var(--page-fg,var(--foreground));border:1px solid var(--page-border,var(--border));white-space:nowrap;border-radius:100px;align-items:center;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.artist-cross-nav__home:hover{background:#ffffff0f;border-color:#fff3}@media (max-width:640px){.artist-cross-nav__inner{grid-template-columns:1fr;gap:16px}.artist-cross-nav__home{order:-1;justify-self:center}.artist-cross-nav__card-image-wrap{aspect-ratio:2}}@media (prefers-reduced-motion:reduce){.artist-cross-nav__card:hover .artist-cross-nav__card-image{transform:none}}.artist-cross-nav__card:focus-visible,.artist-cross-nav__home:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.artist-floating-cta{z-index:50;-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);background:#0a0a0fd9;padding:12px 24px 24px;transition:transform .3s ease-out;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.artist-floating-cta--visible{transform:translateY(0)}.artist-floating-cta__watch{background:linear-gradient(180deg,var(--foreground),var(--accent));width:100%;color:var(--background);border:none;border-radius:100px;justify-content:center;align-items:center;margin-bottom:10px;padding:14px 32px;font-weight:600;text-decoration:none;display:flex}.artist-floating-cta__social-row{justify-content:center;gap:10px;display:flex}.artist-floating-cta__social-icon{border:1px solid var(--border);width:36px;height:36px;color:var(--muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.artist-floating-cta__social-icon:hover{color:var(--platform-color);border-color:var(--platform-color)}@media (min-width:641px){.artist-floating-cta{display:none}}@media (prefers-reduced-motion:reduce){.artist-floating-cta{transition:none}}
[data-artist-theme=changa]{--page-bg:#0a0a0f;--page-fg:#e8e8ed;--page-muted:#9a9aaa;--page-accent:#1f2937;--page-card:#1c1c22;--page-surface:#141418;--page-border:#ffffff1a;--page-detail-bg:#ffffff12;--page-bullet:#9a9aaa}[data-artist-theme=elina]{--page-bg:#fff8e8;--page-fg:#1a1a1a;--page-muted:#666;--page-accent:#007bff;--page-card:#fff;--page-surface:#fff0d4;--page-border:#0000001a;--page-detail-bg:#0000000a;--page-bullet:#007bff;--page-highlight:#6aff0042;--page-highlight-border:#45a700}[data-artist-theme=yuna]{--page-bg:#fbfbfb;--page-fg:#111827;--page-muted:#111827ad;--page-accent:#ff6598;--page-card:#fff;--page-surface:#fff0f5;--page-border:#00000014;--page-detail-bg:#ff65981a;--page-bullet:#ff6598;--page-gradient:linear-gradient(180deg,#ff659826 31.7%,#ff659800 100%)}
.artist-template{background:var(--background);width:100%;min-height:100vh}.artist-template__placeholder{max-width:var(--artist-content-max,900px);padding:var(--artist-section-padding,clamp(48px,8vw,80px))24px;background:#627cff1f;border:1px dashed #7e96ff73;border-radius:12px;margin:0 auto}.artist-template__note{color:var(--text-light);margin:.5rem 0 0;font-size:.9rem}