@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
:root{--bg:#111018;--paper:#f0eee8;--muted:#aaa7b3;--pink:#ff4b9a;--lime:#d6ff4f;--purple:#8a5cff;--line:rgba(240,238,232,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:'Space Grotesk',sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.topbar{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{font-weight:700;letter-spacing:-.08em;font-size:25px;color:var(--paper);text-decoration:none}.wordmark span{font:10px 'DM Mono';vertical-align:top;margin-left:4px}.topbar nav{display:flex;gap:34px}.topbar nav a,.top-cta,footer>a:not(.wordmark){font:11px 'DM Mono';letter-spacing:.1em;color:var(--paper);text-decoration:none}.topbar nav a{opacity:.7}.topbar nav a:hover{opacity:1;color:var(--lime)}.top-cta{border:1px solid var(--line);padding:12px 16px}.top-cta span,.text-link span{color:var(--lime);margin-left:10px}.hero{min-height:690px;padding:8vh 8vw 70px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow{font:10px 'DM Mono';letter-spacing:.16em;color:var(--lime)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink);margin-right:9px;box-shadow:0 0 14px var(--pink)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(100px,17vw,240px);line-height:.76;letter-spacing:-.105em;margin:50px 0 32px;font-weight:700}h1 em,h2 em,.music-aside em{font-style:normal;color:var(--pink)}.hero-sub{font-size:clamp(19px,2.3vw,28px);line-height:1.25;letter-spacing:-.04em}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.hero-tags span{font:9px 'DM Mono';padding:9px 11px;border:1px solid var(--line);border-radius:30px;color:var(--muted)}.round-link{display:flex;width:42px;height:42px;border:1px solid var(--lime);border-radius:50%;align-items:center;justify-content:center;color:var(--lime);text-decoration:none;margin-top:48px;font-size:22px}.hero-art{position:absolute;width:min(52vw,650px);height:min(52vw,650px);right:4vw;top:50%;transform:translateY(-48%);border-radius:50%;background:radial-gradient(circle at 45% 40%,#ffcf53 0 4%,#ff4b9a 5% 17%,#8a5cff 18% 33%,#1d1b2d 34% 49%,#111018 50%);filter:saturate(1.1);opacity:.92}.art-disc{position:absolute;inset:19%;border-radius:50%;background:repeating-radial-gradient(circle,#171421 0 2px,#272235 3px 4px);border:1px solid rgba(255,255,255,.35);box-shadow:0 0 70px #ff4b9a55}.art-disc:after{content:"S";position:absolute;inset:38%;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#171421;font-size:clamp(30px,6vw,75px);font-weight:700}.hero-orbit{position:absolute;border:1px solid rgba(214,255,79,.25);border-radius:50%;width:90vw;height:90vw;left:38%;top:-35%;pointer-events:none}.orbit-two{width:110vw;height:110vw;left:32%;top:-45%;border-color:rgba(255,75,154,.2)}.art-ring{position:absolute;border:2px solid var(--lime);border-radius:50%;transform:rotate(-25deg)}.ring-a{inset:8% 15%;border-left-color:transparent;border-bottom-color:transparent}.ring-b{inset:14% 5%;border-right-color:transparent;border-top-color:transparent;border-color:var(--pink);border-left-color:transparent}.art-bar{position:absolute;width:22%;height:7px;background:var(--lime);transform:rotate(-35deg);box-shadow:0 0 20px var(--lime)}.bar-a{top:25%;right:0}.bar-b{bottom:22%;left:0;background:var(--pink);box-shadow:0 0 20px var(--pink)}.art-sticker{position:absolute;right:5%;top:27%;background:var(--lime);color:#15131d;padding:13px 17px;font:700 12px 'DM Mono';line-height:1.1;transform:rotate(9deg)}.art-caption{position:absolute;bottom:14%;right:9%;font:10px 'DM Mono';line-height:1.5;letter-spacing:.12em}.art-caption span{color:var(--lime)}.hero-index{position:absolute;bottom:28px;left:8vw;right:8vw;display:flex;justify-content:space-between;font:9px 'DM Mono';color:var(--muted);letter-spacing:.12em}.ticker{overflow:hidden;background:var(--lime);color:#171421;white-space:nowrap;padding:16px 0;transform:rotate(-1.2deg) scale(1.02)}.ticker-track{font:700 15px 'DM Mono';letter-spacing:.08em;word-spacing:8px;animation:marquee 28s linear infinite}@keyframes marquee{to{transform:translateX(-30%)}}.section-pad{padding:125px 8vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.section-heading h2,.manifesto h2,.about h2,.connect h2{font-size:clamp(55px,9vw,120px);line-height:.85;letter-spacing:-.09em;margin:18px 0 0}.section-note{font-size:14px;color:var(--muted);line-height:1.5}.music-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.music-feature,.music-aside{border:1px solid var(--line);padding:18px}.feature-top{display:flex;justify-content:space-between;font:9px 'DM Mono';color:var(--lime);letter-spacing:.1em;margin-bottom:16px}.spotify-frame{overflow:hidden;border-radius:12px;background:#171421}.spotify-frame iframe{display:block;min-height:420px}.embed-caption,.platform-hint{font:10px 'DM Mono';color:var(--muted);margin:14px 0 0}.music-aside{background:#211d31;display:flex;flex-direction:column;min-height:500px;position:relative;overflow:hidden}.aside-number{font:10px 'DM Mono';color:var(--lime)}.music-aside h3{font-size:clamp(40px,5vw,70px);letter-spacing:-.08em;line-height:.85;margin:80px 0 20px}.music-aside p{font-size:14px;line-height:1.6;color:#c5c1cf;max-width:280px}.text-link{color:var(--paper);font:10px 'DM Mono';letter-spacing:.1em;text-decoration:none;margin-top:20px}.equalizer{display:flex;align-items:end;gap:5px;height:80px;margin-top:auto}.equalizer i{display:block;width:5%;background:var(--pink);height:var(--h,50%);border-radius:5px;animation:pulse .8s ease-in-out infinite alternate}.equalizer i:nth-child(3n){background:var(--lime);animation-delay:.3s}.equalizer i:nth-child(2n){animation-delay:.5s}@keyframes pulse{to{height:15%}}.manifesto{padding:125px 8vw;background:#e9e6df;color:#171421;position:relative;overflow:hidden}.manifesto .eyebrow{color:#6d4aff}.manifesto h2 em{color:#8a5cff}.manifesto-mark{position:absolute;right:8vw;top:50px;font-size:220px;font-weight:700;letter-spacing:-.15em;color:#d9d4ca}.genre-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:65px;position:relative}.genre-card{min-height:260px;padding:22px;position:relative;overflow:hidden}.genre-card span{font:10px 'DM Mono'}.genre-card h3{font-size:clamp(32px,4vw,54px);line-height:.85;letter-spacing:-.08em;margin:70px 0 12px}.genre-card p{font-size:12px}.genre-card b{position:absolute;right:22px;bottom:22px;font-size:22px}.genre-one{background:var(--pink)}.genre-two{background:#8a5cff;color:white}.genre-three{background:var(--lime)}.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}.about-symbol{font-size:150px;color:var(--lime);margin-top:100px}.about h2{margin-bottom:30px}.about h2 em{color:var(--lime)}.about-intro{font-size:clamp(20px,3vw,32px);line-height:1.2;max-width:650px;letter-spacing:-.04em}.about-small{font-size:13px;line-height:1.7;color:var(--muted);max-width:570px}.about-small code,.platform-hint code{color:var(--lime);font-family:'DM Mono'}.connect{background:var(--pink);color:#171421;position:relative}.connect .eyebrow{color:#171421}.connect h2 em{color:#fff}.connect-sub{font-size:16px;margin-top:30px}.platform-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.platform-links a{border:1px solid #171421;padding:14px 18px;color:#171421;text-decoration:none;font:10px 'DM Mono';letter-spacing:.08em}.platform-links a:hover{background:#171421;color:var(--pink)}.platform-links span{margin-left:16px}.connect .platform-hint{color:#452033}.connect .platform-hint code{color:#171421}footer{padding:28px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line)}footer p,footer small{font:9px 'DM Mono';color:var(--muted);letter-spacing:.08em;margin:0}footer>a:not(.wordmark){font-size:9px}
@media(max-width:800px){.topbar{height:70px;padding:0 5vw}.topbar nav{gap:14px}.topbar nav a{font-size:9px}.top-cta{display:none}.hero{min-height:760px;align-items:flex-start;padding:100px 7vw}.hero-art{width:88vw;height:88vw;right:-15vw;top:68%;opacity:.75}.hero-index{left:7vw;right:7vw}.section-pad,.manifesto{padding:85px 7vw}.section-heading{display:block}.section-note{margin-top:24px}.music-grid{grid-template-columns:1fr}.music-aside{min-height:390px}.genre-cards{grid-template-columns:1fr}.genre-card{min-height:220px}.genre-card h3{margin-top:45px}.about{grid-template-columns:1fr;gap:0}.about-symbol{display:none}.about-copy{margin-top:30px}.manifesto-mark{font-size:130px;top:30px}.connect h2{font-size:clamp(60px,15vw,100px)}footer{justify-content:flex-start}footer p{order:3;width:100%}}
@media(max-width:430px){.topbar nav{gap:10px}.topbar nav a{font-size:8px}.wordmark{font-size:21px}h1{font-size:31vw}.hero-tags span{font-size:8px}.spotify-frame iframe{height:390px}.section-heading h2{font-size:18vw}}

/* Snobbie artwork: originele uploads, geoptimaliseerd voor web */
.hero-art { overflow: hidden; border-radius: 22px; }
.hero-art img {
  display: block; width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  filter: none; transform: none;
}
.about-artwork {
  display: block; width: min(100%, 420px); height: auto;
  aspect-ratio: 1 / 1; object-fit: cover; object-position: center;
  margin-top: 24px; border-radius: 18px;
  border: 1px solid var(--line, rgba(255,255,255,.18));
  box-shadow: 0 18px 55px rgba(0,0,0,.35);
  filter: none;
}
@media (max-width: 760px) {
  .hero-art { width: min(82vw, 430px); height: min(82vw, 430px); right: 4vw; }
  .about-artwork { width: min(100%, 340px); }
}