*{box-sizing:border-box}html,body{color:#e2e3db;background:#11140e;margin:0;padding:0}body{font-family:Plus Jakarta Sans,Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.mock-page{background:var(--color-background);color:var(--color-on-surface);--font-headline:"Plus Jakarta Sans", Inter, Arial, sans-serif}.site-top-nav .brand,.site-top-nav .nav-links,.mock-page .hero-content h1,.mock-page .section-head h2,.mock-page .card-overlay h3,.mock-page .gallery-wrap h2,.mock-page .marquee div,.mock-page .vibes-intro h2,.mock-page .vibe-copy h3{font-family:var(--font-headline)}.site-top-nav{z-index:40;background:color-mix(in srgb, var(--color-background) var(--site-nav-bg-mix,0%), transparent);height:76px;-webkit-backdrop-filter:blur(var(--site-nav-blur,0px));justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:fixed;inset:0 0 auto}.brand{color:#fff;padding-left:10px;font-size:1.25rem;font-weight:700}.nav-links{justify-content:center;gap:34px;display:flex}.nav-links a{color:color-mix(in srgb, var(--color-on-surface) 70%, transparent);transition:color .16s}.nav-links a:hover{color:var(--color-on-surface)}.nav-links .active-link{color:var(--color-primary);border-bottom:2px solid var(--color-primary);padding-bottom:4px}.top-actions{align-items:center;gap:16px;display:flex}.icon-btn{color:color-mix(in srgb, var(--color-on-surface) 70%, transparent);cursor:pointer;background:0 0;border:0;font-size:1.2rem}.icon-btn:hover{color:var(--color-primary)}.site-top-nav .kinetic-btn,.mock-page .kinetic-btn,.mock-page .outline-btn{font-weight:700;font-family:var(--font-headline,"Plus Jakarta Sans", Inter, Arial, sans-serif);cursor:pointer;border:0;border-radius:.5rem;padding:12px 24px}.kinetic-btn{background:var(--gradient-cta);color:var(--color-on-primary-container)}.outline-btn{border:1px solid color-mix(in srgb, var(--color-outline-variant) 35%, transparent);color:var(--color-on-surface);background:0 0}.hero-block{background:var(--color-surface-lowest);align-items:center;min-height:100vh;padding:100px 28px 40px;display:flex;position:relative;overflow:hidden}.hero-image{object-fit:cover;opacity:.52;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.03)}.hero-overlay{background:var(--gradient-hero);position:absolute;inset:0}.hero-content{z-index:2;max-width:820px;position:relative}.eyebrow-row{align-items:center;gap:12px;margin-bottom:24px;display:flex}.eyebrow-dot{background:var(--color-primary);width:8px;height:8px;box-shadow:0 0 10px var(--color-primary);border-radius:999px}.eyebrow-label{text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary);font-family:Inter,sans-serif;font-size:.8rem}.hero-content h1{letter-spacing:-.04em;color:var(--color-on-surface);margin:0 0 16px;font-size:clamp(3rem,10vw,7.4rem);line-height:.9}.hero-content h1 span{color:var(--color-primary);font-style:italic}.hero-content p{max-width:630px;color:var(--color-on-surface-variant);font-size:clamp(1rem,2vw,1.35rem);line-height:1.55}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.marquee{background:var(--color-surface-low);border-top:1px solid color-mix(in srgb, var(--color-outline-variant) 20%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-outline-variant) 20%, transparent);white-space:nowrap;overflow:hidden}.marquee div{text-transform:uppercase;color:var(--color-on-surface-variant);-webkit-text-stroke:1px #befd1e4d;padding:30px 0;font-size:clamp(2rem,5vw,4.6rem);font-weight:700;animation:20s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.content-wrap{background:var(--color-surface);padding:90px 48px}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px;display:flex}.section-head h2{letter-spacing:-.03em;color:var(--color-on-surface);margin:0 0 10px;font-size:clamp(2.1rem,6vw,4.5rem)}.section-head h2 span{color:var(--color-primary)}.section-head p{max-width:700px;color:var(--color-on-surface-variant);margin:0}.section-head a{color:var(--color-primary);font-weight:700}.section-head a:hover{opacity:.9}.artists-grid{grid-template-columns:2fr 1fr;gap:18px;display:grid}.artist-large,.artist-small{background:var(--color-surface-low);border-radius:.5rem;min-height:280px;position:relative;overflow:hidden}.artist-large{grid-row:span 2;min-height:580px}.artist-large img,.artist-small img{object-fit:cover;opacity:.82;width:100%;height:100%;transition:transform .4s}.artist-large:hover img,.artist-small:hover img{transform:scale(1.05)}.card-overlay{color:var(--color-on-surface);background:linear-gradient(#0000,#000000d1);padding:20px;position:absolute;inset:auto 0 0}.card-overlay .tag{margin-bottom:12px}.card-overlay h3{color:var(--color-on-surface);margin:0 0 4px;font-size:1.5rem;font-weight:700}.artist-large .card-overlay h3{font-size:2.25rem}.card-overlay small{color:color-mix(in srgb, var(--color-on-surface) 70%, transparent)}.mock-page .tag{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.25rem .75rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;display:inline-block}.mock-page .tag-primary{background:var(--color-primary);color:var(--color-on-primary-container)}.mock-page .tag-tertiary{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.gallery-wrap{background:var(--color-surface-low);padding:90px 28px}.gallery-wrap h2{text-align:center;color:#fff;margin:0 0 34px;font-size:clamp(2.2rem,6vw,4.8rem)}.gallery-wrap h2 span.text-outline{color:var(--color-on-surface-variant);-webkit-text-stroke:1px #befd1e4d}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:170px;gap:14px;display:grid}.bento-grid img{object-fit:cover;filter:grayscale();border-radius:.5rem;width:100%;height:100%;transition:filter .3s,transform .3s}.bento-grid img:hover{filter:grayscale(0);transform:scale(1.02)}.bento-grid .big{grid-area:span 2/span 2}.bento-grid .wide{grid-column:span 2}.vibes-wrap{background:var(--color-surface);padding:90px 28px}.vibes-intro{text-align:center;max-width:48rem;margin:0 auto 4rem}.vibes-intro h2{letter-spacing:-.02em;color:var(--color-on-surface);margin:0 0 1rem;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:700}.vibes-intro h2 span{color:var(--color-primary)}.vibes-intro p{color:var(--color-on-surface-variant);margin:0;font-size:1.25rem}.vibes-grid{grid-template-columns:repeat(3,1fr);gap:3rem;max-width:80rem;margin:0 auto;display:grid}.vibe-card-offset{margin-top:3rem}.vibe-media{aspect-ratio:3/4;background:var(--color-surface-high);border-radius:.5rem;position:relative;overflow:hidden}.vibe-media img{object-fit:cover;opacity:.6;width:100%;height:100%;transition:opacity .35s,transform .35s}.vibe-card:hover .vibe-media img{opacity:1;transform:scale(1.05)}.vibe-copy{flex-direction:column;justify-content:flex-end;padding:2rem;display:flex;position:absolute;inset:0}.vibe-num{opacity:.1;font-size:clamp(4rem,12vw,6rem);font-weight:900;line-height:1;position:absolute;top:-.25rem;right:-.25rem}.vibe-num-primary{color:var(--color-primary)}.vibe-num-tertiary{color:var(--color-tertiary)}.vibe-copy h3{color:var(--color-on-surface);margin:0 0 .5rem;font-size:1.875rem;font-weight:700}.vibe-copy p{color:color-mix(in srgb, var(--color-on-surface) 80%, transparent);margin:0}.site-footer{background:var(--color-background);border-top:1px solid color-mix(in srgb, var(--color-on-surface) 10%, transparent);padding:5rem 28px 3rem;font-size:.875rem}.footer-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:2rem;max-width:80rem;margin:0 auto;display:grid}.footer-brand{color:var(--color-primary);margin-bottom:1.5rem;font-size:1.125rem;font-weight:900}.footer-muted{color:color-mix(in srgb, var(--color-on-surface) 50%, transparent);margin:0 0 2rem;line-height:1.6}.footer-social{gap:1rem;display:flex}.footer-social a{background:var(--color-surface-container);width:2.5rem;height:2.5rem;color:var(--color-on-surface);border-radius:.5rem;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.footer-social a:hover{background:var(--color-primary);color:var(--color-on-primary-container)}.footer-col h4{color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .5rem;font-size:.75rem;font-weight:700}.footer-col a{color:color-mix(in srgb, var(--color-on-surface) 50%, transparent);margin-bottom:.25rem;display:block}.footer-col a:hover{color:var(--color-primary)}.footer-newsletter{background:var(--color-surface-high);border-radius:.5rem;padding:2rem}.footer-newsletter h4{color:var(--color-primary);margin:0 0 1rem;font-weight:700}.footer-email-row{position:relative}.footer-email-row input{background:var(--color-surface-highest);width:100%;color:var(--color-on-surface);border:0;border-radius:.5rem;outline:none;padding:.75rem 3rem .75rem 1.5rem}.footer-email-row input::placeholder{color:color-mix(in srgb, var(--color-on-surface-variant) 30%, transparent)}.footer-email-row input:focus{box-shadow:0 0 0 2px var(--color-primary)}.footer-email-row button{background:var(--color-primary);width:2.25rem;height:2.25rem;color:var(--color-on-primary-container);cursor:pointer;border:0;border-radius:.5rem;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.footer-email-row button:hover{transform:translateY(-50%)scale(1.05)}.footer-bottom{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:80rem;margin:5rem auto 0;padding-top:2rem;display:flex}.footer-meta{color:color-mix(in srgb, var(--color-on-surface) 50%, transparent);flex-wrap:wrap;gap:2rem;display:flex}@media (max-width:960px){.nav-links{display:none}.artists-grid{grid-template-columns:1fr}.artist-large{grid-row:auto;min-height:380px}.section-head{flex-direction:column;align-items:flex-start}.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.bento-grid .big,.bento-grid .wide{grid-column:span 2}.vibes-grid{grid-template-columns:1fr}.vibe-card-offset{margin-top:0}.footer-grid{grid-template-columns:1fr}}.artists-page{background:var(--color-background);color:var(--color-on-surface);min-height:100vh;padding:120px 28px 80px}.artists-hero{margin-bottom:52px;position:relative}.artists-hero-glow{filter:blur(120px);border-radius:999px;position:absolute}.artists-hero-glow.left{background:color-mix(in srgb, var(--color-primary) 18%, transparent);width:360px;height:360px;top:-90px;left:-80px}.artists-hero-glow.right{background:color-mix(in srgb, var(--color-tertiary) 16%, transparent);width:240px;height:240px;top:-50px;right:0}.artists-hero-inner{z-index:2;justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:relative}.artists-hero h1{letter-spacing:-.04em;color:var(--color-on-surface);margin:0 0 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2.6rem,8vw,6.5rem);line-height:.96}.artists-hero h1 span{color:var(--color-primary)}.artists-hero h1 em{color:#0000;text-transform:uppercase;-webkit-text-stroke:1px color-mix(in srgb, var(--color-on-surface) 20%, transparent);font-style:normal}.artists-hero p{max-width:520px;color:var(--color-on-surface-variant);margin:0;font-size:1.15rem}.artists-live-chip{text-transform:uppercase;letter-spacing:.1em;color:var(--color-tertiary);align-items:center;gap:8px;font-size:.78rem;font-weight:700;display:inline-flex}.artists-live-chip span{background:var(--color-tertiary);border-radius:999px;width:10px;height:10px}.artists-filters{justify-content:space-between;align-items:center;gap:14px;margin-bottom:28px;display:flex}.artists-filter-row{flex-wrap:wrap;gap:8px;display:flex}.artists-filter-row button{background:var(--color-surface-container);color:color-mix(in srgb, var(--color-on-surface) 60%, transparent);text-transform:uppercase;letter-spacing:.08em;border:0;border-radius:999px;padding:9px 14px;font-size:.72rem;font-weight:700}.artists-filter-row button.active{background:var(--color-surface-highest);color:var(--color-primary)}.artists-search{width:320px;position:relative}.artists-search span{color:color-mix(in srgb, var(--color-on-surface-variant) 60%, transparent);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.artists-search input{background:var(--color-surface-highest);width:100%;color:var(--color-on-surface);border:0;border-radius:12px;padding:12px 12px 12px 36px}.artists-page .artists-grid{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.artists-page .artists-grid .card{background:var(--color-surface-low);border-radius:16px;overflow:hidden}.artists-page .artists-grid .feature{grid-column:span 8;min-height:500px;position:relative}.artists-page .artists-grid .small{grid-column:span 4}.artists-page .artists-grid .offset{margin-top:28px}.artists-page .artists-grid img{object-fit:cover;width:100%;height:100%;display:block}.artists-page .artists-grid .feature img{opacity:.82}.artists-page .artists-grid .overlay{background:linear-gradient(#0000,#000000c2);padding:24px;position:absolute;inset:auto 0 0}.artists-page .artists-grid .overlay h2{margin:10px 0 4px;font-family:Plus Jakarta Sans,sans-serif;font-size:2.4rem}.artists-page .artists-grid .overlay p{color:var(--color-on-surface-variant);margin:0}.artists-page .artists-grid .card-body{padding:18px}.artists-page .artists-grid .card-body h3{margin:0 0 4px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.55rem}.artists-page .artists-grid .card-body p{color:var(--color-on-surface-variant);margin:0;font-size:.92rem}.artists-page .artists-grid .card-body.bordered{border-left:4px solid var(--color-primary);margin:12px;padding-left:14px}.artists-page .artists-grid .card-body.high{background:var(--color-surface-highest)}.chip{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:5px 10px;font-size:.68rem;font-weight:700;display:inline-block}.chip.tertiary{background:color-mix(in srgb, var(--color-tertiary) 20%, transparent);color:var(--color-tertiary)}.chip.secondary{background:color-mix(in srgb, var(--color-on-secondary-container) 10%, transparent);color:var(--color-secondary-container)}.chip.tertiary-plain{color:var(--color-tertiary);padding-left:0}.artists-marquee{margin-top:80px;overflow:hidden}.artists-marquee div{white-space:nowrap;color:var(--color-on-surface-variant);-webkit-text-stroke:1px color-mix(in srgb, var(--color-on-surface) 20%, transparent);font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2.4rem,7vw,6rem);font-weight:800;animation:20s linear infinite marquee;display:inline-block}@media (max-width:980px){.artists-hero-inner,.artists-filters{flex-direction:column;align-items:flex-start}.artists-search{width:100%}.artists-page .artists-grid{grid-template-columns:1fr}.artists-page .artists-grid .feature,.artists-page .artists-grid .small{grid-column:auto}.artists-page .artists-grid .feature{min-height:380px}.artists-page .artists-grid .offset{margin-top:0}}
