/* Herte Laef! site.css – v5.0: samengevoegd uit style.css + v4…v4.9 (zelfde volgorde, zelfde werking) */

/* ===== uit style.css ===== */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:#0b0b0b;color:#f4f0e8;font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#f3bd3c;color:#111}.gold{color:#f3c247}.progress{position:fixed;z-index:101;top:0;left:0;width:0;height:3px;background:#f7c74d}.grain{position:fixed;pointer-events:none;inset:0;z-index:90;opacity:.11;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 type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.nav{height:78px;position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,90px);background:rgba(10,10,10,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09);transition:background .3s}.nav.scrolled{background:rgba(10,10,10,.95)}.brand{font:900 25px 'Barlow Condensed',sans-serif;letter-spacing:.4px;display:flex;gap:12px;align-items:center}.brand-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #b48b36;border-radius:50%;color:#f3bd3c}.nav-links{display:flex;align-items:center;gap:30px}.nav-links>a{font-size:12px;font-weight:700;letter-spacing:.05em;transition:color .2s}.nav-links>a:hover{color:#f3bd3c}.nav-links .nav-ticket{background:#f3bd3c;color:#0a0a0a;padding:15px 20px;font-weight:800}.nav-ticket span{margin-left:14px}.menu-toggle{display:none}.hero{min-height:810px;height:min(930px,100svh);position:relative;display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#30220d 0,#13110c 35%,#090909 75%)}.hero:before,.hero:after{content:'';position:absolute;width:700px;height:700px;border:1px solid rgba(236,185,63,.12);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.hero:after{width:950px;height:950px;border-color:rgba(236,185,63,.06)}.hero-rays{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 47%,rgba(246,183,50,.03) 0 2deg,transparent 2deg 14deg);mask-image:radial-gradient(circle,#000,transparent 68%);animation:spin 110s linear infinite}.hero-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.3;pointer-events:none}.orb-one{width:300px;height:300px;background:#a66a17;top:10%;left:5%;animation:float 9s ease-in-out infinite}.orb-two{width:300px;height:300px;background:#7b4b10;bottom:10%;right:4%;animation:float 12s ease-in-out infinite reverse}.hero-inner{position:relative;z-index:1;padding:110px 20px 95px;width:100%}.hero-kicker,.eyebrow{font-size:11px;letter-spacing:.26em;font-weight:800;color:#e8b94d}.hero-kicker{display:flex;gap:15px;justify-content:center;align-items:center}.pulse{width:7px;height:7px;border-radius:50%;background:#f4c34b;box-shadow:0 0 0 5px #f4c34b22;animation:pulse 2s infinite}.kicker-line{width:32px;height:1px;background:#a17e38}.hero-small{font-size:12px;font-weight:800;letter-spacing:.42em;margin:55px 0 0;color:#fff}.hero-title{font:900 clamp(112px,20vw,300px)/.67 'Barlow Condensed',sans-serif;letter-spacing:-.065em;margin:35px auto 55px;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;text-shadow:0 15px 65px #0009}.hero-title>span{color:#f5f0e5}.hero-title em{font-style:normal;color:#f3bd3c;transform:translateX(-.03em)}.exclamation{color:#fff}.hero-date{display:flex;justify-content:center;gap:26px;align-items:center;letter-spacing:.16em;font-size:14px;font-weight:600}.hero-date strong{color:#f3bd3c}.date-icon{color:#d2a645}.hero-sub{font-size:15px;color:#c8c0b1;line-height:1.85;margin:25px auto 30px}.hero-actions{display:flex;gap:12px;justify-content:center}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;min-height:54px;padding:0 25px;font-size:12px;letter-spacing:.08em;font-weight:800;border:1px solid transparent;cursor:pointer;transition:transform .25s,background .25s,color .25s}.btn:hover{transform:translateY(-4px)}.btn-gold{background:#f3bd3c;color:#111}.btn-gold:hover{background:#ffe19a}.btn-ghost{border-color:#666;color:#fff;background:transparent}.btn-ghost:hover{border-color:#e9c46b}.hero-scroll{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;color:#aaa;letter-spacing:.2em;font-size:9px;white-space:nowrap}.scroll-line{height:36px;width:1px;background:linear-gradient(#f3bd3c,transparent)}.hero-bottom{position:absolute;bottom:20px;left:5vw;right:5vw;text-align:left;color:#7d776c;font-size:10px;letter-spacing:.13em;display:flex;gap:18px}.hero-bottom span{color:#f3bd3c}.marquee{background:#f3bd3c;color:#15120b;overflow:hidden;white-space:nowrap;padding:15px 0}.marquee-track{font:900 28px 'Barlow Condensed',sans-serif;letter-spacing:.07em;width:max-content;animation:marquee 25s linear infinite}.marquee span{margin:0 20px}.section{padding:115px clamp(22px,8vw,145px)}.section-head{max-width:820px;margin-bottom:50px}.section h2,.story h2,.tickets h2{font:900 clamp(55px,8vw,125px)/.89 'Barlow Condensed',sans-serif;letter-spacing:-.015em;margin:22px 0;text-transform:uppercase}.section h2 em,.story h2 em,.tickets h2 em{font-style:normal;color:#f3bd3c}.section-head p{max-width:550px;line-height:1.85;color:#a9a39a;font-size:15px}.edition{background:#10100f}.edition-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:30px}.edition-feature{position:relative;min-height:425px;padding:35px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(ellipse at 60% 30%,#57401a,#1c170f 56%,#141311);overflow:hidden;border:1px solid #554326}.feature-label{position:absolute;top:32px;left:35px;font-size:11px;letter-spacing:.24em;color:#f3bd3c;font-weight:800}.band-outline{position:absolute;top:28%;left:-5%;font:900 clamp(95px,14vw,225px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px #e4bd5e44;transform:rotate(-10deg);white-space:nowrap}.edition-feature h3{font:900 clamp(75px,9vw,150px)/.9 'Barlow Condensed',sans-serif;margin:0;letter-spacing:-.05em;position:relative}.edition-feature p{color:#c5b8a4;font-size:13px;position:relative}.feature-stripes{height:7px;width:90px;background:repeating-linear-gradient(90deg,#f3bd3c 0 14px,transparent 14px 19px);margin-top:22px}.edition-details{border:1px solid #2b2b28;padding:18px 35px;display:flex;flex-direction:column;justify-content:space-around}.detail{display:flex;gap:25px;align-items:center;border-bottom:1px solid #30302c;padding:21px 0}.detail-icon{color:#c79d43;font:900 30px 'Barlow Condensed',sans-serif}.detail small{display:block;color:#8f897e;font-size:10px;letter-spacing:.17em;margin-bottom:6px}.detail strong{font-size:17px}.text-link{display:flex;justify-content:space-between;padding:22px 0 8px;color:#f3bd3c;font-size:12px;font-weight:800;letter-spacing:.1em}.archive{background:#0a0a09}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.archive-card{min-height:410px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border:1px solid #4b3c21;transition:transform .4s,border-color .4s}.archive-card:hover{transform:translateY(-10px);border-color:#f3bd3c}.archive-card:before{content:'';position:absolute;inset:0;opacity:.8;transition:transform .6s}.archive-card:hover:before{transform:scale(1.1)}.card-2026:before{background:radial-gradient(ellipse at 40% 40%,#93622277,transparent 65%),linear-gradient(145deg,#372816,#12110e)}.card-2025:before{background:radial-gradient(ellipse at 80% 20%,#9e752766,transparent 55%),linear-gradient(130deg,#2c2317,#12110e)}.card-2024:before{background:radial-gradient(ellipse at 30% 70%,#a35c2666,transparent 55%),linear-gradient(150deg,#312018,#12110e)}.card-top,.card-bottom,.card-center{position:relative;z-index:1}.card-top,.card-bottom{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.13em;color:#d4bb7f}.card-center{text-align:center}.card-year{font:900 120px 'Barlow Condensed',sans-serif;color:#ffffff12;letter-spacing:-.07em;display:block;line-height:.9}.card-band{font:900 clamp(46px,5.3vw,88px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.025em;color:#f3bd3c;margin-top:-35px;text-shadow:0 10px 20px #0007}.archive-note{color:#8c887f;font-size:12px;text-align:center;margin:28px 0 0}.story{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:#171510}.story-photo{position:relative;min-height:600px;background:linear-gradient(0deg,#000b,transparent 50%),url('assets/groepsfoto.jpg') center/cover no-repeat;filter:sepia(.2)}.photo-label{position:absolute;bottom:30px;left:35px;background:#f3bd3c;color:#111;padding:11px 16px;font-size:10px;font-weight:800;letter-spacing:.13em}.story-copy{padding:90px clamp(28px,6vw,100px);display:flex;flex-direction:column;justify-content:center}.story-copy h2{font-size:clamp(55px,6vw,96px)}.story-copy p{color:#b8b0a2;line-height:1.9;font-size:14px;max-width:530px}.story-copy .story-lead{color:#fff;font-size:19px;font-weight:700}.btn-outline{border-color:#a4823c;width:max-content;margin-top:20px}.timeline{background:#10100e}.timeline-list{max-width:950px;margin:auto}.time-item{display:grid;grid-template-columns:145px 1fr;gap:40px;padding:30px 0;border-bottom:1px solid #363127}.time-year{font:900 60px/.9 'Barlow Condensed',sans-serif;color:#f3bd3c}.time-item h3{margin:0 0 10px;font:800 27px 'Barlow Condensed',sans-serif;text-transform:uppercase}.time-item p{color:#aaa49a;font-size:14px;line-height:1.8;margin:0}.historical-note{max-width:950px;margin:35px auto 0;color:#817e76;font-size:12px}.tickets{padding:110px 22px;background:#f3bd3c;color:#12110e;text-align:center;position:relative;overflow:hidden}.tickets .eyebrow{color:#59420f}.tickets h2{font-size:clamp(70px,10vw,155px)}.tickets h2 em{color:#fff}.tickets>p{font-weight:700}.ticket-sparks{position:absolute;top:-130px;right:1%;font-size:400px;color:#ffffff33;line-height:1}.ticket-panel{position:relative;max-width:780px;margin:55px auto 0;background:#fff4d7;border:2px dashed #30250d;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:20px;padding:27px 35px}.ticket-panel>div{display:flex;flex-direction:column;gap:6px}.ticket-stamp{font-size:10px;font-weight:800;letter-spacing:.2em;color:#866020}.ticket-panel strong{font:900 45px 'Barlow Condensed',sans-serif}.ticket-panel small{color:#62594c}.btn-dark{background:#151411;color:#fff;white-space:nowrap}.btn-dark:hover{background:#3b3323}.ticket-message{font-size:13px;color:#4d390e}.practical{background:#0c0c0b}.practical-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.practical-card{border:1px solid #302b21;padding:35px 22px;min-height:185px}.practical-card>span{color:#f3bd3c;font-size:28px}.practical-card h3{font:800 24px 'Barlow Condensed',sans-serif;margin:24px 0 7px}.practical-card p{font-size:13px;color:#b7afa1;line-height:1.6;margin:0}footer{background:#080808;border-top:1px solid #302a1e;padding:60px clamp(22px,8vw,145px) 24px}.footer-main{display:flex;justify-content:space-between;gap:40px}.footer-logo{font:900 clamp(55px,7vw,105px)/.85 'Barlow Condensed',sans-serif}.footer-logo em{color:#f3bd3c;font-style:normal}.footer-main p{color:#8d887f;font-size:13px;line-height:1.8}.footer-links{display:flex;flex-direction:column;gap:20px;align-items:flex-start;font-weight:700;font-size:13px}.footer-links a:hover{color:#f3bd3c}.footer-bottom{border-top:1px solid #292720;margin-top:60px;padding-top:20px;display:flex;justify-content:space-between;color:#777268;font-size:10px;letter-spacing:.13em}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translate(40px,40px)}}@keyframes pulse{50%{box-shadow:0 0 0 10px #f4c34b00}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:950px){.nav-links{gap:14px}.nav-links>a{font-size:11px}.edition-grid{grid-template-columns:1fr}.archive-card{min-height:350px}.story{grid-template-columns:1fr}.story-photo{min-height:430px}.practical-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.nav{height:68px;padding:0 20px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;border:0;padding:12px;cursor:pointer}.menu-toggle span{width:23px;height:2px;background:#f3bd3c}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:#10100f;padding:25px;flex-direction:column;align-items:stretch;gap:24px;border-bottom:1px solid #423723}.nav-links.open{display:flex}.nav-links>a{font-size:14px}.hero{height:790px;min-height:730px}.hero-title{font-size:clamp(110px,26vw,190px);margin:50px 0 55px}.hero-kicker{font-size:9px;gap:7px}.kicker-line{width:10px}.hero-date{font-size:11px;gap:12px}.hero-small{font-size:10px}.hero-sub{font-size:13px}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:250px}.hero-bottom{font-size:8px;gap:9px;bottom:10px}.section{padding:85px 22px}.section h2{font-size:clamp(55px,13vw,90px)}.archive-grid{grid-template-columns:1fr}.archive-card{min-height:330px}.card-band{font-size:90px}.edition-feature{min-height:340px;padding:25px}.edition-feature h3{font-size:95px}.edition-details{padding:15px 25px}.story-copy{padding:70px 25px}.story-copy h2{font-size:65px}.time-item{grid-template-columns:75px 1fr;gap:20px}.time-year{font-size:42px}.tickets{padding:85px 20px}.ticket-panel{flex-direction:column;align-items:stretch;padding:22px}.ticket-panel .btn{justify-content:center}.practical-grid{grid-template-columns:1fr 1fr}.practical-card{padding:23px 15px}.footer-main{flex-direction:column}.footer-bottom{gap:10px;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* Festival visual direction v2 – inspired by approved mockup */
:root{--gold:#ffd21b;--ink:#070707;--brush:'Permanent Marker','Kalam',cursive}
body{background:#070707;color:#fff}.gold,.eyebrow{color:var(--gold)}
.nav{height:70px;padding:0 clamp(16px,3vw,56px);background:#050505ed;border-bottom:1px solid #665113;box-shadow:0 4px 22px #000a}.nav-links{gap:clamp(11px,1.9vw,31px)}.nav-links>a{font:400 clamp(12px,1.05vw,17px) var(--brush);letter-spacing:0}.nav-links>a:first-child{color:var(--gold);border-bottom:3px solid var(--gold);padding-bottom:8px}.nav-links .nav-ticket{background:var(--gold);font-size:15px;color:#000;padding:12px 19px;clip-path:polygon(3% 0,100% 4%,97% 98%,0 94%)}.brand{font:400 clamp(21px,2.1vw,32px) var(--brush);gap:8px}.brand-name b{color:var(--gold);font-weight:400}.brand-icon{font-size:27px;color:var(--gold);border:0}
.hero{height:min(690px,83svh);min-height:565px;margin-top:70px;text-align:left;display:block;background:radial-gradient(ellipse at 55% 22%,#855116 0%,#33220f 30%,#090807 74%)}.hero:before,.hero:after{display:none}.hero-stage{position:absolute;inset:0;background:linear-gradient(90deg,#060606aa,#0002 46%,#05050588),url('assets/stage-glow.webp') center 40%/cover;opacity:.95;animation:heroLight 9s ease-in-out infinite alternate}.hero-crowd{position:absolute;bottom:0;left:0;right:0;height:37%;background:linear-gradient(0deg,#000b,transparent),url('assets/crowd.webp') center bottom/cover;opacity:.75;mask-image:linear-gradient(transparent,#000 40%)}.hero-glitter{position:absolute;inset:0;background:radial-gradient(circle at 14% 25%,#ffdf1e4d 1px,transparent 2px),radial-gradient(circle at 38% 58%,#ffdf1e55 1px,transparent 2px);background-size:53px 67px,81px 91px;opacity:.35;animation:glitter 15s linear infinite}.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:4%;width:min(1500px,95%);margin:auto;height:100%;padding-bottom:28px}.hero-left{position:relative}.hero-kicker{font:400 16px var(--brush);color:#ffe45a;letter-spacing:.08em;margin-bottom:24px}.hero-title{display:block;font:400 clamp(110px,12vw,220px)/.76 var(--brush);letter-spacing:-.07em;text-transform:none;margin:0;white-space:nowrap;filter:drop-shadow(5px 9px 0 #000)}.hero-herte{color:white;-webkit-text-stroke:clamp(2px,.32vw,6px) #000;paint-order:stroke fill;transform:rotate(-7deg);display:inline-block}.hero-laef{display:inline-block;color:var(--gold);transform:rotate(-7deg) translate(-.13em,.03em);-webkit-text-stroke:clamp(2px,.27vw,5px) #000;paint-order:stroke fill}.hero-laef span{color:var(--gold)}.hero-date{width:max-content;background:var(--gold);color:#000;display:block;transform:rotate(-6deg);font:400 clamp(30px,4.5vw,70px)/1.1 var(--brush);padding:7px 32px;margin:22px 0 0 9%;box-shadow:0 8px 0 #0008;letter-spacing:-.03em}.hero-venue{font:400 clamp(14px,1.5vw,23px) var(--brush);margin:21px 0 0 12%;text-shadow:2px 3px 2px #000}.hero-caption{font:400 18px 'Kalam',cursive;color:#ffe59d;margin:20px 0 0 10%}.hero-right{text-align:center;transform:rotate(-4deg);margin-top:25px}.live-label{font:400 clamp(17px,2.2vw,31px) var(--brush);color:var(--gold);margin-bottom:18px}.broadway{font:900 clamp(55px,7.4vw,123px)/.9 'Barlow Condensed',sans-serif;letter-spacing:-.025em;text-shadow:5px 7px 0 #000,0 0 30px #000;-webkit-text-stroke:1px #fff;transform:skew(-7deg);border-top:3px solid #fff;border-bottom:3px solid #fff;display:inline-block;padding:8px 0}.hero-right p{font:400 17px var(--brush);margin:24px 0}.hero-cta{font:400 clamp(21px,2.4vw,35px) var(--brush);letter-spacing:0;min-height:74px;padding:8px 28px;clip-path:polygon(2% 3%,98% 0,100% 90%,0 100%);background:var(--gold);box-shadow:7px 8px 0 #000}.down-arrow{position:absolute;z-index:3;bottom:12px;left:50%;transform:translateX(-50%);font:900 55px 'DM Sans',sans-serif;color:var(--gold);text-shadow:0 0 8px #000;animation:bob 2s infinite}
.info-strip{display:grid;grid-template-columns:repeat(5,1fr);background:#050505;border-top:1px solid #c69a19;border-bottom:2px solid var(--gold);padding:19px clamp(12px,2vw,35px);gap:0}.info-strip>div{display:flex;align-items:center;justify-content:center;gap:15px;border-right:1px solid #8e6d17;padding:4px 12px}.info-strip>div:last-child{border:0}.info-strip span{color:var(--gold);font-size:38px;font-weight:800}.info-strip p{font:400 clamp(12px,1.2vw,18px)/1.4 var(--brush);margin:0}.info-strip b{font-weight:400;color:#ddd;font-size:.83em}
.archive{padding:50px clamp(18px,4vw,65px) 30px;background:radial-gradient(ellipse at 50% -20%,#6e4b16 0,#080808 64%)}.archive-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:26px}.archive-heading h2{font:400 clamp(35px,4vw,65px)/1 var(--brush);margin:0;transform:rotate(-3deg);text-shadow:4px 4px 0 #000}.archive-heading h2:after{content:'';display:block;width:80%;height:7px;background:var(--gold);transform:rotate(-2deg)}.archive-heading p{font:400 clamp(15px,1.5vw,23px) 'Kalam',cursive;color:var(--gold);margin:0}.archive-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.archive-card{min-height:250px;border:1px solid #8e7849;border-radius:10px;padding:17px;text-align:center;justify-content:center;align-items:center;box-shadow:0 12px 24px #0009;background:#16100b;isolation:isolate}.archive-card:before{background:linear-gradient(#0004,#000a),url('assets/atmosphere-2024.webp') center/cover!important;opacity:1}.card-2025:before{background:linear-gradient(#0004,#000a),url('assets/atmosphere-2025.webp') center/cover!important}.card-2026:before{background:linear-gradient(#0004,#000a),url('assets/atmosphere-2026.webp') center/cover!important}.card-2027:before{background:linear-gradient(#0004,#000a),url('assets/atmosphere-2027.webp') center/cover!important}.archive-card .card-year{font:400 35px var(--brush);color:white;letter-spacing:0;line-height:1}.archive-card .card-band{font:900 clamp(35px,4vw,67px)/1 'Barlow Condensed',sans-serif;color:#fff;text-shadow:2px 4px 7px #000;margin:18px 0 7px;letter-spacing:-.03em}.archive-card .card-bottom{font:700 11px 'DM Sans',sans-serif;letter-spacing:.05em;color:#eee;margin-bottom:20px}.card-chip{position:relative;z-index:2;background:var(--gold);color:#000;padding:8px 18px;font:400 16px var(--brush);transform:rotate(-3deg)}.archive-note{margin:22px 0 0}.story{background:#0d0d0d}.story-copy h2,.section h2,.tickets h2{font-family:var(--brush);font-weight:400;letter-spacing:-.02em}.section h2 em,.story h2 em{color:var(--gold)}.story-copy .eyebrow{color:var(--gold)}.story-photo{filter:grayscale(1);background-position:center}.tickets{background:var(--gold)}.tickets h2 em{color:#fff}.practical-card>span{color:var(--gold)}.footer-logo em{color:var(--gold)}.nav-ticket:hover,.btn-gold:hover,.card-chip:hover{background:#ffe67a}
@keyframes heroLight{to{filter:brightness(1.3) saturate(1.3)}}@keyframes glitter{to{background-position:100px 120px,-70px 90px}}@keyframes bob{50%{transform:translate(-50%,9px)}}
@media(max-width:1100px){.nav-links{gap:12px}.nav-links>a{font-size:12px}.hero-title{font-size:clamp(92px,12vw,160px)}.hero-right p{font-size:14px}.info-strip span{font-size:26px}.info-strip>div{gap:7px;padding:4px}.archive-card .card-band{font-size:clamp(28px,3.5vw,50px)}}
@media(max-width:750px){.nav{height:66px}.nav-links{top:66px}.nav-links>a{font-size:17px}.hero{margin-top:66px;height:auto;min-height:850px}.hero-layout{grid-template-columns:1fr;gap:8px;align-content:center;text-align:center;padding:55px 0 65px}.hero-kicker{font-size:12px;margin-bottom:22px}.hero-title{font-size:clamp(82px,19vw,155px);text-align:center}.hero-date{margin:25px auto 0;font-size:clamp(28px,7vw,52px)}.hero-venue{margin:22px 0 0;font-size:13px}.hero-caption{margin:15px auto 0;font-size:16px}.hero-right{margin-top:32px}.live-label{font-size:18px}.broadway{font-size:clamp(54px,13vw,90px)}.hero-cta{min-height:60px;font-size:23px}.down-arrow{bottom:2px}.info-strip{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.info-strip>div{border-right:0;border-bottom:1px solid #594510;justify-content:flex-start}.info-strip>div:last-child{grid-column:1/-1}.info-strip p{font-size:14px}.archive-heading{display:block}.archive-heading p{margin-top:25px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-card{min-height:225px}.archive-card .card-band{font-size:clamp(30px,7vw,53px)}.archive-card .card-year{font-size:30px}.archive-card .card-bottom{font-size:9px}.card-chip{font-size:13px;padding:8px}.archive{padding:55px 16px 35px}}
@media(max-width:390px){.hero{min-height:810px}.hero-title{font-size:19vw}.archive-grid{gap:8px}.archive-card{padding:9px;min-height:205px}.archive-card .card-band{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hero-stage,.hero-glitter,.down-arrow{animation:none}}

/* v2.1 – officiële TONCA-persfoto, met lokaal sfeerbeeld als fallback */
.card-2025:before{background:linear-gradient(#0003,#000b),url('https://tonca-online.nl/old/userfiles/download/0001tonca/0149tonca-persfoto.jpg') center 30%/cover,url('assets/atmosphere-2025.webp') center/cover!important}
.archive-card .card-chip{display:inline-block;text-decoration:none}
.archive-card .card-chip:hover{background:#ffe67a;transform:rotate(0deg)}

/* v2.2 – aangeleverde foto van Anderkovver 2024 */
.card-2024:before{background:linear-gradient(#0003,#000b),url("assets/anderkovver-band.jpg") center 34%/cover!important}

/* ===== v2.3: logo, socials, locatie, 2008, mobiel ===== */
.brand-logo{height:46px;width:auto;filter:drop-shadow(0 2px 6px #0008);transition:transform .25s}
.brand:hover .brand-logo{transform:rotate(-8deg) scale(1.06)}
.nav-social{display:flex;gap:6px;align-items:center}
.social-link{display:grid;place-items:center;width:34px;height:34px;border:1px solid #f3bd3c66;border-radius:50%;color:var(--gold,#f3bd3c);transition:background .2s,color .2s}
.social-link svg{width:17px;height:17px}
.social-link:hover{background:var(--gold,#f3bd3c);color:#000}
.hero-presenter{display:flex;align-items:center;gap:clamp(12px,2vw,26px);margin-bottom:14px}
.hero-logo{width:clamp(110px,13vw,190px);height:auto;filter:drop-shadow(0 10px 28px #000c) drop-shadow(0 0 30px #f3bd3c33);transform:rotate(-6deg);animation:logoBob 5s ease-in-out infinite}
.hero-presenter .hero-kicker{margin:0;text-align:left;line-height:1.25;font-size:clamp(15px,1.5vw,22px)}
@keyframes logoBob{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-6px)}}
.story-logo{width:clamp(110px,12vw,160px);height:auto;margin-bottom:18px;filter:drop-shadow(0 8px 20px #000a)}
.footer-brand{display:flex;align-items:center;gap:22px}
.footer-badge{width:clamp(80px,9vw,120px);height:auto}
.social-pill{display:inline-flex;align-items:center;gap:9px}
.social-pill svg{width:18px;height:18px}
.ticket-social{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 22px;margin-top:26px;font-weight:700;font-size:14px;color:#1a1608}
.ticket-social .social-pill{background:#0a0a09;color:#f3bd3c;padding:10px 16px;border-radius:999px}
.ticket-social .social-pill:hover{background:#000;color:#fff}
.btn.is-disabled{opacity:.65;cursor:not-allowed;pointer-events:none}
.maps-link,.practical-card a{color:var(--gold,#f3bd3c);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.time-item-poster{grid-template-columns:145px 1fr 150px;align-items:start}
.poster-thumb{display:block;text-align:center;font-size:12px;font-weight:700;color:var(--gold,#f3bd3c)}
.poster-thumb img{width:100%;height:auto;border:3px solid #f3bd3c;transform:rotate(3deg);box-shadow:0 12px 30px #000a;margin-bottom:10px;transition:transform .25s}
.poster-thumb:hover img{transform:rotate(0) scale(1.03)}
.story{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.story-copy h2{overflow-wrap:anywhere}
@media(max-width:950px){.story{grid-template-columns:minmax(0,1fr)}.nav-social{order:-1;justify-content:center}}
@media(max-width:750px){
  .story-copy h2{font-size:clamp(40px,11vw,65px)}
  .time-item-poster{grid-template-columns:75px 1fr}
  .poster-thumb{grid-column:2;width:150px;text-align:left}
  .hero-presenter{justify-content:center}
  .footer-brand{flex-direction:row}
}
@media(prefers-reduced-motion:reduce){.hero-logo{animation:none}}
.time-item{grid-template-columns:145px minmax(0,1fr)}
.time-item h3,.time-item p,.section-head h2{overflow-wrap:break-word;hyphens:auto}
@media(max-width:750px){
  .time-item{grid-template-columns:75px minmax(0,1fr)}
  .time-item h3{font-size:23px}
  .timeline .section-head h2{font-size:clamp(40px,11vw,60px)}
}
.time-item.time-item-poster{grid-template-columns:145px minmax(0,1fr) 150px}
.hero-logo{width:clamp(140px,16vw,240px)}
@media(max-width:750px){.time-item.time-item-poster{grid-template-columns:75px minmax(0,1fr)}.hero-logo{width:120px}}
/* gewei boven Herte */
.hero-herte{position:relative}
.hero-antlers{position:absolute;left:50%;bottom:72%;width:1.25em;height:auto;transform:translateX(-46%) rotate(4deg);filter:drop-shadow(0 6px 10px #000a);pointer-events:none;overflow:visible}
.hero-title{margin-top:.38em}
@media(max-width:750px){.hero-title{margin-top:.45em}}
.hero-presenter{margin-bottom:clamp(14px,3.2vw,46px)}
/* v2.3b: groter gewei in festivalstijl, bandfoto's 2026/2027 */
.hero-antlers{width:1.75em;bottom:62%;transform:translateX(-48%) rotate(3deg);filter:drop-shadow(0 8px 14px #000c) drop-shadow(0 0 22px #f3bd3c40)}
.hero-title{margin-top:.62em}
@media(max-width:750px){.hero-title{margin-top:.7em}}
.card-2026:before{background:linear-gradient(#0003,#000b),url('https://khick.nl/wp-content/uploads/2024/05/Band-01-1.jpg') center 30%/cover,url('assets/atmosphere-2026.webp') center/cover!important}
.card-2027:before{background:linear-gradient(#0003,#000b),url('https://www.broadwayonline.nl/wp-content/uploads/2016/04/Persfoto-stoer-met-rosanne-scaled.jpg') center 25%/cover,url('assets/atmosphere-2027.webp') center/cover!important}
.hero-antlers{width:1.6em;bottom:66%;transform:translateX(-48%) rotate(2deg)}
.hero-title{margin-top:.8em}
@media(max-width:750px){.hero-title{margin-top:.85em}}
.hero-antlers{width:1.85em;bottom:64%;transform:translateX(-48%) rotate(2deg)}
/* v2.3c: nieuwe groepsfoto in kleur */
.story-photo{background:linear-gradient(0deg,#000b,transparent 45%),url('assets/groepsfoto-beerkeuning.jpg') 50% 78%/cover no-repeat!important;filter:none!important}
.story-copy h2{overflow-wrap:normal;font-size:clamp(46px,4.4vw,84px)}
@media(max-width:750px){.story-copy h2{overflow-wrap:anywhere;font-size:clamp(40px,11vw,65px)}}
/* v2.3d: hero groeit mee met de inhoud (niets meer afgesneden) */
.hero{height:auto!important;min-height:min(690px,83svh)}
.hero-layout{height:auto;padding:34px 0 70px}
.hero-logo{width:clamp(100px,10vw,165px)}
.hero-presenter{margin-bottom:clamp(6px,1.4vw,22px)}
.hero-cta{white-space:nowrap}
@media(max-width:1100px){.hero-cta{font-size:clamp(20px,4.6vw,34px)}}
@media(max-width:750px){.hero-layout{padding:26px 0 60px}.hero-logo{width:105px}}
/* jaartal en bandnaam boven de foto, zoals in het ontwerp */
.archive-card>.card-year,.archive-card>.card-band,.archive-card>.card-bottom{position:relative;z-index:1}
.archive-card .card-year{font-size:34px;text-shadow:2px 3px 6px #000}
.archive-card .card-band{font-size:clamp(34px,3.6vw,54px);margin:6px 0 8px}
.archive-card .card-bottom{text-shadow:1px 2px 4px #000}
/* groepsfoto: hele breedte zichtbaar */
.story{align-items:center}
.story-photo{min-height:0!important;aspect-ratio:4/3;background:#0d0d0d url('assets/groepsfoto-beerkeuning.jpg') center/contain no-repeat!important;align-self:center}
.story-photo .photo-label{z-index:1}
@media(min-width:951px){.story{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}
.card-2026:before{background:linear-gradient(#0002,#000a),url('assets/khick-band.jpg') center 30%/cover!important}
.card-2026:before{background:linear-gradient(#0007,#000c),url('assets/khick-band.jpg') center 75%/cover!important}
/* v2.4: groepsfoto als ronde 'medaille' met logo */
.story-visual{position:relative;display:grid;place-items:center;padding:clamp(40px,6vw,80px) clamp(16px,4vw,50px)}
.story-medal{position:relative;width:min(560px,100%);aspect-ratio:1;border-radius:50%;padding:10px;
  background:conic-gradient(from 200deg,#f3bd3c,#ffe9a0,#c58a1d,#f3bd3c,#ffe9a0,#f3bd3c);
  box-shadow:0 0 0 8px #0d0d0d,0 0 0 11px #f3bd3c66,0 30px 90px #000d,0 0 80px #f3bd3c33;transform:rotate(-3deg)}
.medal-photo{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;isolation:isolate;
  background:url('assets/groepsfoto-beerkeuning.jpg') 50% 52%/100% auto no-repeat;border:4px solid #000}
.medal-photo::before{content:'';position:absolute;inset:-30px;z-index:-1;background:url('assets/groepsfoto-beerkeuning.jpg') center/cover;filter:blur(16px) brightness(.4) saturate(1.2)}
.medal-photo::after{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 40px #000a}
.medal-badge{position:absolute;right:clamp(4px,4%,40px);bottom:clamp(10px,7%,60px);width:clamp(90px,11vw,150px);height:auto;transform:rotate(10deg);filter:drop-shadow(0 10px 18px #000d)}
.medal-tag{position:absolute;left:50%;bottom:clamp(14px,4%,40px);transform:translateX(-62%) rotate(-4deg);background:var(--gold,#f3bd3c);color:#000;
  font:400 clamp(15px,1.6vw,20px) var(--brush,'Permanent Marker',cursive);padding:8px 18px;box-shadow:4px 5px 0 #000;clip-path:polygon(2% 0,100% 6%,98% 100%,0 92%)}
.story-visual+.story-copy{padding-top:clamp(30px,5vw,90px)}
@media(max-width:950px){.story-visual{padding-bottom:20px}.medal-badge{right:6%}}
.medal-photo{background:#111}
.medal-photo::before{z-index:0}
.medal-photo::after{z-index:1;background:url('assets/groepsfoto-beerkeuning.jpg') 50% 52%/100% auto no-repeat;box-shadow:inset 0 0 40px #000a}
/* v2.4b: groepsfoto als schuine polaroid */
.story-visual{position:relative;display:grid;place-items:center;padding:clamp(50px,7vw,90px) clamp(20px,5vw,60px)}
.polaroid{position:relative;margin:0;width:min(620px,100%);background:#f7f3ea;padding:clamp(10px,1.6vw,18px) clamp(10px,1.6vw,18px) 0;
  transform:rotate(-5deg);box-shadow:0 2px 0 #ddd6c6,0 28px 60px #000d,0 8px 18px #0008;transition:transform .35s}
.polaroid:hover{transform:rotate(-2deg) scale(1.015)}
.pol-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;filter:saturate(1.05) contrast(1.03)}
.polaroid figcaption{font:400 clamp(24px,2.6vw,36px)/1 'Permanent Marker',cursive;color:#1b1b1b;text-align:center;padding:clamp(14px,2vw,22px) 0 clamp(18px,2.4vw,28px);transform:rotate(-1.5deg)}
.pol-tape{position:absolute;top:-16px;left:50%;width:130px;height:34px;transform:translateX(-50%) rotate(3deg);background:#f3bd3ccc;box-shadow:0 2px 6px #0004;z-index:2}
.pol-badge{position:absolute;right:clamp(0px,3%,30px);bottom:clamp(20px,8%,70px);width:clamp(80px,9vw,130px);height:auto;transform:rotate(12deg);filter:drop-shadow(0 10px 16px #000d);z-index:3}
/* v2.4c: bandfoto Broadway in het editieblok */
.edition-feature{background:linear-gradient(180deg,#0006 0%,#0000 35%,#000d 78%),url('https://www.broadwayonline.nl/wp-content/uploads/2016/04/Persfoto-stoer-met-rosanne-scaled.jpg') center 22%/cover no-repeat,radial-gradient(ellipse at 60% 30%,#57401a,#1c170f 56%,#141311)!important}
.edition-feature h3{text-shadow:0 6px 24px #000c}
.edition-feature p{color:#eee6d6}
.polaroid figcaption{font-size:clamp(20px,2.3vw,32px)}
@media(max-width:750px){.pol-badge{top:18px;bottom:auto;right:4px;width:78px;transform:rotate(14deg)}.polaroid figcaption{font-size:clamp(18px,5.4vw,26px)}}
@media(max-width:750px){.pol-badge{right:12px}}
@media(max-width:750px){.edition-feature h3{font-size:min(95px,20vw);letter-spacing:-.04em;white-space:nowrap}}
/* v2.4d: onderkant netjes op telefoon */
@media(max-width:750px){
  .ticket-social{flex-direction:column;gap:12px}
  .ticket-social>span{width:100%}
  .ticket-social .social-pill{min-width:170px;justify-content:center}
  .ticket-social{display:grid;grid-template-columns:1fr 1fr;justify-items:center;max-width:380px;margin-left:auto;margin-right:auto}
  .ticket-social>span{grid-column:1/-1;text-align:center}
  .practical-grid{grid-template-columns:1fr!important;gap:12px}
  .practical-card{display:grid;grid-template-columns:44px 1fr;align-items:center;column-gap:14px;padding:18px 18px!important;min-height:0!important}
  .practical-card>span{grid-row:1/3;font-size:26px;margin:0!important}
  .practical-card h3{margin:0!important;font-size:22px}
  .practical-card p{margin:2px 0 0!important}
  footer .footer-main{flex-direction:column;align-items:center;text-align:center;gap:28px}
  footer .footer-brand{justify-content:center}
  footer .footer-main p{text-align:center}
  footer .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:360px;align-items:stretch}
  footer .footer-links a{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px;border:1px solid #f3bd3c55;border-radius:999px;font-size:14px}
  footer .footer-links a[data-ticket]{background:var(--gold,#f3bd3c);color:#000;border-color:transparent}
  footer .footer-links a svg{width:18px;height:18px}
  .footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:8px}
}
/* 2027 is nog niet geweest: uitgegrijsd */
.archive-card.is-upcoming{filter:grayscale(1);opacity:.5;border-style:dashed}
.archive-card.is-upcoming:hover{opacity:.8;transform:none}
/* 2027: grijs, maar met gekleurd diagonaal lint 'UPCOMING' */
.archive-card.is-upcoming{filter:none;opacity:1}
.archive-card.is-upcoming:before{filter:grayscale(1) brightness(.55)}
.archive-card.is-upcoming>:not(.upcoming-ribbon){opacity:.55;filter:grayscale(1)}
.archive-card.is-upcoming:hover>:not(.upcoming-ribbon){opacity:.85}
.upcoming-ribbon{position:absolute;z-index:4;top:22px;right:-48px;width:190px;padding:7px 0;text-align:center;transform:rotate(38deg);
  background:var(--gold,#f3bd3c);color:#000;font:400 15px/1 'Permanent Marker',cursive;letter-spacing:.12em;box-shadow:0 4px 12px #000a;pointer-events:none}
/* v2.5: gewei in hartvorm, op de overgang Herte|Laef */
.hero-antlers{width:.95em!important;left:100%!important;bottom:58%!important;transform:translateX(-46%) rotate(7deg)!important;filter:drop-shadow(0 4px 8px #000b)!important}
.hero-title{margin-top:.5em!important}
@media(max-width:750px){.hero-title{margin-top:.55em!important}}
.hero-antlers{width:1.3em!important;bottom:47%!important;transform:translateX(-47%) rotate(7deg)!important}
.hero-title{margin-top:.75em!important}
@media(max-width:750px){.hero-title{margin-top:.8em!important}}
/* v2.5b: open, breed hart-gewei achter de letters, klopt als een hart */
.hero-herte{position:relative;z-index:0}
.hero-antlers{z-index:-1;width:2.05em!important;left:100%!important;bottom:22%!important;transform:translateX(-48%) rotate(7deg)!important;filter:drop-shadow(0 8px 14px #000c)!important;
  transform-origin:50% 92%;animation:geweiBonk 1.3s ease-in-out infinite}
@keyframes geweiBonk{0%{scale:1}12%{scale:1.1}24%{scale:1}36%{scale:1.06}52%,100%{scale:1}}
@media(prefers-reduced-motion:reduce){.hero-antlers{animation:none}}
.hero-title{margin-top:.75em!important}
@media(max-width:750px){.hero-title{margin-top:.8em!important}}
/* v2.6: edelhert-gewei (kroon, oog-, ijs- en middenspruit) in open hartvorm */
.hero-antlers{width:2.1em!important;bottom:20%!important}
.hero-title{margin-top:1em!important}
@media(max-width:750px){.hero-title{margin-top:1.05em!important}}
/* v2.7: gewei-hart in vuur en vlam ("mien hart sjteit in vuur en vlam") */
.hero-antlers.is-fire{width:2.35em!important;bottom:14%!important;filter:none!important;mix-blend-mode:screen}
/* v2.8: vuurhart (gewei in vuur en vlam) dat bonst */
.hero-fire{position:absolute;display:block;z-index:-1;width:2.3em!important;left:100%!important;bottom:6%!important;
  transform:translateX(-48%) rotate(6deg)!important;transform-origin:50% 88%;mix-blend-mode:normal!important;filter:none!important;
  animation:geweiBonk 1.3s ease-in-out infinite,vuurGloed 1.3s ease-in-out infinite}
.hero-fire::before{content:'';position:absolute;inset:8% 4% 0;background:radial-gradient(ellipse at 50% 55%,#000c 0%,#0007 45%,transparent 70%);z-index:-1}
.hero-fire img{display:block;width:100%;height:auto}
@keyframes vuurGloed{0%,52%,100%{filter:brightness(1) drop-shadow(0 0 0 #ff6a00)}12%{filter:brightness(1.18) drop-shadow(0 0 22px #ff6a00aa)}36%{filter:brightness(1.1) drop-shadow(0 0 14px #ff6a0088)}}
@media(prefers-reduced-motion:reduce){.hero-fire{animation:none}}
/* uitroepteken in dezelfde kleur als 'Herte Laef' */
.hero-laef span,.hero-title .hero-laef span{color:inherit!important}

/* ===== uit v4.css ===== */

/* V4 adds navigation and content layout without changing the original hero or main stylesheet. */
.v4-subhero{padding:160px max(5vw,24px) 75px;background:radial-gradient(ellipse at 85% 15%,rgba(255,210,0,.10),transparent 50%),#0c0c0c;min-height:410px}
.v4-subhero h1{font-family:'Barlow Condensed',sans-serif;font-weight:900;letter-spacing:-.035em;font-size:clamp(60px,10vw,150px);line-height:.88;color:#fff;margin:22px 0}
.v4-subhero h1 em{color:#ffdf1e;font-style:normal}
.v4-subhero p{font-size:clamp(16px,2vw,22px);color:#ddd;max-width:680px;line-height:1.6;margin-bottom:28px}
.v4-teaser{background:#101010;border-top:1px solid #292929}
.v4-teaser-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1280px;margin:auto}
.v4-teaser h2{font-size:clamp(38px,5vw,72px);line-height:.95;margin:12px 0;color:#fff}
.v4-teaser h2 em,.v4-history-more h2 em,.v4-jukebox h2 em,.v4-edition-extra h2 em{color:#ffdf1e}
.v4-teaser p,.v4-history-more p,.v4-edition-extra p{color:#cfcfcf;line-height:1.65}
.v4-teaser-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.v4-history-more,.v4-jukebox,.v4-edition-extra{background:#101010}
.v4-history-more h2,.v4-jukebox h2,.v4-edition-extra h2{font-size:clamp(40px,6vw,80px);line-height:1;margin:14px 0;color:white}
.v4-player{max-width:820px;border:1px solid #ffdf1e;padding:26px;background:#080808;color:#fff}
.v4-now{font-size:26px;font-weight:900;color:#ffdf1e;margin-bottom:20px}
.v4-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.v4-controls button{background:#ffdf1e;color:#101010;border:0;min-width:48px;height:45px;font-size:16px;font-weight:900;cursor:pointer}
.v4-controls span{margin-left:auto;color:#fff}
.v4-tracks{display:grid;gap:5px;margin-top:24px;max-height:340px;overflow:auto}
.v4-tracks button{border:1px solid #333;background:#171717;color:#fff;text-align:left;padding:12px 16px;cursor:pointer;font:inherit;font-weight:700}
.v4-tracks button.active{border-color:#ffdf1e;color:#ffdf1e}
.v4-photo-section{background:#101010;min-height:400px}
.v4-polaroid-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 24px;max-width:1240px;margin:auto;padding:30px 10px 70px}
.v4-polaroid{cursor:pointer;background:#f8f5e9;color:#292929;border:0;padding:13px 13px 25px;box-shadow:0 14px 30px #0008;transform:rotate(var(--tilt,0deg));transition:transform .25s;text-align:center}
.v4-polaroid:nth-child(6n+1){--tilt:-5deg}.v4-polaroid:nth-child(6n+2){--tilt:3deg}.v4-polaroid:nth-child(6n+3){--tilt:-2deg}.v4-polaroid:nth-child(6n+4){--tilt:5deg}.v4-polaroid:nth-child(6n+5){--tilt:-4deg}.v4-polaroid:nth-child(6n+6){--tilt:2deg}
.v4-polaroid:hover{transform:rotate(0deg) translateY(-8px)}
.v4-polaroid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(1)}
.v4-polaroid span{display:block;font-family:'Kalam',cursive;font-size:16px;margin-top:15px}
.v4-lightbox{position:fixed;max-width:min(94vw,1150px);max-height:92vh;background:#101010;border:1px solid #ffdf1e;padding:50px 14px 14px;color:#ffdf1e}
.v4-lightbox::backdrop{background:#000e}
.v4-lightbox img{max-width:100%;max-height:75vh;object-fit:contain;display:block}
.v4-close{position:absolute;top:8px;right:10px;background:#ffdf1e;color:#101010;border:0;font-weight:900;padding:9px 13px;cursor:pointer}
.v4-mobile-ticket{display:none}
@media(max-width:800px){.v4-teaser-inner{display:block}.v4-teaser-actions{justify-content:flex-start;margin-top:25px}.v4-polaroid-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.v4-mobile-ticket{display:block;position:fixed;bottom:0;left:0;right:0;z-index:99;background:#ffdf1e;color:#080808;text-align:center;padding:13px 10px;font-weight:900;text-decoration:none;box-shadow:0 -3px 20px #000a}.v4-subhero{padding-top:130px}body:has(.v4-mobile-ticket){padding-bottom:46px}}
@media(max-width:450px){.v4-polaroid-grid{gap:18px 10px}.v4-polaroid{padding:8px 8px 15px}.v4-polaroid span{font-size:13px}}

/* ===== uit v41.css ===== */

/* V4.1: only two top-level pages; keep the v3.5 hero untouched. */
.nav-links a[aria-current="page"]{color:#ffdf1e}
#veurige{background:#0b0b0b}
#veurige .archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#veurige .archive-card{min-height:360px}
.v41-photo-heading{max-width:1250px;margin:0 auto 24px}
.v41-photo-heading h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(48px,7vw,100px);font-weight:900;line-height:1;color:#fff;margin:10px 0}
.v41-photo-heading h2 em{color:#ffdf1e;font-style:normal}
.v41-photo-heading p{color:#ccc;font-size:16px;line-height:1.6}
#praktisch .practical-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:800px){#veurige .archive-grid{grid-template-columns:1fr}#praktisch .practical-grid{grid-template-columns:1fr}}

/* ===== uit v42.css ===== */

/* v4.2: exact bright site yellow, compact jukebox, accessible archive */
:root{--v42-yellow:#ffdf1e}
.v41-photo-heading h2 em,.v4-photo-section .eyebrow,.v4-jukebox .eyebrow,.v4-jukebox h2 em{color:var(--v42-yellow)!important}
.v4-player{max-width:530px!important;padding:20px!important;border-color:var(--v42-yellow)!important}
.v42-covers{display:flex;gap:12px;align-items:center;justify-content:center;margin:0 0 20px}
.v42-covers img{width:clamp(76px,24%,118px);aspect-ratio:1;object-fit:cover;border:2px solid #ffdf1e;background:#171717;border-radius:3px}
.v42-covers img:nth-child(2){transform:rotate(5deg)}.v42-covers img:first-child{transform:rotate(-5deg)}
.v4-controls{justify-content:center}.v4-tracks{display:none!important}
.v42-admin-link{color:#ffdf1e;font-size:12px;margin-left:14px}
.v42-quick{background:#101010}
#veurige .archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:800px){#veurige .archive-grid{grid-template-columns:1fr}}
.v42-editor{max-width:1100px;margin:140px auto 80px;padding:0 22px;color:#fff}
.v42-editor h1{font-size:clamp(40px,7vw,78px);font-family:'Barlow Condensed',sans-serif;color:#ffdf1e}
.v42-editor p{color:#ccc;line-height:1.6}.v42-editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}
.v42-editor-item{background:#171717;border:1px solid #48401c;padding:14px;border-radius:5px}
.v42-editor-item img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(1)}
.v42-editor-item label{display:block;margin-top:10px;color:#fff;font-size:14px}
.v42-editor-item input[type=text]{display:block;width:100%;background:#070707;color:#fff;border:1px solid #776723;padding:10px;font:inherit;margin-top:6px}
.v42-editor-item input[type=checkbox]{accent-color:#ffdf1e}
.v42-editor button{background:#ffdf1e;color:#111;padding:13px 20px;border:0;font-weight:900;cursor:pointer}

/* ===== uit v43.css ===== */
/* v4.3: originele Herte Laef! zwart/knalgeel huisstijl */
:root{--v43-yellow:#ffdf1e}
.nav-links a[aria-current="page"]{color:var(--v43-yellow)!important}
.v43-page-title{text-align:center;padding:165px 24px 58px;background:radial-gradient(ellipse at 50% 10%,rgba(255,211,0,.12),transparent 55%),#0c0c0c}
.v43-page-title .eyebrow{color:var(--v43-yellow)}
.v43-page-title h1{font-family:'Permanent Marker',cursive!important;color:#fff;font-size:clamp(52px,7.6vw,112px);line-height:1.15;margin:20px auto 16px;transform:rotate(-2deg);letter-spacing:-.04em;max-width:1100px}
.v43-page-title h1 em{color:var(--v43-yellow)!important;font-style:normal}
.v43-page-title p{font-family:'Kalam',cursive;color:var(--v43-yellow);font-size:clamp(18px,2.1vw,27px);line-height:1.45;max-width:950px;margin:10px auto}
#veurige{padding-top:25px!important}
#veurige .archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#veurige .archive-card{min-height:390px}
#verhaol .story-copy h2{font-family:'Permanent Marker',cursive!important;line-height:1.18;text-align:center;font-size:clamp(38px,4.8vw,78px)}
#verhaol .story-copy h2 em{color:var(--v43-yellow)!important}
#verhaol .story-copy{max-width:850px}
#verhaol .story-copy p{line-height:1.85}
.v43-history-link{display:inline-block;margin-top:24px;border:2px solid var(--v43-yellow);color:var(--v43-yellow);padding:14px 24px;font-weight:900;text-decoration:none;letter-spacing:.07em}
.v43-history-link:hover{background:var(--v43-yellow);color:#101010}
.v43-history-page{background:#0b0b0b;color:#fff}
.v43-timeline-section{max-width:1100px;margin:auto;padding:10px 24px 95px}
.v43-timeline-list{border-top:1px solid #5b4a21}
.v43-year{border-bottom:1px solid #5b4a21;background:#111}
.v43-year[hidden]{display:none!important}
.v43-year summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:140px minmax(0,1fr) 30px;align-items:center;gap:22px;padding:22px 28px}
.v43-year summary::-webkit-details-marker{display:none}
.v43-year summary:hover{background:#211d12}
.v43-year-number{font-family:'Barlow Condensed',sans-serif;color:var(--v43-yellow);font-size:clamp(34px,4.5vw,56px);font-weight:900}
.v43-year-title{font-family:'Barlow Condensed',sans-serif;color:#fff;font-size:clamp(20px,2.6vw,31px);font-weight:800}
.v43-plus{color:var(--v43-yellow);font-size:27px;font-weight:900}
.v43-year[open] .v43-plus{transform:rotate(45deg)}
.v43-year-detail{padding:0 65px 26px 190px;color:#ddd;font-size:16px;line-height:1.75}
.v43-year-detail p{margin:0 0 10px}
.v43-year-detail a{color:var(--v43-yellow)}
.v43-expand{text-align:center;padding:35px 10px}
.v43-expand button{background:var(--v43-yellow);border:0;color:#111;font-family:'Barlow Condensed',sans-serif;font-size:21px;font-weight:900;padding:13px 28px;cursor:pointer}
.v43-expand p{color:#aaa;font-size:13px;margin-top:14px}
@media(max-width:850px){#veurige .archive-grid{grid-template-columns:1fr!important}#verhaol .story-copy{max-width:100%}.v43-year summary{grid-template-columns:88px minmax(0,1fr) 24px;gap:10px;padding:17px 12px}.v43-year-detail{padding:0 25px 22px 110px}.v43-page-title{padding-top:135px}}
@media(max-width:500px){.v43-year summary{grid-template-columns:70px minmax(0,1fr) 20px}.v43-year-detail{padding:0 14px 20px 92px}.v43-page-title h1{font-size:clamp(42px,12vw,65px)}}

/* ===== uit v45.css ===== */
/* Historie: subdued typography and quieter timeline */
.v43-timeline-section{max-width:1180px!important;margin:0 auto!important}
.v43-year{background:transparent!important;border-bottom:1px solid #34302b!important}
.v43-year summary{padding:19px 12px!important;grid-template-columns:clamp(90px,15vw,160px) minmax(0,1fr) 28px!important;gap:22px!important}
.v43-year-number{font-size:clamp(30px,4.3vw,55px)!important;font-weight:700!important;color:#d3a447!important;letter-spacing:-.025em!important}
.v43-year-title{font-size:clamp(19px,2.1vw,27px)!important;font-weight:700!important;color:#f0eee9!important}
.v43-year summary:hover{background:#191713!important}
.v43-year-detail{padding:0 48px 24px clamp(124px,18vw,194px)!important;color:#b9b3a8!important}
.v43-plus{color:#c5a05a!important}
.v45-posters{padding-top:45px!important;padding-bottom:100px!important}
.v45-posters h2{font-family:'Permanent Marker',cursive!important;font-size:clamp(29px,3.5vw,48px)!important;transform:rotate(-2deg);color:#fff;margin:0 0 15px}
.v45-posters>p{color:#bcb4a7;margin-bottom:28px}
.v45-poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}
.v45-poster{margin:0;min-width:0}
.v45-poster img,.v45-poster-placeholder{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:#14120d;border:1px solid #4e4126;border-radius:8px}
.v45-poster-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;box-sizing:border-box;color:#99886b;font-size:15px;letter-spacing:.1em;font-weight:700}
.v45-poster figcaption{margin-top:13px;color:#e6cf91;font-weight:700;text-align:center}
@media(max-width:700px){.v45-poster-grid{grid-template-columns:1fr 1fr;gap:15px}.v43-year summary{grid-template-columns:80px minmax(0,1fr) 18px!important;gap:12px!important}.v43-year-detail{padding-left:104px!important}}
@media(max-width:430px){.v45-poster-grid{grid-template-columns:1fr}.v45-poster{max-width:360px;margin:auto}}

/* ===== uit v46.css ===== */
/* v4.6 — Beerkeuning: foto begint bovenaan en tekst blijft binnen beeld */
@media (min-width:951px){
  #verhaol.story{align-items:start!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;gap:clamp(20px,3vw,56px)!important;padding:clamp(95px,9vw,155px) clamp(24px,3.2vw,70px) 90px!important}
  #verhaol .story-visual{align-self:start!important;place-items:start center!important;padding:0!important;margin:0!important;min-width:0!important}
  #verhaol .story-visual .polaroid{margin:0!important;width:min(100%,620px)!important;max-width:100%!important}
  #verhaol .story-copy{align-self:start!important;justify-content:flex-start!important;padding:0!important;min-width:0!important;max-width:none!important;width:100%!important}
  #verhaol .story-copy .eyebrow{margin:0 0 20px!important}
  #verhaol .story-copy h2{font-size:clamp(32px,3.4vw,62px)!important;line-height:1.15!important;margin:0 0 28px!important;overflow-wrap:break-word!important}
  #verhaol .story-copy p{max-width:100%!important;overflow-wrap:break-word!important}
}
@media(max-width:950px){
 #verhaol.story{display:flex!important;flex-direction:column!important;align-items:stretch!important}
 #verhaol .story-visual{order:1!important;padding:10px 20px 20px!important;align-self:stretch!important}
 #verhaol .story-copy{order:0!important;max-width:100%!important;min-width:0!important;padding:85px 24px 24px!important}
 #verhaol .story-copy p{overflow-wrap:break-word!important}
}

/* ===== uit v47.css ===== */

/* v4.7: originele Herte Laef kleur en schuine, onderstreepte titels */
:root{--hl-yellow:#ffdb00;--hl-gold:#e7b948}
.v43-page-title{text-align:center!important;padding:130px 20px 45px!important}
.v43-page-title h1,.v45-posters h2,#verhaol .story-copy h2,
.v41-photo-heading h2,.v4-jukebox h2,.section-head h2,
.v4-subhero h1,.v42-quick h2{
 font-family:'Permanent Marker',cursive!important;
 font-size:clamp(32px,4.3vw,62px)!important;
 font-weight:400!important;line-height:1.18!important;
 letter-spacing:0!important;text-transform:uppercase!important;
 color:#fff!important;transform:rotate(-2deg)!important;
 text-shadow:2px 3px 0 #111!important;
 width:fit-content!important;max-width:100%!important;
 margin:0 auto 28px!important;position:relative!important;
 padding-bottom:13px!important;overflow-wrap:break-word!important;
}
.v43-page-title h1:after,.v45-posters h2:after,#verhaol .story-copy h2:after,
.v41-photo-heading h2:after,.v4-jukebox h2:after,.section-head h2:after,
.v4-subhero h1:after,.v42-quick h2:after{
 content:'';position:absolute;left:0;bottom:0;width:92%;height:clamp(5px,.75vw,11px);
 background:#ffdb00;transform:skewX(-20deg) rotate(-2deg);transform-origin:left center;
}
.v43-page-title h1 em,.v45-posters h2 em,#verhaol .story-copy h2 em,
.v41-photo-heading h2 em,.v4-jukebox h2 em,.section-head h2 em,
.v4-subhero h1 em{color:#ffdb00!important}
#verhaol .story-copy h2{margin-left:0!important;margin-right:0!important}
.v45-posters h2,.v41-photo-heading h2{margin-left:0!important;margin-right:0!important}
.v43-page-title p{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
/* Bestaande zachte goudtint in historie behouden */
.v43-year-number{color:#d3a447!important}
.v43-year-title{color:#f0eee9!important}
/* Affiches volledig zichtbaar in een rustige grid */
.v45-poster-grid{align-items:start!important}
.v45-poster img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;max-height:680px!important;background:#111!important}
.v45-poster figcaption{color:#e7b948!important}
/* uniforme merkgele accenten, zonder de historie harder te maken */
.nav-ticket,.ticket-btn,.btn-yellow,.v4-ticket-link{background-color:#ffdb00!important}
@media(max-width:700px){.v43-page-title{padding-top:115px!important}.v45-poster-grid{grid-template-columns:1fr!important}.v43-page-title h1,.v45-posters h2,#verhaol .story-copy h2,.v41-photo-heading h2,.v4-jukebox h2,.section-head h2{font-size:clamp(30px,9vw,43px)!important}}

/* ===== uit v48.css ===== */
/* v4.8: witte titelstrepen en werkelijk gecentreerde footer */
:root{--hl-yellow:#ffdb00}
.v43-page-title h1::after,.v45-posters h2::after,#verhaol .story-copy h2::after,
.v41-photo-heading h2::after,.v4-jukebox h2::after,.section-head h2::after,
.v4-subhero h1::after,.v42-quick h2::after{background:#fff!important}
/* Middelste merkblok staat midden in de viewport, niet midden in resterende ruimte. */
.footer-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:start!important;gap:20px!important}
.footer-main>div:first-child{grid-column:2!important;text-align:center!important;justify-self:center!important;min-width:0!important}
.footer-main .footer-brand{display:flex!important;justify-content:center!important;align-items:center!important;gap:16px!important}
.footer-main .footer-logo{font-size:clamp(44px,6vw,85px)!important}
.footer-main>div:first-child p{text-align:center!important}
.footer-main .footer-links{grid-column:3!important;justify-self:end!important;align-items:flex-start!important}
/* Geen grote dubbele titel op Praktisch. */
body:has(.v4-subhero) .v4-subhero:not(:has(h1)){padding-bottom:30px!important;min-height:0!important}
@media(max-width:760px){.footer-main{grid-template-columns:1fr!important}.footer-main>div:first-child{grid-column:1!important}.footer-main .footer-links{grid-column:1!important;justify-self:center!important;align-items:center!important}.footer-main .footer-logo{font-size:clamp(36px,10vw,60px)!important}}

/* ===== uit v49.css ===== */
/* v4.9: alle grote brush-titels volledig wit, gele schuine onderstreping */
.v43-page-title h1,.v45-posters h2,#verhaol .story-copy h2,.v41-photo-heading h2,.v4-jukebox h2,.section-head h2,.v4-subhero h1,.v42-quick h2{color:#fff!important}
.v43-page-title h1 em,.v45-posters h2 em,#verhaol .story-copy h2 em,.v41-photo-heading h2 em,.v4-jukebox h2 em,.section-head h2 em,.v4-subhero h1 em,.v42-quick h2 em{color:#fff!important}
.v43-page-title h1::after,.v45-posters h2::after,#verhaol .story-copy h2::after,.v41-photo-heading h2::after,.v4-jukebox h2::after,.section-head h2::after,.v4-subhero h1::after,.v42-quick h2::after{background:#ffdb00!important}

/* ===================================================================
   v5.0 – rustige, consistente titels op alle pagina's
   Permanent Marker, hoofdletters, recht (niet scheef), bescheiden maat.
   Wit met het accentwoord (<em>) in merkgeel; korte gele streep eronder.
   =================================================================== */
:root{--hl-yellow:#ffd21b;--gold:#ffd21b}
.v43-page-title h1,.v45-posters h2,#verhaol .story-copy h2,.v41-photo-heading h2,.v4-jukebox h2,
.section-head h2,.v4-subhero h1,.v42-quick h2,.archive-heading h2{
  font-family:'Permanent Marker',cursive!important;font-weight:400!important;
  font-size:clamp(26px,2.7vw,40px)!important;line-height:1.15!important;letter-spacing:.01em!important;
  text-transform:uppercase!important;color:#fff!important;transform:none!important;text-shadow:none!important;
  width:auto!important;max-width:100%!important;margin:10px 0 22px!important;
  padding:0 0 14px!important;position:relative!important;text-align:left!important;
}
.v43-page-title h1 em,.v45-posters h2 em,#verhaol .story-copy h2 em,.v41-photo-heading h2 em,.v4-jukebox h2 em,
.section-head h2 em,.v4-subhero h1 em,.v42-quick h2 em{color:var(--hl-yellow)!important;font-style:normal!important}
.v43-page-title h1::after,.v45-posters h2::after,#verhaol .story-copy h2::after,.v41-photo-heading h2::after,.v4-jukebox h2::after,
.section-head h2::after,.v4-subhero h1::after,.v42-quick h2::after,.archive-heading h2::after{
  content:''!important;display:block!important;position:absolute!important;left:0!important;bottom:0!important;
  width:56px!important;height:4px!important;background:var(--hl-yellow)!important;transform:none!important;border-radius:2px;
}
/* paginakoppen bovenaan (Edities, Historie, Praktisch): gecentreerd, streep ook gecentreerd */
.v43-page-title,.v4-subhero{text-align:center!important}
.v43-page-title h1,.v4-subhero h1{text-align:center!important;margin-left:auto!important;margin-right:auto!important;font-size:clamp(30px,3.2vw,46px)!important}
.v43-page-title h1::after,.v4-subhero h1::after{left:50%!important;margin-left:-28px!important}
.v43-page-title p,.v4-subhero p{font-family:'DM Sans',sans-serif!important;font-style:normal!important;font-size:clamp(15px,1.3vw,18px)!important;color:#c9c2b5!important;margin:0 auto!important;max-width:620px}
/* één geel voor knoppen en accenten */
.btn-gold,.nav-ticket,.card-chip{background:var(--hl-yellow)!important;color:#111!important}
/* Praktisch: kop + drie gelijke kaarten */
.v4-subhero{padding:130px 22px 10px!important;min-height:0!important}
.v4-subhero .eyebrow{margin-bottom:8px}
#praktisch.practical{padding-top:40px!important}
#praktisch .practical-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:1000px;margin:0 auto}
@media(max-width:700px){#praktisch .practical-grid{grid-template-columns:1fr!important}.v4-subhero{padding-top:110px!important}}
/* polaroid-onderschrift past altijd binnen de foto */
#verhaol .polaroid figcaption{font-size:clamp(17px,1.7vw,26px)!important;white-space:nowrap;padding-left:8px;padding-right:8px}
@media(max-width:950px){#verhaol .polaroid figcaption{font-size:clamp(15px,4.6vw,24px)!important}}

/* Herte Laef 5.1: speelse archiefpolaroids met volledig zichtbaar beeld en bijschrift */
.v4-polaroid-grid{gap:12px 0;padding:45px 20px 80px;grid-template-columns:repeat(4,minmax(0,1fr))}
.v4-polaroid{position:relative;width:108%;margin-left:-4%;z-index:1;transform:rotate(var(--tilt,0deg));transition:transform .25s,box-shadow .25s;overflow:visible}
.v4-polaroid:nth-child(even){margin-top:35px;z-index:2}
.v4-polaroid:nth-child(5n){z-index:3}
.v4-polaroid:hover,.v4-polaroid:focus-visible{z-index:15;transform:rotate(0deg) translateY(-12px) scale(1.045);box-shadow:0 24px 45px #000b}
.v4-polaroid img{object-fit:contain;background:#eee;filter:grayscale(1)}
.v4-polaroid span{white-space:normal;overflow-wrap:anywhere}
.house-rules{padding-top:25px;padding-bottom:85px}.house-rules-inner{max-width:960px;margin:auto}.house-rules h2{margin:12px 0 16px}.house-rules p{margin-bottom:25px}.house-rules ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;padding:0;list-style:none}.house-rules li{border-left:3px solid #ffdf1e;padding:12px 15px;background:rgba(255,255,255,.055);line-height:1.55}
@media(max-width:700px){.v4-polaroid-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 0;padding:28px 12px 55px}.v4-polaroid{width:105%;margin-left:-2.5%}.v4-polaroid:nth-child(even){margin-top:23px}.house-rules ul{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.v4-polaroid{transition:none}}

/* 5.1.1: ingetogen kop voor huisregels */
.house-rules-title{font-family:inherit;font-size:15px;font-weight:750;letter-spacing:.12em;color:#fff;margin:0 0 14px;text-transform:uppercase}.house-rules-title::after{content:none!important}

/* v5.1.3: geschiedenis altijd leesbaar en affiches bij de jaren */
.v43-year summary{cursor:default!important;grid-template-columns:clamp(90px,15vw,160px) minmax(0,1fr)!important;padding-bottom:5px!important}
.v43-year summary:hover{background:transparent!important}
.v43-year-detail{display:block!important}
.v513-affiche-link{display:block;width:min(260px,100%);margin:15px 0 8px}
.v513-affiche-link img{display:block;width:100%;height:auto;border:1px solid #5b4a21;border-radius:3px}
.v513-affiche-link:hover img{border-color:#e4bb54}
@media(max-width:500px){.v43-year summary{grid-template-columns:70px minmax(0,1fr)!important}}

/* 5.1.4: alle details direct leesbaar; extra jaartallen achter knop */
.v43-year[data-extra][hidden]{display:none!important}

/* v5.2: doorlopende mobiele homepage; desktop blijft meerpagina */
.mobile-flow-section,.mobile-fixed-ticket{display:none}
@media(max-width:767px){
 .mobile-flow-section{display:block;scroll-margin-top:78px}
 #home,#editie{scroll-margin-top:78px}
 .mobile-fixed-ticket{display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:120;background:#ffdb00;color:#111!important;text-decoration:none;font:800 14px 'Barlow Condensed',sans-serif;letter-spacing:.06em;padding:10px 13px;border-radius:5px;margin-left:auto;white-space:nowrap}
 .nav .menu-toggle{order:0}.nav .brand{order:1}.nav .mobile-fixed-ticket{order:2}
 .nav{display:flex;align-items:center;gap:8px}
 .nav .brand{margin-right:auto;min-width:0}
 .nav .brand-name{font-size:clamp(17px,5vw,25px)}
 .mobile-ticket-section{padding:85px 20px 100px;background:#151512;text-align:center;border-top:2px solid #ffdb00}
 .mobile-ticket-inner{max-width:460px;margin:auto}
 .mobile-ticket-inner h2{font:900 clamp(50px,14vw,82px) 'Barlow Condensed',sans-serif;color:white;margin:10px 0}
 .mobile-ticket-inner p{color:#fff;margin-bottom:28px}
 #mobiel-edities .v43-page-title,#mobiel-praktisch .v4-subhero{padding-top:85px!important}
 html{scroll-behavior:smooth}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v5.2.1 – Hoesregels exact dezelfde titeltypografie als Ós Historie */
.house-rules .house-rules-title{font-family:'Permanent Marker',cursive!important;font-weight:400!important;font-size:clamp(30px,3.2vw,46px)!important;line-height:1.15!important;letter-spacing:.01em!important;text-transform:uppercase!important;color:#fff!important;transform:none!important;text-shadow:none!important;width:max-content!important;max-width:100%!important;margin:10px auto 22px!important;padding:0 0 14px!important;position:relative!important;text-align:center!important}
.house-rules .house-rules-title::after{content:''!important;display:block!important;position:absolute!important;left:50%!important;bottom:0!important;margin-left:-28px!important;width:56px!important;height:4px!important;background:var(--hl-yellow)!important;transform:none!important;border-radius:2px!important}