﻿@font-face{font-family:'SF Automaton';src:url('/fonts/sf-automaton-licensed.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;--brand-blue:#006BB4;--brand-pink:#E61889;--background:#090B10;--surface:#131722;--surface-raised:#1C2230;--text:#F7F8FC;--text-muted:#BBC3D2;--border:#303849;--link:#75c7ff;color-scheme:dark}html[data-theme=light]{--background:#F7F8FC;--surface:#fff;--surface-raised:#EAF0F6;--text:#111827;--text-muted:#526074;--border:#D4DCE7;--link:#005b99;color-scheme:light}body{margin:0;background:var(--background);color:var(--text);font:18px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{transition:background .18s,color .18s,transform .18s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--link);outline-offset:3px}img{display:block;max-width:100%}p{max-width:65ch;margin:0 0 24px}h1,h2,h3{margin:0 0 24px;line-height:1.05;text-wrap:balance}h1,h2,.day h3{font-family:'Arial Black',Impact,system-ui,sans-serif;font-weight:900;letter-spacing:-.055em;text-transform:uppercase}html.font-licensed h1,html.font-licensed h2,html.font-licensed .day h3{font-family:'SF Automaton',Impact,sans-serif;font-weight:400;font-synthesis:none;letter-spacing:-.02em}h1{font-size:clamp(40px,6vw,80px)}h2{font-size:clamp(32px,4vw,56px)}h3{font-size:clamp(24px,2.4vw,32px)}.container{max-width:1376px;padding-inline:48px;margin-inline:auto}.section{padding-block:96px}.section.compact{padding-top:16px}.eyebrow{font-size:14px;letter-spacing:.12em;font-weight:750;text-transform:uppercase}.muted,.small{color:var(--text-muted)}.small{font-size:14px}.lead{font-size:22px;line-height:1.6;margin-bottom:48px}.text-link{font-size:16px;font-weight:700;min-height:44px;display:inline-flex;align-items:center;gap:32px;color:var(--link)}.text-link:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:52px;padding:12px 24px;border:1px solid transparent;border-radius:6px;font-size:16px;font-weight:750;line-height:1.4;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button:active{transform:none}.primary{background:var(--brand-blue);color:#fff}.primary:hover{background:#00588f}.button:disabled{opacity:.6;cursor:wait}.secondary{border-color:currentColor;background:transparent;color:inherit}.secondary:hover{background:#ffffff15}.icon-button{display:grid;place-items:center;width:44px;height:44px;background:transparent;border:1px solid var(--border);color:var(--text);font-size:23px;border-radius:6px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--surface);padding:12px}.skip:focus{top:12px}header{position:sticky;top:0;z-index:30;height:88px;background:var(--background);border-bottom:1px solid var(--border)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{width:128px;flex-shrink:0}.logo img{width:128px;height:72px;object-fit:contain}.header-inner nav{display:flex;gap:28px;align-items:center;margin-left:auto}.header-inner nav>a{font-size:14px;font-weight:700;min-height:48px;display:flex;align-items:center;position:relative}.header-inner nav>a[aria-current]:after{content:'';height:3px;background:var(--brand-pink);position:absolute;bottom:0;left:0;right:0}.header-actions{display:flex;gap:16px;align-items:center}.menu-toggle,.mobile-ticket{display:none}.hero{min-height:calc(85svh - 88px);position:relative;isolation:isolate;overflow:hidden;background:#090b10;color:#f7f8fc;display:flex;flex-direction:column;justify-content:center}.hero-image{position:absolute;inset:0;z-index:-3}.hero-photo{width:100%;height:100%;object-fit:cover}.photo-placeholder{position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#131722;color:#bbc3d2;border:1px solid #303849}.photo-placeholder:before,.photo-placeholder:after{content:'';position:absolute;border:1px solid #303849;width:120%;height:60%;transform:rotate(-28deg);left:-10%;top:30%}.photo-placeholder:after{transform:rotate(28deg)}.photo-placeholder>span{z-index:1;font-size:12px;letter-spacing:.16em;padding:24px;display:block}.photo-placeholder small{display:block;font:14px/1.6 system-ui;letter-spacing:0;margin-top:8px}.photo-placeholder i{font-size:30px;font-style:normal;margin-left:12px}.hero .photo-placeholder{justify-content:flex-end;align-items:center;background:#101722}.hero .photo-placeholder>span{position:absolute;right:6%;top:38%;text-align:right}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090b10f5 5%,#090b10b8 48%,#090b1022)}.hero-content{padding-top:64px;padding-bottom:80px;width:100%;z-index:2}.hero h1{font-size:clamp(48px,7.5vw,112px);max-width:1000px;letter-spacing:-.065em;line-height:1.02;margin:24px 0 32px}.hero h1>span{color:#f64aa8}.hero .eyebrow{font-size:12px;letter-spacing:.16em}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brand-pink);margin-right:10px}.hero-details{display:flex;gap:32px;font-size:16px;font-weight:600;margin-bottom:32px}.hero-buttons{display:flex;gap:16px}.hero-slash{position:absolute;width:180px;right:10%;height:95%;top:12%;background:#006bb4;transform:rotate(24deg);z-index:-2;opacity:.26}.hero-slash:after{content:'';position:absolute;left:170px;top:25%;width:65px;height:80%;background:#e61889}.hero-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;font-weight:700;letter-spacing:.12em;padding-bottom:24px}.hero-bottom a{padding:12px}.hero-index{position:absolute;right:48px;top:64px;font-size:14px;letter-spacing:.2em;color:#bbc3d2}.ticker{display:flex;gap:40px;padding:18px 0;background:var(--brand-blue);color:#fff;overflow:hidden;white-space:nowrap;justify-content:center;font-size:20px;font-weight:850;letter-spacing:.04em}.ticker b{color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:48px}.section-heading h2{margin-bottom:0}.section-heading p:last-child{color:var(--text-muted);font-size:16px}.section-heading .eyebrow{color:var(--text-muted)}.days{display:grid;grid-template-columns:1fr 1fr;gap:24px}.day{padding:32px;position:relative;overflow:hidden;border:1px solid var(--border);border-top:5px solid var(--brand-blue);background:var(--surface)}.day-2{border-top-color:var(--brand-pink)}.day-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.day-top p{margin:0}.day-number{font-weight:900;font-size:64px;line-height:1;color:var(--text-muted);opacity:.25}.day h3{font-size:36px;overflow-wrap:anywhere}.day p{color:var(--text-muted)}.day .text-link{color:var(--link)}.lineup-section{background:var(--surface)}.empty-lineup{display:flex;align-items:center;gap:48px;border-top:1px solid var(--border);padding:40px 0}.empty-lineup:last-child{border-bottom:1px solid var(--border)}.empty-lineup p:last-child{margin:0;color:var(--text-muted);font-size:16px}.empty-lineup .eyebrow{margin:0 0 12px;color:var(--text-muted)}.empty-lineup h3{font-size:32px;margin-bottom:12px}.empty-arrow{font-size:56px;margin-left:auto}.sound-bars{display:flex;gap:5px;align-items:center;height:90px;width:160px;flex-shrink:0}.sound-bars i{width:5px;height:var(--h);background:var(--brand-blue)}.empty-lineup:last-child .sound-bars i{background:var(--brand-pink)}.gallery{display:grid;grid-template-columns:1.65fr 1fr;grid-template-rows:1fr 1fr;gap:24px}.gallery-photo{width:100%;height:100%;min-height:180px;object-fit:cover;aspect-ratio:4/3}.photo-0{grid-row:span 2;aspect-ratio:16/10}.practical{background:var(--surface)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.info-grid>div{border-top:1px solid var(--border);padding-top:24px}.info-grid h3{font-size:24px;line-height:1.3}.info-grid .eyebrow{margin:16px 0;color:var(--text-muted)}.info-icon{font-size:30px;color:var(--link)}.sponsor-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:48px}.sponsor{display:flex;align-items:center;justify-content:center;min-height:120px;padding:24px;background:#fff;border:1px solid #d4dce7}.sponsor img{width:100%;height:85px;object-fit:contain}.ticket-band{background:var(--brand-pink);color:#090b10;padding:64px 0}.ticket-band>.container{display:flex;justify-content:space-between;align-items:center;gap:24px}.ticket-band h2{font-size:clamp(40px,5vw,72px);margin:0}.ticket-band .primary{background:#090b10;color:#fff}.ticket-band .eyebrow{margin-bottom:16px}footer{padding-top:48px;padding-bottom:32px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:48px}.footer-top p{font-size:16px;margin:0;color:var(--text-muted)}.footer-bottom{padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:24px;color:var(--text-muted);font-size:14px}.footer-bottom nav{display:flex;gap:24px}.page-intro{padding-top:80px;padding-bottom:48px}.page-intro .eyebrow{color:var(--link)}.page-intro .lead{max-width:50ch;margin:24px 0 0}.day-tabs{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}.day-tabs a{border:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:8px;font-size:14px}.day-tabs strong{font-size:24px}.day-tabs a[aria-current]{border:2px solid var(--link);background:var(--surface-raised)}.day-tabs a:nth-child(2)[aria-current]{border-color:#ee69b2}.artist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.artist-photo,.artist-graphic{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto}.artist-graphic{display:grid;place-items:center;background:var(--surface-raised);font-size:32px;font-weight:800}.artist .eyebrow{margin:16px 0}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:80px}.contact-grid aside{border-left:1px solid var(--border);padding-left:48px}.contact-grid aside h2{font-size:40px}.contact-art{font-size:160px;color:var(--brand-pink);line-height:1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}label{display:block;font-size:16px;font-weight:650;margin-bottom:8px}input,textarea,select{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:12px;min-height:48px}select{margin-bottom:24px}textarea{resize:vertical}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#ed79a9}.error{display:block;min-height:24px;font-size:14px;color:var(--text);margin-bottom:8px}.error:not(:empty):before{content:'! ';font-weight:bold}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}form>.small{margin:16px 0 24px}#form-status{margin-top:24px}details{border-bottom:1px solid var(--border);padding:24px 0}summary{cursor:pointer;font-size:20px;font-weight:700}details p{margin-top:24px}
@media(min-width:1440px){.hero-content{padding-top:80px;padding-bottom:96px}}
@media(max-width:1023px){.container{padding-inline:32px}.header-inner{gap:16px}.header-inner nav{gap:16px}.header-actions{gap:8px}.sponsor-grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:clamp(48px,8vw,90px)}.contact-grid{gap:32px}.contact-grid aside{padding-left:24px}.gallery{grid-template-columns:1.4fr 1fr}.footer-bottom{flex-wrap:wrap}}
@media(max-width:767px){header{height:72px}.logo,.logo img{width:110px;height:64px}.desktop-ticket{display:none}.menu-toggle{display:grid}.header-inner nav{display:none;position:fixed;inset:72px 0 0;background:var(--background);padding:32px;overflow:auto;margin:0;flex-direction:column;align-items:stretch;gap:8px}.header-inner nav.is-open{display:flex}.header-inner nav>a{font-size:28px;min-height:64px}.mobile-ticket{display:block;margin-top:24px}.mobile-ticket .button{width:100%}.hero{min-height:640px}.hero-content{padding-top:64px;padding-bottom:48px}.hero h1{font-size:clamp(48px,8.5vw,68px)}.hero-details{font-size:14px;gap:16px;flex-wrap:wrap}.hero-bottom{font-size:10px}.hero-bottom>span{display:none}.hero-index{display:none}.hero .photo-placeholder>span{top:auto;bottom:20px;right:0;font-size:10px}.hero .photo-placeholder small{font-size:12px}.hero-slash{right:-60px;width:120px}.hero-slash:after{left:125px}.section{padding-block:56px}.section-heading{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:32px}.section-heading p:last-child{margin:0}.days{grid-template-columns:1fr}.day{padding:24px}.day h3{font-size:32px}.day-top{margin-bottom:24px}.gallery{gap:16px}.empty-lineup{gap:24px}.sound-bars{width:100px;gap:3px}.sound-bars i{width:3px}.empty-lineup h3{font-size:26px}.empty-arrow{display:none}.info-grid{grid-template-columns:1fr}.info-grid>div{padding-block:16px}.info-grid h3{margin-bottom:8px}.ticket-band>.container{flex-direction:column;align-items:flex-start;gap:32px}.footer-top{flex-wrap:wrap;justify-content:flex-start}.footer-top>p{width:100%}.footer-bottom{flex-direction:column}.footer-bottom nav{flex-wrap:wrap}.page-intro{padding-top:56px;padding-bottom:32px}.lead{font-size:18px}.contact-grid{grid-template-columns:1fr}.contact-grid aside{padding:32px 0 0;border-left:0;border-top:1px solid var(--border)}.contact-art{display:none}.day-tabs{gap:16px}.day-tabs a{padding:16px}.day-tabs strong{font-size:20px}.artist-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:639px){body{font-size:16px}.container{padding-inline:24px}.hero-buttons{flex-direction:column;align-items:stretch;max-width:400px}.hero-content .eyebrow{font-size:10px;letter-spacing:.08em}.hero h1{font-size:clamp(46px,9.1vw,58px);letter-spacing:-.065em}.hero .photo-placeholder>span{display:none}.hero-bottom{padding-bottom:16px}.gallery{display:flex;flex-direction:column}.gallery-photo{height:auto;min-height:220px;aspect-ratio:4/3}.photo-0{aspect-ratio:16/10}.sponsor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sponsor{padding:16px}.form-row{grid-template-columns:1fr;gap:0}.day-tabs{grid-template-columns:1fr}.hero-details{gap:12px}.ticket-band{padding-block:48px}.ticker{font-size:16px;gap:24px}.sound-bars{width:70px;overflow:hidden}.empty-lineup{gap:16px}.empty-lineup .eyebrow{font-size:12px}.empty-lineup h3{font-size:24px}.day-number{font-size:48px}.artist-grid{grid-template-columns:1fr}}
@media(max-width:479px){.container{padding-inline:20px}.hero h1{font-size:clamp(40px,9.7vw,48px)}.hero-details{flex-direction:column;gap:8px}.hero-buttons .button{font-size:15px}.hero{min-height:min(740px,110svh)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Editie 2027: themagebonden hero en herkenbare dagaccenten. */
html{--brand-castle:#FFD537;--castle-text:#FFD537;--hero-accent:#f64aa8}
html[data-theme=light]{--castle-text:#705500;--hero-accent:#ad0a61}
.hero{background:var(--background);color:var(--text)}
.hero-image:after{background:linear-gradient(90deg,rgba(9,11,16,.96) 0%,rgba(9,11,16,.88) 40%,rgba(9,11,16,.35) 100%)}
html[data-theme=light] .hero-image:after{background:linear-gradient(90deg,rgba(247,248,252,.98) 0%,rgba(247,248,252,.90) 40%,rgba(247,248,252,.30) 100%)}
.hero h1>span{color:var(--hero-accent)}
.hero-index{color:var(--text-muted)}
.hero .secondary{color:var(--text);border-color:var(--text)}
.hero-slash{opacity:.18}
.hero-content{padding-block:64px}
.day-2{--day-accent:var(--brand-castle)}
.day.day-2{border-top-color:var(--brand-castle)}
.day-2 .text-link{color:var(--castle-text)}
.day-tabs a.day-2[aria-current]{border-color:var(--brand-castle);box-shadow:inset 0 -4px var(--brand-castle)}
.day-tabs a.day-2{border-top:4px solid var(--brand-castle)}
.day-tabs a.day-1{border-top:4px solid var(--brand-blue)}
.day-tabs strong{overflow-wrap:anywhere}
.countdown-section{padding-block:64px}
.countdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.countdown{border-top:4px solid var(--brand-blue);padding:24px 0 0}
.countdown.day-2{border-top-color:var(--brand-castle)}
.countdown-heading{margin-bottom:24px}
.countdown-heading h3{font-size:28px;margin-bottom:8px}
.countdown-heading time{font-size:14px;color:var(--text-muted)}
.countdown-digits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;font-variant-numeric:tabular-nums}
.countdown-digits>div{border-left:1px solid var(--border);padding-left:16px}
.countdown-digits>div:first-child{border-left:0;padding-left:0}
.countdown-digits strong{font-size:clamp(32px,4vw,56px);font-weight:850;letter-spacing:-.04em;line-height:1.1;display:block}
.countdown-digits span{font-size:14px;color:var(--text-muted)}
.countdown-status{margin:16px 0 0;font-size:14px;color:var(--text-muted)}
.lineup-day{margin-top:32px}
.lineup-day+.lineup-day{margin-top:64px}
.lineup-day-heading{border-top:4px solid var(--brand-blue);padding-top:24px}
.lineup-day.day-2 .lineup-day-heading{border-color:var(--brand-castle)}
.lineup-day-heading .eyebrow{color:var(--text-muted);margin-bottom:12px}
.example-notice{border-left:3px solid var(--brand-blue);padding:16px 24px;background:var(--surface-raised);margin-bottom:32px}
.day-2 .example-notice{border-color:var(--brand-castle)}
.example-notice p{font-size:16px;color:var(--text-muted);margin:8px 0 0}
.artist-graphic{position:relative;overflow:hidden;background:var(--surface-raised);border-bottom:6px solid var(--brand-blue);padding:24px;font-size:clamp(24px,3vw,40px);text-align:center}
.artist-graphic:before{content:'↗';position:absolute;right:16px;top:0;font-size:90px;line-height:1;color:var(--link);opacity:.3}
.artist.day-2 .artist-graphic{border-color:var(--brand-castle)}
.artist.day-2 .artist-graphic:before{color:var(--castle-text)}
.artist h3{overflow-wrap:anywhere}
.gallery{grid-template-rows:repeat(2,minmax(0,1fr))}
.gallery-photo{min-height:0;height:100%;aspect-ratio:4/3}
.gallery .photo-0{aspect-ratio:auto}
@media(max-width:767px){.countdown-section{padding-block:48px}.countdown-grid{grid-template-columns:1fr;gap:40px}.countdown-digits strong{font-size:44px}.hero-content{padding-block:56px}.hero h1{overflow-wrap:normal}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-photo{height:auto;aspect-ratio:4/3}.gallery .photo-0{aspect-ratio:16/10}}
@media(max-width:479px){.hero{min-height:640px}.countdown-digits{gap:8px}.countdown-digits>div{padding-left:8px}.countdown-digits strong{font-size:40px}.artist-grid{grid-template-columns:1fr}.day h3{font-size:30px}}
