:root{--black:#0b0b0b;--off:#eeeae1;--acid:#d7ff3f;--red:#ed4938;--grey:#99958c;--line:rgba(238,234,225,.23);--cond:'Barlow Condensed',Impact,sans-serif;--mono:'Space Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--off);font-family:var(--mono);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.055;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 baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.topbar{position:absolute;z-index:10;top:0;left:0;width:100%;height:100px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.26)}.logo{font:900 20px/.7 var(--cond);letter-spacing:-.04em;position:relative}.logo span{color:var(--acid);font-size:11px;position:absolute;right:-13px;top:-4px}.topbar nav{display:flex;gap:34px}.topbar nav a,.listen-pill{font:700 10px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em}.topbar nav a{color:#c5c3bd}.topbar nav a:hover{color:var(--acid)}.listen-pill{border:1px solid rgba(255,255,255,.55);padding:13px 17px;background:rgba(5,5,5,.25);backdrop-filter:blur(8px)}.listen-pill span{color:var(--acid)}
.hero{height:max(780px,100svh);position:relative;overflow:hidden}.hero>img{filter:contrast(1.08);object-position:center 35%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,4,.96) 0%,rgba(5,5,5,.72) 34%,rgba(0,0,0,.08) 69%),linear-gradient(0deg,rgba(3,3,3,.72),transparent 32%)}.hero-copy{position:absolute;z-index:2;left:clamp(20px,7vw,108px);right:clamp(20px,7vw,108px);top:50%;transform:translateY(-40%)}.sticker{display:inline-block;background:var(--acid);color:var(--black);padding:8px 13px;margin:0 0 25px;transform:rotate(-2deg);font:700 10px/1 var(--mono);text-transform:uppercase;box-shadow:5px 5px 0 var(--red)}.hero h1{font:900 clamp(90px,16vw,240px)/.67 var(--cond);letter-spacing:-.065em;text-transform:uppercase;margin:0}.hero h1 span{display:block}.hero h1 span:nth-child(2){-webkit-text-stroke:1.5px var(--off);color:transparent;margin-left:8vw}.hero-line{display:flex;align-items:center;gap:50px;margin:60px 0 0 9vw}.hero-line p{font:400 12px/1.7 var(--mono);color:#d0cdc5;text-transform:uppercase;letter-spacing:.05em;margin:0}.hero-line a{background:var(--red);padding:15px 20px;font:700 10px/1 var(--mono);text-transform:uppercase;transform:rotate(1deg);box-shadow:6px 6px 0 var(--off);transition:.2s}.hero-line a:hover{transform:rotate(-2deg) translateY(-3px)}.hero-line b{margin-left:15px}.issue-mark{position:absolute;z-index:2;right:26px;bottom:28px;font:400 8px/1 var(--mono);letter-spacing:.14em;writing-mode:vertical-rl}.tape{position:absolute;z-index:3;background:rgba(225,219,194,.46);width:110px;height:28px;mix-blend-mode:screen}.tape-one{top:42%;left:-26px;transform:rotate(86deg)}.tape-two{right:6%;bottom:7%;transform:rotate(-13deg)}
.marquee{overflow:hidden;background:var(--acid);color:var(--black);border-block:4px solid var(--black);transform:rotate(-.7deg);width:102%;margin-left:-1%;position:relative;z-index:4}.marquee>div{display:flex;align-items:center;gap:26px;width:max-content;padding:14px 0;animation:scroll 26s linear infinite;font:900 24px/1 var(--cond);letter-spacing:.02em}.marquee i{font-style:normal;color:var(--red)}@keyframes scroll{to{transform:translateX(-50%)}}
.intro-grid{padding:clamp(100px,11vw,170px) clamp(20px,6vw,90px);display:grid;grid-template-columns:.7fr 1.25fr .65fr;gap:clamp(20px,4vw,65px);align-items:center;background:var(--off);color:var(--black);position:relative}.intro-grid::after{content:"";position:absolute;left:0;right:0;top:45%;height:8px;background:var(--red);z-index:0;transform:rotate(-1deg)}.intro-grid>*{position:relative;z-index:1}.intro-grid figure{margin:0;background:var(--black);padding:8px;box-shadow:12px 12px 0 rgba(11,11,11,.17)}.intro-one{transform:rotate(-3deg)}.intro-two{transform:rotate(3deg)}.intro-grid figure img{height:clamp(390px,48vw,690px)}.intro-grid figcaption{color:var(--off);padding:10px 4px 3px;text-transform:uppercase;font-size:8px;letter-spacing:.12em}.section-no{font:700 9px/1 var(--mono);text-transform:uppercase;letter-spacing:.11em}.intro-copy{background:var(--off);padding:40px 20px}.intro-copy .section-no{color:var(--red)}.intro-copy blockquote{font:800 clamp(38px,5.3vw,82px)/.96 var(--cond);letter-spacing:-.035em;text-transform:uppercase;margin:30px 0 0}
.music{padding:clamp(100px,12vw,180px) clamp(20px,7vw,108px);background:var(--black)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;border-top:1px solid var(--line);padding-top:22px}.section-head .section-no{color:var(--acid)}.section-head h2,.about h2,.connect h2{font:900 clamp(74px,11vw,170px)/.72 var(--cond);letter-spacing:-.055em;text-transform:uppercase;margin:0;text-align:right}.section-head h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--off)}.music-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,115px);align-items:center;margin-top:90px}.spotify-wrap{background:#20201f;padding:15px;border:1px solid #474643;box-shadow:15px 15px 0 var(--red);transform:rotate(-1deg)}.player-top{display:flex;justify-content:space-between;padding:7px 4px 15px;font-size:8px;color:var(--grey)}.spotify-wrap iframe{display:block}.spotify-wrap>a{display:flex;justify-content:space-between;background:var(--acid);color:var(--black);padding:15px;margin-top:12px;font:700 10px/1 var(--mono);text-transform:uppercase}.studio-card{margin:0;position:relative;transform:rotate(2deg)}.studio-card::before{content:"";position:absolute;inset:-12px;border:1px solid var(--line)}.studio-card img{height:clamp(380px,45vw,620px);filter:contrast(1.08)}.studio-card figcaption{position:absolute;left:-24px;bottom:30px;background:var(--off);color:var(--black);padding:12px 15px;font:700 9px/1 var(--mono);text-transform:uppercase;transform:rotate(-3deg)}
.releases{padding:clamp(100px,12vw,175px) clamp(20px,7vw,108px);background:var(--off);color:var(--black);overflow:hidden}.releases-head{display:grid;grid-template-columns:1fr auto;align-items:end;border-top:2px solid var(--black);padding-top:20px}.releases-head .section-no{color:var(--red)}.releases-head h2{grid-column:1/-1;font:900 clamp(82px,13vw,200px)/.72 var(--cond);letter-spacing:-.06em;text-transform:uppercase;margin:55px 0 22px}.releases-head p{grid-column:2;margin:0;font:400 10px/1.6 var(--mono);text-transform:uppercase}.release-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,64px) clamp(16px,2.6vw,42px);margin-top:75px}.release-card{display:block}.release-card:nth-child(3n+2){transform:translateY(46px)}.release-art{aspect-ratio:1;position:relative;background:var(--black);box-shadow:9px 9px 0 rgba(11,11,11,.16);overflow:hidden}.release-art img{transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .45s}.release-art span{position:absolute;right:12px;top:12px;width:34px;height:34px;background:var(--acid);display:grid;place-items:center;font-weight:700;transform:translateY(-55px);transition:transform .25s}.release-card:hover .release-art img{transform:scale(1.035);filter:contrast(1.1)}.release-card:hover .release-art span{transform:none}.release-meta{padding:18px 4px}.release-meta>span{font:700 8px/1.3 var(--mono);text-transform:uppercase;color:#77736b}.release-meta h3{font:800 clamp(25px,2.5vw,40px)/.92 var(--cond);text-transform:uppercase;letter-spacing:-.025em;margin:10px 0 0}.all-releases{display:flex;justify-content:space-between;width:min(360px,100%);border:2px solid var(--black);padding:15px 18px;margin:120px 0 0 auto;font:700 9px/1 var(--mono);text-transform:uppercase;transition:.2s}.all-releases:hover{background:var(--black);color:var(--acid)}
.live{min-height:920px;height:100svh;position:relative;overflow:hidden}.live>img{object-position:center 44%}.live-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),transparent 55%),linear-gradient(0deg,rgba(0,0,0,.7),transparent 50%)}.live-title{position:absolute;left:clamp(20px,6vw,90px);top:10%;background:var(--acid);color:var(--black);padding:10px 13px;transform:rotate(-2deg)}.live-title span{font:700 9px/1 var(--mono)}.live-caption{position:absolute;left:clamp(20px,6vw,90px);bottom:7%;font:700 10px/1.7 var(--mono);text-transform:uppercase;border-left:5px solid var(--red);padding-left:17px}
.tour-dates{padding:clamp(100px,11vw,165px) clamp(20px,7vw,108px);background:var(--black);color:var(--off)}.tour-head{display:grid;grid-template-columns:1fr auto;align-items:end;border-top:1px solid var(--line);padding-top:20px}.tour-head .section-no{color:var(--acid)}.tour-head h2{grid-column:1/-1;font:900 clamp(78px,12vw,185px)/.72 var(--cond);letter-spacing:-.06em;text-transform:uppercase;margin:55px 0 20px}.tour-head p{grid-column:2;margin:0;font:400 9px/1.6 var(--mono);text-transform:uppercase;color:var(--grey)}.tour-list{margin-top:70px;border-top:1px solid var(--line)}.tour-row{display:grid;grid-template-columns:130px 1fr 90px 110px;align-items:center;gap:28px;border-bottom:1px solid var(--line);padding:22px 12px;transition:.22s}.tour-row:hover{background:var(--acid);color:var(--black);padding-left:24px;padding-right:24px}.tour-row time{display:flex;align-items:center;gap:12px}.tour-row time b{font:900 46px/.8 var(--cond)}.tour-row time span,.tour-time,.tour-link{font:700 8px/1.35 var(--mono);text-transform:uppercase;letter-spacing:.06em}.tour-place{display:flex;align-items:baseline;gap:24px}.tour-place strong{font:800 clamp(28px,3.4vw,52px)/.9 var(--cond);text-transform:uppercase}.tour-place span{font:400 9px/1.4 var(--mono);text-transform:uppercase;color:var(--grey)}.tour-link{text-align:right;color:var(--acid)}.tour-row:hover .tour-link,.tour-row:hover .tour-place span{color:var(--black)}.tour-all{display:flex;justify-content:space-between;width:min(390px,100%);border:1px solid var(--line);padding:16px 18px;margin:50px 0 0 auto;font:700 9px/1 var(--mono);text-transform:uppercase}.tour-all span{color:var(--acid)}.tour-all:hover{border-color:var(--acid)}
.about{padding:clamp(110px,13vw,190px) clamp(20px,7vw,108px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(65px,10vw,160px);background:var(--off);color:var(--black);align-items:center}.about-collage{height:min(800px,75vw);position:relative}.about-main{width:72%;height:78%;margin:0 0 0 auto;box-shadow:18px 18px 0 var(--black)}.about-small{position:absolute;width:50%;height:42%;bottom:0;left:0;border:8px solid var(--off);transform:rotate(-4deg);box-shadow:9px 9px 0 var(--red)}.paste-label{position:absolute;right:-18px;top:8%;background:var(--acid);padding:12px 18px;font:700 11px/1.25 var(--mono);transform:rotate(5deg);box-shadow:5px 5px 0 var(--black)}.about-copy .section-no{color:var(--red)}.about h2{font-size:clamp(74px,9.5vw,145px);text-align:left;margin:30px 0 50px}.about-copy p{font:400 13px/1.85 var(--mono);color:#4b4944;max-width:640px}.about-copy .lede{font:700 clamp(20px,2vw,29px)/1.45 var(--cond);text-transform:uppercase;color:var(--black)}.press-note{border-top:2px solid var(--black);margin-top:42px;padding-top:22px;display:flex;justify-content:space-between;gap:20px}.press-note q{font:700 italic clamp(22px,2.4vw,36px)/1.2 var(--cond)}.press-note span{font-size:8px;color:var(--red);padding-top:7px}
.visual-break{height:80svh;min-height:650px;position:relative;overflow:hidden;background:#040606}.visual-break img{object-position:center 42%;filter:contrast(1.12) saturate(.85)}.visual-break::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.76))}.visual-break p{position:absolute;z-index:2;right:6%;top:50%;transform:translateY(-50%) rotate(-2deg);font:900 clamp(56px,8vw,126px)/.77 var(--cond);letter-spacing:-.05em;text-align:right;margin:0}.visual-break p span{color:var(--acid)}
.connect{padding:clamp(110px,13vw,190px) clamp(20px,7vw,108px);background:var(--black)}.connect{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(50px,8vw,120px)}.connect-title{position:sticky;top:50px;align-self:start}.connect-title .section-no{color:var(--acid)}.connect h2{text-align:left;font-size:clamp(75px,9vw,138px);margin-top:32px}.links{border-top:1px solid var(--line)}.links a{display:grid;grid-template-columns:45px 1fr 100px 30px;align-items:center;border-bottom:1px solid var(--line);padding:23px 8px;transition:.22s}.links a:hover{background:var(--acid);color:var(--black);padding-left:18px}.links span,.links i{font:400 8px/1 var(--mono);color:var(--grey);font-style:normal;text-transform:uppercase}.links b{font:800 clamp(27px,3.2vw,48px)/1 var(--cond);text-transform:uppercase}.links strong{font-size:20px;color:var(--red)}
footer{padding:80px clamp(20px,4vw,64px) 30px;background:var(--red);color:var(--black)}.footer-name{font:900 clamp(70px,15vw,230px)/.65 var(--cond);letter-spacing:-.06em;text-transform:uppercase;margin:0;white-space:nowrap}.footer-name span{color:var(--acid);font-size:.3em;vertical-align:top}.footer-bottom{display:grid;grid-template-columns:1fr 1fr auto;border-top:2px solid var(--black);padding-top:20px;margin-top:70px;font:700 8px/1.4 var(--mono);text-transform:uppercase}.footer-bottom b{font-weight:700}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.topbar{height:78px}.topbar nav{display:none}.hero{height:860px}.hero>img{object-position:62% center}.hero-shade{background:linear-gradient(0deg,rgba(2,2,2,.95),rgba(2,2,2,.06) 75%)}.hero-copy{top:auto;bottom:11%;transform:none}.hero h1{font-size:24vw}.hero h1 span:nth-child(2){margin-left:0}.hero-line{margin:40px 0 0;justify-content:space-between}.intro-grid{grid-template-columns:1fr 1fr}.intro-copy{grid-column:1/-1;grid-row:1}.intro-grid figure img{height:65vw}.music-layout,.about,.connect{grid-template-columns:1fr}.section-head{display:block}.section-head h2{text-align:left;margin-top:35px}.studio-card{margin-top:30px}.live{height:860px;min-height:0}.live>img{object-position:60% center}.about-collage{height:740px}.about-copy{grid-row:1}.connect-title{position:static}.visual-break img{object-position:36% center}.footer-bottom{grid-template-columns:1fr auto}.footer-bottom span:first-child{display:none}}
@media(max-width:520px){.listen-pill{padding:11px 12px}.hero{height:760px}.hero-line{align-items:flex-end;gap:15px}.hero-line p{font-size:9px}.hero-line a{font-size:8px;padding:13px}.intro-grid{gap:10px}.intro-grid figure{padding:5px}.intro-grid figure img{height:80vw}.music{padding-left:18px;padding-right:18px}.spotify-wrap{box-shadow:8px 8px 0 var(--red)}.live-title h2{font-size:21vw}.live-caption{font-size:8px}.about{padding-left:20px;padding-right:20px}.about-collage{height:580px}.about-main{width:80%}.about-small{width:54%}.visual-break p{font-size:16vw}.links a{grid-template-columns:32px 1fr 22px}.links i{display:none}.footer-name{font-size:18vw}}
@media(max-width:850px){.release-grid{grid-template-columns:repeat(2,1fr);row-gap:55px}.release-card:nth-child(n){transform:none}.release-card:nth-child(even){transform:translateY(28px)}}
@media(max-width:850px){.tour-row{grid-template-columns:100px 1fr 75px;gap:16px}.tour-place{display:block}.tour-place span{display:block;margin-top:7px}.tour-link{grid-column:3;grid-row:1}.tour-time{display:none}}
@media(max-width:520px){.releases-head{display:block}.releases-head h2{font-size:25vw;margin-top:45px}.releases-head p{margin-top:18px}.release-grid{gap:13px;row-gap:45px;margin-top:50px}.release-art{box-shadow:5px 5px 0 rgba(11,11,11,.16)}.release-meta{padding-top:13px}.release-meta h3{font-size:24px}.all-releases{margin-top:80px}}
@media(max-width:520px){.tour-head{display:block}.tour-head h2{font-size:24vw;margin-top:45px}.tour-head p{margin-top:20px}.tour-list{margin-top:50px}.tour-row{grid-template-columns:72px 1fr 58px;padding:18px 4px;gap:10px}.tour-row time{gap:7px}.tour-row time b{font-size:36px}.tour-row time span{font-size:6px}.tour-place strong{font-size:27px}.tour-place span{font-size:7px}.tour-link{font-size:7px}.tour-row:hover{padding-left:10px;padding-right:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee>div{animation:none}.reveal{opacity:1;transform:none;transition:none}}