@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#11120f;--panel:#1a1b17;--ink:#f0f0e7;--muted:#a0a197;--lime:#c0f34b;--line:#33352c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}header{height:95px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:37px;letter-spacing:-2px;display:flex;align-items:baseline}.logo>span{margin-left:5px}.logo i{font:11px Arial;margin-left:5px;align-self:flex-start;padding-top:8px;color:var(--lime)}nav{display:flex;gap:36px;color:#c5c6bc;font-size:13px}.nav-cta{border:1px solid #616451;padding:12px 18px;font-size:12px}.nav-cta span{padding-left:20px;color:var(--lime)}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:7%;padding:65px 6% 68px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 25px;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:9px;box-shadow:0 0 15px #c0f34555}h1,h2,h3,p{margin-top:0}h1,h2,.art-word{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:800;letter-spacing:-1.5px}h1{font-size:clamp(75px,7.7vw,118px);line-height:.88;margin-bottom:30px}em{font-style:normal;color:var(--lime)}.intro{line-height:1.8;font-size:14px;color:#b5b6aa}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:28px}.button{min-height:48px;display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:15px 23px;font-size:12px;font-weight:700}.button:hover{transform:translateY(-2px)}.lime{background:var(--lime);color:#171b0d}.text-link{font-size:12px;border-bottom:1px solid #666959;padding-bottom:8px;white-space:nowrap}.text-link span{margin-left:18px;color:var(--lime)}.hero-note{display:flex;gap:22px;font-size:8px;letter-spacing:1px;color:#939688;margin-top:42px}.hero-art{position:relative;aspect-ratio:.91;background:#b9c0a3;overflow:hidden;padding:23px;color:#151a11;transform:rotate(2deg);box-shadow:12px 16px 0 #24271d;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#11111109 3px)}.art-top,.art-bottom{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1px}.art-top{border-bottom:1px solid #29321e;padding-bottom:12px}.record{position:absolute;width:87%;aspect-ratio:1;top:12%;right:-14%;border-radius:50%;background:repeating-radial-gradient(circle at center,#141612 0,#141612 2px,#2b3026 3px,#10130f 4px);box-shadow:-12px 12px 30px #12170c50;display:grid;place-items:center}.record-label{background:var(--lime);width:36%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-18deg)}.record-label small,.record-label span{font-size:6px;letter-spacing:1px}.record-label strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px;line-height:.8;margin:8px}.art-word{position:absolute;bottom:13%;font-size:clamp(40px,5vw,74px);line-height:.88;letter-spacing:-1px;color:#eef1e3;text-shadow:1px 1px #151a11}.art-word span{color:#151a11;text-shadow:none}.art-bottom{position:absolute;bottom:20px;left:23px;right:23px;font-size:7px;line-height:1.6}.barcode{font-size:24px;letter-spacing:-3px}.art-sticker{position:absolute;top:34%;left:4%;background:var(--lime);border-radius:50%;padding:22px;font-size:13px;line-height:1.1;font-weight:800;transform:rotate(-15deg)}.ticker{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;padding:20px 3%;gap:20px;font-size:10px;font-weight:600;letter-spacing:2px;color:#d1d2c7}.ticker b{color:var(--lime);font-size:23px}.section{max-width:1440px;margin:auto;padding:80px 6%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-head .eyebrow{margin-bottom:13px}h2{font-size:clamp(40px,4.5vw,65px);line-height:1;margin-bottom:0}.catalog-controls{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding:18px 0}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{background:transparent;color:#b1b4a6;border:1px solid var(--line);padding:10px 15px;font-size:11px;cursor:pointer}.filters button.active{background:var(--lime);color:#171b0d;border-color:var(--lime)}.search{display:flex;align-items:center;gap:10px;color:var(--muted)}.search input{color:var(--ink);background:transparent;border:none;width:170px;font-size:11px;min-height:38px}.catalog-caption{font-size:11px;color:var(--muted);margin:17px 0 27px}.beat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px}.cover{position:relative;aspect-ratio:1;overflow:hidden;background:#35382b}.cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.55)}.cover-tag{position:absolute;top:12px;left:12px;font-size:7px;letter-spacing:1px;color:white;background:#111b;padding:6px 8px}.play{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:42px;height:42px;background:var(--lime);color:#13190a;border:0;border-radius:50%;cursor:pointer;font-size:15px}.play:hover{background:white}.sleeve{height:100%;padding:56px 20px 25px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 100% 5%,#ffffff18,transparent 60%),repeating-linear-gradient(135deg,transparent,transparent 15px,#ffffff06 16px,#ffffff06 17px)}.sleeve>span{font-size:7px;letter-spacing:2px;opacity:.65}.sleeve strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(28px,3vw,46px);line-height:.92;max-width:90%;font-weight:800}.sleeve small{font-size:8px;letter-spacing:1px;max-width:75%}.cover-philly{background:#3a4233;color:#dbe7c5}.cover-melodic{background:#5d5042;color:#f3e5cd}.cover-chuckyy{background:#343b40;color:#dae7e9}.beat-meta{display:flex;justify-content:space-between;gap:8px;padding:17px 0 14px}.beat-meta h3{font-size:14px;margin-bottom:6px;letter-spacing:-.3px}.beat-meta p{color:var(--muted);font-size:10px;margin:0;line-height:1.5}.beat-meta>span{font-size:12px;color:var(--lime);white-space:nowrap}.license{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;font-size:10px;color:#c3c6b5}.license span{color:var(--lime)}.catalog-footer{border-top:1px solid var(--line);padding-top:28px;margin-top:38px;display:flex;justify-content:space-between;align-items:center}.catalog-footer>span{font-size:9px;color:var(--muted);letter-spacing:2px}.outline{border:1px solid #515643}.sound-section{background:#1b1e16;padding:65px max(6%,calc((100vw - 1267px)/2));border-block:1px solid var(--line)}.sound-section h2{margin-bottom:38px}.lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.lanes>a{border-top:1px solid #555d42;padding:22px 0;position:relative}.lanes span{font-size:10px;color:var(--lime)}.lanes h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:27px;margin:20px 0 8px}.lanes p{color:var(--muted);font-size:12px;margin-bottom:0}.lanes b{position:absolute;right:0;top:20px;color:var(--lime);font-size:25px}.about{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;align-items:center}.about-mark{aspect-ratio:1.12;border:1px solid #414635;display:flex;flex-direction:column;justify-content:center;padding:30px;background:repeating-linear-gradient(-45deg,#1d2118 0,#1d2118 1px,transparent 1px,transparent 12px);font:900 105px/.76 'Barlow Condensed',Impact,sans-serif;letter-spacing:-3px}.about-mark span{color:var(--lime)}.about-mark small{font:9px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:30px}.about h2{margin-bottom:26px}.about p:not(.eyebrow){color:var(--muted);line-height:1.9;font-size:13px}.about .button{margin-top:12px}.how{padding-top:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid var(--line);padding-top:28px}.steps span{font-size:10px;color:var(--lime)}.steps h3{margin:17px 0 10px;font-size:18px}.steps p{color:var(--muted);line-height:1.8;font-size:12px;max-width:300px}.closing{padding:65px 6%;background:var(--lime);color:#13190c;text-align:center}.closing .eyebrow{color:#414b2b}.closing h2{font-size:clamp(65px,8vw,110px);line-height:.9;margin-bottom:30px}.closing em{color:#13190c}.dark{background:#13190c;color:var(--lime)}footer{max-width:1440px;margin:auto;padding:40px 6%;display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer .logo{font-size:29px}footer p{font-size:11px;color:var(--muted);margin:0}footer>div{display:flex;gap:22px;margin-left:auto;font-size:11px}footer small{width:100%;color:#777d6b;font-size:9px;border-top:1px solid var(--line);padding-top:20px}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);width:min(760px,92vw);padding:20px}dialog::backdrop{background:#000c}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-head button{background:none;color:var(--ink);border:0;font-size:22px;cursor:pointer;padding:8px}#video iframe{width:100%;aspect-ratio:16/9;border:0}dialog p{font-size:12px;color:var(--muted);margin:15px 0 0}dialog a{color:var(--lime)}.skip{position:absolute;top:-100px;background:var(--lime);color:#111;padding:15px;z-index:10}.skip:focus{top:10px}
@media(min-width:1500px){.hero{padding-top:85px;padding-bottom:90px}.hero-art{max-height:570px}}
@media(max-width:1000px){.hero{gap:5%}h1{font-size:80px}.hero-note{flex-direction:column;gap:8px}.catalog-controls{flex-direction:column}.beat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sleeve strong{font-size:48px}.hero-art{aspect-ratio:.8}.record-label strong{font-size:30px}.art-word{font-size:47px}.about{gap:6%}.about-mark{font-size:85px}}
@media(max-width:650px){header{height:76px;padding-inline:6%}header nav{display:none}.logo{font-size:30px}.nav-cta{font-size:10px;padding:10px 12px}.hero{grid-template-columns:1fr;padding-top:40px;gap:40px}h1{font-size:clamp(78px,17vw,110px)}.hero .eyebrow{font-size:8px}.intro{font-size:12px}.hero-note{flex-direction:row;font-size:7px;gap:15px;margin-top:30px}.hero-art{aspect-ratio:1.05;max-width:430px;width:96%;justify-self:center}.art-word{font-size:57px}.record-label strong{font-size:38px}.art-sticker{padding:16px;font-size:11px}.ticker{padding:14px 6%;font-size:8px;justify-content:space-between}.ticker span:nth-of-type(2),.ticker span:nth-of-type(3),.ticker b:last-child{display:none}.section{padding-block:50px}.section-head{align-items:center;gap:15px}.section-head h2{font-size:40px}.section-head .text-link{font-size:10px}.eyebrow{font-size:8px;letter-spacing:1.5px}.filters{gap:6px}.filters button{font-size:10px;padding:9px 11px}.beat-grid{gap:25px 14px}.cover-tag{font-size:5px;left:8px;top:8px;padding:5px}.sleeve{padding:38px 13px 20px}.sleeve strong{font-size:31px}.sleeve>span{font-size:5px;letter-spacing:1px}.sleeve small{font-size:6px}.play{width:34px;height:34px;right:9px;bottom:9px}.beat-meta h3{font-size:12px}.beat-meta p{font-size:9px}.beat-meta>span{font-size:10px}.license{font-size:8px}.catalog-footer>span{max-width:100px;line-height:1.8;font-size:7px}.button{font-size:11px;padding:14px 18px;gap:20px}.sound-section{padding-block:50px}.lanes{grid-template-columns:1fr;gap:0}.lanes h3{margin-top:12px}.about{grid-template-columns:1fr;gap:35px}.about-mark{max-width:320px;width:100%;font-size:100px}.steps{grid-template-columns:1fr;gap:20px}.steps h3{margin-top:10px}.steps p{max-width:none}.how{padding-top:0}.closing{padding-block:50px}footer{gap:20px}footer>div{margin-left:0;width:100%;justify-content:space-between}footer p{margin-left:auto;font-size:9px}}
.art-word{z-index:1}.art-word span{color:#f0f0e7;text-shadow:1px 1px #151a11}
.logo{gap:12px;align-items:center;letter-spacing:0}.logo .brand-symbol{width:43px;height:43px;flex-shrink:0}.logo .brand-name{font:700 19px 'DM Sans',Arial,sans-serif;letter-spacing:4px;margin:0;white-space:nowrap}.brand-name b{color:var(--lime);font-weight:700}.about-mark{align-items:center}.about-mark>img{width:95%;height:auto;max-height:300px}.about-mark small{letter-spacing:3px}.record-label{background:#25291e}.record-brand{width:53%;height:53%;margin:8px 0}.record-label small,.record-label>span{color:var(--ink)}footer .logo .brand-symbol{width:35px;height:35px}footer .logo .brand-name{font-size:15px;letter-spacing:3px}
@media(max-width:650px){.logo{gap:8px}.logo .brand-symbol{width:34px;height:34px}.logo .brand-name{font-size:14px;letter-spacing:2px}.record-brand{margin:4px 0}.about-mark>img{max-height:230px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}