:root{--lime:#c8ff00;--purple:#9a12ff;--ink:#0a090c;--paper:#eeeae2;--orange:#ff5b22}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:white;font-family:Inter,Arial,sans-serif;overflow-x:hidden}
.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.05;background: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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.nav{height:84px;position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid #ffffff2a}
.brand{color:white;text-decoration:none;font:900 22px/1 'Barlow Condensed';letter-spacing:-.5px}
.brand span{color:var(--lime)}
.brand i{color:var(--purple)}
.nav nav{display:flex;gap:32px}
.nav nav a,.nav-cta{color:white;text-decoration:none;text-transform:uppercase;font:700 12px Inter;letter-spacing:1.5px}
.nav nav a:hover{color:var(--lime)}
.nav-cta{border:1px solid #ffffff70;padding:13px 18px}
.hero{height:820px;min-height:100vh;position:relative;display:flex;align-items:center;padding:110px 7vw 70px;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:url('assets/partyproleten-hero.png') center/cover no-repeat}
.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,10,.96) 0%,rgba(8,6,10,.73) 38%,rgba(8,6,10,.05) 75%),linear-gradient(0deg,rgba(8,6,10,.65),transparent 45%)}
.hero-copy{position:relative;z-index:2;max-width:820px}
.eyebrow,.kicker{text-transform:uppercase;letter-spacing:3px;font:700 12px Inter}
.eyebrow span{display:inline-block;width:30px;height:4px;background:var(--lime);vertical-align:middle;margin-right:10px}
.hero h1,.section h2,.big-type{font:400 clamp(64px,8.4vw,138px)/.82 Anton,sans-serif;letter-spacing:-3px;margin:32px 0 26px;text-transform:uppercase}
.hero h1 em{color:var(--lime);font-style:normal;-webkit-text-stroke:1px #111;text-shadow:5px 5px 0 var(--purple)}
.intro{max-width:510px;font:600 18px/1.6 'Barlow Condensed';letter-spacing:.3px;color:#e7e1e7}
.actions{display:flex;gap:12px;margin-top:34px}
.btn{padding:17px 26px;text-decoration:none;text-transform:uppercase;font:800 13px Inter;letter-spacing:1px;display:inline-block}
.primary{background:var(--lime);color:#09090a}
.ghost{border:1px solid #ffffff73;color:white;backdrop-filter:blur(8px)}
.stamp{position:absolute;right:5vw;bottom:80px;width:130px;height:130px;border:2px solid var(--lime);border-radius:50%;display:grid;grid-template-columns:1fr 1fr;place-items:center;transform:rotate(-10deg);z-index:2;background:#08080aaa}
.stamp span{font:68px/.8 Anton;color:var(--lime)}
.stamp small{font:700 9px/1.4 Inter}
.ticker{background:var(--lime);color:#080808;white-space:nowrap;overflow:hidden;transform:rotate(-1.4deg);margin:-8px -10px 0;position:relative;z-index:3}
.ticker div{font:900 23px/1 'Barlow Condensed';letter-spacing:2px;padding:15px 0;animation:marquee 20s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}
}
.section{padding:120px 7vw}
.section-label{font:700 10px Inter;letter-spacing:2px;color:#807b82;border-left:3px solid var(--purple);padding-left:10px}
.sound{background:var(--paper);color:var(--ink)}
.sound-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end}
.sound h2{font-size:clamp(54px,7vw,112px)}
.sound h2 span{color:transparent;-webkit-text-stroke:2px var(--purple)}
.copy{font-size:16px;line-height:1.8;padding-bottom:12px}
.shows{background:var(--purple);color:white}
.light{color:#ffffff90;border-color:var(--lime)}
.shows-head{display:flex;justify-content:space-between;align-items:end}
.shows h2{font-size:clamp(58px,7vw,112px)}
.shows h2 em{color:var(--lime);font-style:normal}
.shows-head p{max-width:270px;margin-bottom:40px;line-height:1.6}
.dates article{display:grid;grid-template-columns:190px 1fr 100px 120px;align-items:center;border-top:1px solid #ffffff50;padding:22px 0}
.dates article:last-child{border-bottom:1px solid #ffffff50}
.date{display:grid;grid-template-columns:30px 70px 1fr;align-items:center}
.date b{font-size:10px}
.date strong{font:55px/1 Anton}
.date span,.tag{font:700 9px Inter;letter-spacing:1px}
.date.multi-day{grid-template-columns:36px 94px 1fr}
.date.multi-day b{white-space:nowrap}
.date.multi-day strong{font-size:34px;white-space:nowrap}
.dates h3{font:700 27px 'Barlow Condensed';margin:0}
.dates p{margin:5px 0 0;font-size:12px;color:#ffffffae}
.dates button,.dates article>a{background:transparent;border:1px solid #ffffff80;color:white;padding:12px;text-align:center;text-decoration:none;text-transform:uppercase;font:700 10px Inter}
.dates .muted{opacity:.7}
.about{background:var(--ink);display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:center}
.big-type{font-size:clamp(65px,8vw,125px)}
.big-type span{color:transparent;-webkit-text-stroke:2px var(--lime)}
.about-copy>p{font:600 20px/1.6 'Barlow Condensed';margin:50px 0}
.stats{display:flex;gap:34px}
.stats div{display:flex;flex-direction:column}
.stats b{font:50px Anton;color:var(--lime)}
.stats span{font:700 9px Inter;letter-spacing:2px}
.booking{background:var(--lime);color:var(--ink);position:relative;overflow:hidden}
.booking:after{content:'PP';position:absolute;right:-2vw;bottom:-12vw;font:400 36vw/1 Anton;color:#0a0a0a0b}
.booking h2{font-size:clamp(62px,8vw,130px);position:relative;z-index:1}
.booking-actions{position:relative;z-index:2;display:flex;align-items:center;gap:30px}
.dark{background:var(--ink);color:white}
.social{color:var(--ink);font:800 12px Inter;text-transform:uppercase}
footer{padding:40px 4.5vw;display:flex;justify-content:space-between;align-items:center;background:#050506;border-top:1px solid #ffffff20}
footer p,footer>a:last-child{font-size:10px;color:#ffffff70;text-decoration:none}
.reveal{opacity:0;transform:translateY(30px);transition:.8s ease}
.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.nav{height:70px}
.nav nav{display:none}
.nav-cta{padding:10px}
.hero{height:760px;padding:100px 6vw 60px;align-items:flex-end}
.hero-bg{background-position:66% center}
.hero-wash{background:linear-gradient(0deg,#08060af5 5%,#08060a99 67%,#08060a55)}
.hero h1{font-size:59px;letter-spacing:-1px}
.intro{font-size:16px}
.stamp{width:90px;height:90px;right:5vw;top:105px}
.stamp span{font-size:44px}
.section{padding:85px 6vw}
.sound-grid,.about{grid-template-columns:1fr}
.sound h2,.shows h2,.booking h2{letter-spacing:-1px}
.copy{max-width:520px}
.shows-head{display:block}
.dates article{grid-template-columns:120px 1fr;gap:14px}
.dates .tag{display:none}
.dates article.tour-card{grid-template-columns:134px 1fr}
.date.multi-day{grid-template-columns:78px 1fr;grid-template-areas:"weekday weekday" "range month";row-gap:4px}
.date.multi-day b{grid-area:weekday}
.date.multi-day strong{grid-area:range;font-size:26px}
.date.multi-day span{grid-area:month}
.date.multi-day span{font-size:8px;letter-spacing:.5px;white-space:nowrap}
.dates article.tour-card .tag{display:block;grid-column:2;width:max-content}
.dates button,.dates article>a{grid-column:2;width:110px}
.date{grid-template-columns:22px 48px 1fr}
.date strong{font-size:42px}
.stats{gap:17px}
.stats b{font-size:38px}
.booking-actions{align-items:flex-start;flex-direction:column}
footer{gap:18px;flex-direction:column;text-align:center}
}

@font-face { font-family: "Anton"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/anton-400.ttf") format("truetype"); }

@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/barlow-condensed-400.ttf") format("truetype"); }

@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/fonts/barlow-condensed-600.ttf") format("truetype"); }

@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/fonts/barlow-condensed-700.ttf") format("truetype"); }

@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 900; font-display: swap; src: url("assets/fonts/barlow-condensed-900.ttf") format("truetype"); }

@font-face { font-family: "Barlow Condensed"; font-style: italic; font-weight: 700; font-display: swap; src: url("assets/fonts/barlow-condensed-700-italic.ttf") format("truetype"); }

@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/fonts/inter-400.ttf") format("truetype"); }

@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/fonts/inter-500.ttf") format("truetype"); }

@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/fonts/inter-600.ttf") format("truetype"); }

@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/fonts/inter-700.ttf") format("truetype"); }

@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("assets/fonts/inter-800.ttf") format("truetype"); }

@font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("assets/fonts/inter-900.ttf") format("truetype"); }