@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;700&display=swap');
.artist-photo{width:80px;height:80px;object-fit:cover;border:2px solid var(--ink);border-radius:50%;margin-bottom:10px}.album-art{width:180px;height:180px;flex:none;object-fit:cover;border:2px solid var(--ink);transform:rotate(-5deg);box-shadow:8px 8px 0 var(--ink)}.top-tracks{border-top:1px solid var(--ink);padding-top:14px;margin-top:16px}.top-tracks ol{margin:8px 0;padding-left:24px;line-height:1.65;font-size:14px}
.spotify-players{display:grid;gap:12px;margin:20px 0}.spotify-players iframe{width:100%;height:152px;border:0;border-radius:12px}
:root{--ink:#261426;--cream:#fff9ed;--yellow:#f4bd24;--blue:#3997d2;--purple:#733d78;--pink:#ef7b8b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Space Grotesk',sans-serif}.site-shell{overflow:hidden}.intro{min-height:100svh;display:grid;place-items:center;align-content:center;gap:18px;padding:30px 20px;position:relative;background:var(--yellow)}.intro:before{content:'';position:absolute;inset:16px;border:2px solid var(--ink);pointer-events:none}.logo{display:block;object-fit:cover}.intro-logo{width:min(650px,90vw);mix-blend-mode:multiply;filter:saturate(1.1);border:4px solid var(--ink);transform:rotate(-2deg);box-shadow:10px 10px 0 var(--ink)}.intro-note,.hint{font-family:'DM Mono',monospace;text-transform:uppercase;font-size:12px}.intro-sticker{position:absolute;top:11%;right:8%;font-family:'DM Mono',monospace;font-size:11px;line-height:1.4;border:2px solid var(--ink);padding:12px;transform:rotate(8deg);background:var(--pink)}.enter-button{border:0;background:transparent;position:relative;cursor:pointer;width:220px;color:var(--ink);font:700 18px 'Space Grotesk';transition:transform .2s}.enter-button:hover{transform:rotate(-4deg) scale(1.05)}.enter-button img{width:100%;display:block;mix-blend-mode:multiply}.enter-button span{position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-3deg)}.content{display:none;opacity:0}.content.revealed{display:block;animation:appear .7s .2s forwards}.nav{display:flex;justify-content:space-between;padding:22px 5vw;border-bottom:2px solid var(--ink);font-family:'DM Mono',monospace;font-size:12px;text-transform:uppercase}.nav a,.artist a,.pill-link,.spotify-note a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}.hero{padding:13vw 8vw 12vw;max-width:1100px}.eyebrow,.tag{font:500 11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(60px,12vw,160px);line-height:.83;letter-spacing:-.09em;margin:35px 0}.hero h1 em,.contact h2 em{color:var(--blue);font-style:normal}.hero-copy{font-size:clamp(18px,2.2vw,28px);max-width:600px;line-height:1.25}.scroll-link{display:inline-block;margin-top:34px;color:inherit;text-decoration:none;font-family:'DM Mono',monospace;text-transform:uppercase;font-size:12px}.scroll-link span{font-size:22px;margin-left:8px}.section{border-top:2px solid var(--ink);padding:9vw 8vw}.section-heading h2{font-size:clamp(52px,10vw,130px);letter-spacing:-.08em;line-height:.85;margin:28px 0 65px}.roster{background:var(--purple);color:var(--cream)}.roster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.artist{min-height:210px;border:2px solid currentColor;padding:22px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.artist:hover{transform:rotate(2deg)}.artist-main{min-height:300px;background:var(--yellow);color:var(--ink);border-color:var(--ink)}.artist-number{font:12px 'DM Mono',monospace}.artist h3{font-size:clamp(25px,3vw,45px);letter-spacing:-.06em;margin:20px 0 4px}.artist p{font-size:15px;max-width:280px}.listen{background:var(--blue)}.listen-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:stretch}.record-card,.spotify-note{border:2px solid var(--ink);padding:25px;background:var(--cream)}.record-card{display:flex;gap:25px;align-items:center}.record-art{width:180px;height:180px;flex:none;background:var(--pink);border:2px solid var(--ink);display:grid;place-content:center;text-align:center;font-size:42px;line-height:.75;font-weight:700;letter-spacing:-.08em;transform:rotate(-5deg);box-shadow:8px 8px 0 var(--ink)}.record-art span{color:var(--purple)}.record-card h3,.spotify-note h3{font-size:25px;line-height:1;margin:14px 0 25px}.pill-link{font:12px 'DM Mono',monospace;text-transform:uppercase}.spotify-note{background:var(--yellow)}.spotify-note p{line-height:1.5}.spotify-note a{display:block;margin-top:14px;width:max-content;font:12px 'DM Mono',monospace}.contact{background:var(--pink);position:relative;min-height:620px}.contact h2{font-size:clamp(70px,14vw,190px);line-height:.78;letter-spacing:-.1em;margin:40px 0;max-width:700px}.contact>p:not(.eyebrow){max-width:430px;font-size:19px;line-height:1.35}.stamp{position:absolute;right:10%;bottom:16%;padding:24px;border:3px solid var(--ink);border-radius:50%;font:700 14px 'DM Mono',monospace;text-align:center;transform:rotate(12deg)}footer{display:flex;justify-content:space-between;padding:25px 8vw;background:var(--ink);color:var(--cream);font:11px 'DM Mono',monospace;text-transform:uppercase}@keyframes appear{to{opacity:1}}@media(max-width:700px){.intro-sticker{top:5%;right:5%;font-size:9px}.intro-logo{width:92vw}.nav{gap:12px;font-size:10px}.hero{padding-top:25vw}.roster-grid,.listen-grid{grid-template-columns:1fr}.artist-main{min-height:240px}.record-card{display:block}.record-art{margin:0 auto 35px}.stamp{position:relative;display:inline-block;right:auto;bottom:auto;margin-top:60px}footer{display:block;line-height:2.2}}
