:root{--mhjh-gold:#ffcc16;--mhjh-amber:#ff8a00;--mhjh-ink:#070605;--mhjh-cream:#fff3d2}
html{background:#050403}
body{background:#070605 url('/assets/lineup-editie-I.jpg') center 22%/cover fixed no-repeat;position:relative}
body:before{content:"";position:fixed;z-index:0;inset:0;background:linear-gradient(90deg,rgba(3,3,3,.97) 0%,rgba(3,3,3,.87) 34%,rgba(8,5,0,.78) 72%,rgba(3,3,3,.94) 100%),linear-gradient(180deg,rgba(0,0,0,.25),#050505 92%);pointer-events:none}
body:after{content:"";position:fixed;z-index:0;inset:-20%;background:conic-gradient(from 198deg at 76% -10%,transparent 0 43%,rgba(255,190,0,.13) 46%,transparent 49% 100%);filter:blur(8px);animation:laser-sweep 11s ease-in-out infinite alternate;pointer-events:none}
.shell{position:relative;z-index:1;width:min(100%,980px);padding:22px 24px 60px}
header{height:86px;border:0;position:relative;gap:20px}
header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--mhjh-gold),rgba(255,204,22,.05))}
.brand{display:flex;align-items:center;gap:15px;color:var(--mhjh-cream)!important;text-decoration:none!important}
.brand img{display:block;width:112px;height:58px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,173,0,.35))}
.brand span{font:1000 19px/1 Arial,sans-serif;letter-spacing:4px;white-space:nowrap}
.header-tag{color:#9d9585;font:800 9px/1 Arial,sans-serif;letter-spacing:2px}
header .link{color:var(--mhjh-cream);text-transform:uppercase;letter-spacing:1px;text-decoration:none;border:1px solid rgba(255,204,22,.55);padding:10px 14px}
.notice{border:1px solid var(--mhjh-gold);background:linear-gradient(90deg,rgba(62,43,0,.95),rgba(15,12,5,.95));box-shadow:0 0 28px rgba(255,180,0,.12)}
.panel,.hero{border:1px solid rgba(255,204,22,.8);box-shadow:12px 12px 0 rgba(255,175,0,.1),0 22px 80px rgba(0,0,0,.48);position:relative;overflow:hidden}
.panel:before,.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.87) 52%,rgba(5,5,5,.42) 100%),url('/assets/banner_editie_II.jpeg') center/cover no-repeat;z-index:0}
.panel>* ,.hero>*{position:relative;z-index:1}
.panel h1,.hero h1{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-weight:900;text-shadow:5px 5px 0 #000;letter-spacing:-2px}
.panel h1 em,.hero h1 em{background:linear-gradient(180deg,#ffe65a 0%,#ffbd00 58%,#e87800 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #4e2600)}
.eyebrow{color:var(--mhjh-gold);text-shadow:0 0 15px rgba(255,204,22,.35)}
input{background:rgba(0,0,0,.77);border-color:#706126}
form>button,.secondary{background:linear-gradient(180deg,#ffe057,#ffbd0a);box-shadow:5px 5px 0 var(--mhjh-cream);clip-path:polygon(2% 0,100% 0,98% 100%,0 100%)}
.hero{min-height:350px;display:flex;align-items:flex-end;padding:46px;background:#050505}
.hero:before{background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.74) 46%,rgba(0,0,0,.25) 100%),url('/assets/banner_editie_II.jpeg') center/cover no-repeat;filter:saturate(.9) contrast(1.08)}
.hero:after{content:"";position:absolute;z-index:0;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(0,0,0,.82))}
.hero-copy{position:relative;z-index:1;max-width:720px}
.hero h1{font-size:clamp(62px,10vw,112px);line-height:.78;max-width:850px}
.hero-stamp{display:inline-block;margin-top:18px;padding:7px 10px;border:1px solid rgba(255,204,22,.7);color:var(--mhjh-gold);font:900 10px/1 Arial,sans-serif;letter-spacing:2px;background:rgba(0,0,0,.6)}
.dashboard-grid{gap:14px;margin-top:16px}
.card{position:relative;overflow:hidden;isolation:isolate;min-height:205px;border:1px solid rgba(255,220,100,.24);background:#0a0907!important;padding:24px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.card:before{content:"";position:absolute;z-index:-2;inset:0;background-position:center;background-size:cover;filter:grayscale(.25) saturate(.75);transform:scale(1.025);transition:transform .25s ease,filter .25s ease}
.card:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,4,4,.98) 5%,rgba(4,4,4,.84) 57%,rgba(4,4,4,.3)),linear-gradient(0deg,rgba(0,0,0,.82),transparent 70%)}
.card-arcade:before{background-image:url('/assets/djs/darkraver.webp')}.card-tickets:before{background-image:url('/assets/lineup-editie-I.jpg')}.card-lootjes:before{background-image:url('/assets/lootjes-plakken.jpg');background-position:center 45%}.card-merch:before{background-image:url('/assets/banner_editie_II.jpeg')}.card-agenda:before{background-image:url('/assets/lineup-editie-I.jpg')}
.card.live{border-color:var(--mhjh-gold);box-shadow:inset 4px 0 0 var(--mhjh-gold),0 0 28px rgba(255,183,0,.08)}
.card.live:hover{transform:translateY(-3px);border-color:#ffe873;box-shadow:inset 4px 0 0 var(--mhjh-gold),0 12px 35px rgba(0,0,0,.45)}
.card:hover:before{transform:scale(1.07);filter:grayscale(0) saturate(1)}
.card b{font-size:11px;letter-spacing:2.5px}.card strong{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-weight:400;letter-spacing:.5px;font-size:31px;text-shadow:3px 3px 0 #000}.card span{color:#d2c7b1;max-width:72%}
.arcade-stats{margin-top:14px;background:rgba(8,7,5,.94)!important;border-color:rgba(255,204,22,.45)!important;box-shadow:0 15px 38px rgba(0,0,0,.35)}
.arcade-stats div{background:rgba(8,7,5,.94)!important}.arcade-stats strong{font-family:Impact,sans-serif;font-weight:400;font-size:31px!important}
@keyframes laser-sweep{from{transform:rotate(-2deg) translateX(-2%)}to{transform:rotate(3deg) translateX(3%)}}
@media(max-width:720px){body{background-position:center top;background-attachment:scroll}.shell{padding:10px 12px 40px}header{height:72px}.brand img{width:82px;height:46px}.brand span{font-size:14px;letter-spacing:2px}.header-tag{display:none}header .link{padding:8px;font-size:10px}.panel,.hero{margin-top:14px}.hero{min-height:310px;padding:26px 20px}.hero:before{background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.57)),url('/assets/banner_editie_II.jpeg') 62% center/cover no-repeat}.hero h1{font-size:clamp(58px,18vw,88px)}.dashboard-grid{grid-template-columns:1fr}.card{min-height:170px}.card span{max-width:78%}}
@media(prefers-reduced-motion:reduce){body:after{animation:none}.card,.card:before{transition:none}}