@font-face{font-family:HKHead;src:url('https://hk-sponsorshop-preview.pages.dev/assets/ArchivoBlack.ttf')}@font-face{font-family:HKBody;src:url('https://hk-sponsorshop-preview.pages.dev/assets/Sora.ttf')}*{box-sizing:border-box}body{margin:0;background:#f7f2e8;color:#17120f;font-family:HKBody,Arial,sans-serif}a{color:inherit}.hero{min-height:720px;background:radial-gradient(circle at 80% 20%,#ffd36a 0 18%,transparent 34%),linear-gradient(135deg,#18110d,#401307 50%,#f6a514);color:#fff;padding:26px clamp(20px,5vw,80px);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% -25% -10%;height:360px;background:#f7f2e8;transform:rotate(-4deg)}.nav,.hero-inner{position:relative;z-index:1}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{height:96px;filter:drop-shadow(0 8px 24px #0008)}.nav-links{display:flex;gap:24px;font-weight:800}.nav-links a{text-decoration:none;opacity:.9}.hero-inner{max-width:980px;padding-top:105px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#ffcb52}.hero h1{font-family:HKHead,Impact,sans-serif;font-size:clamp(46px,9vw,104px);line-height:.92;margin:14px 0;text-transform:uppercase}.intro{font-size:clamp(18px,2.4vw,26px);max-width:760px;color:#fff2d4}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;border-radius:999px;font-weight:950;text-decoration:none;box-shadow:0 10px 30px #0002}.primary{background:#ffbf2e;color:#17120f}.secondary{background:#fff;color:#17120f}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:70px clamp(20px,5vw,80px);position:relative;z-index:2}.cards article,.panel,.contact{background:#fff;border:1px solid #eadbc4;border-radius:28px;padding:30px;box-shadow:0 18px 50px #6b35151a}.cards span{font-weight:900;color:#9c2b12;text-transform:uppercase}.cards strong{display:block;font-size:24px;margin:10px 0}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;padding:20px clamp(20px,5vw,80px) 80px}.split h2,.contact h2{font-family:HKHead,Impact,sans-serif;font-size:clamp(36px,5vw,68px);line-height:.95;text-transform:uppercase;margin:10px 0}.split p,.panel li,.contact p{font-size:18px;line-height:1.65}.panel{align-self:center;background:#17120f;color:#fff}.panel h3{font-size:28px}.panel li{margin:12px 0}.contact{text-align:center;margin:0 clamp(20px,5vw,80px) 80px}.center{justify-content:center}footer{text-align:center;padding:36px;color:#6f625b}@media(max-width:820px){.nav{align-items:flex-start}.nav-links{display:none}.cards,.split{grid-template-columns:1fr}.hero{min-height:640px}.logo{height:76px}}
/* Hero refinement: keep title, intro and ticket button in one view */
.hero{min-height:640px;padding-bottom:76px}.hero-inner{max-width:1180px;padding-top:58px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:42px;align-items:center}.hero h1{font-size:clamp(34px,5.7vw,68px);line-height:.98;max-width:760px}.intro{font-size:clamp(16px,1.8vw,21px);max-width:650px}.actions{margin-top:24px}.hero-poster{margin:0;justify-self:end}.hero-poster img{width:100%;max-width:330px;max-height:470px;object-fit:cover;border-radius:26px;box-shadow:0 28px 70px #0008;border:3px solid rgba(255,255,255,.55);transform:rotate(1.5deg)}
@media(max-width:980px){.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;padding-top:42px}.hero-poster{justify-self:start}.hero-poster img{max-width:260px;max-height:360px}.hero h1{font-size:clamp(34px,11vw,58px)}}
@media(max-width:560px){.hero-poster{display:none}.actions .btn{width:100%}}

/* Emergency correction: much smaller above-the-fold hero, no wrong poster image */
.hero{min-height:520px;padding-bottom:56px}.hero-inner.compact-hero{max-width:860px;padding-top:46px;display:block}.compact-hero .hero-copy{max-width:760px}.compact-hero h1{font-size:clamp(34px,4.8vw,56px)!important;line-height:1.02!important;max-width:720px;margin:10px 0 12px}.compact-hero .intro{font-size:clamp(15px,1.6vw,19px);line-height:1.5;max-width:660px}.compact-hero .actions{margin-top:18px}.compact-hero .btn{padding:13px 20px}.hero-poster{display:none!important}
@media(max-width:820px){.hero{min-height:auto}.hero-inner.compact-hero{padding-top:32px}.compact-hero h1{font-size:clamp(31px,9vw,46px)!important}}

/* Final hero layout per request: logo OK, text + ticket button visible, poster at right */
body .hero{min-height:calc(100vh - 110px)!important;max-height:720px!important;padding:22px clamp(18px,4vw,64px) 44px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;}
body .nav{min-height:82px!important;align-items:center!important;}
body .logo{height:86px!important;max-width:360px!important;}
body .hero-inner.final-hero-layout{width:100%!important;max-width:1180px!important;padding-top:34px!important;display:grid!important;grid-template-columns:minmax(0,620px) minmax(250px,330px)!important;gap:46px!important;align-items:center!important;position:relative!important;z-index:2!important;}
body .final-hero-layout .hero-copy{max-width:620px!important;}
body .final-hero-layout .eyebrow{font-size:14px!important;line-height:1.25!important;margin:0 0 12px!important;color:#ffdf6f!important;}
body .final-hero-layout h1{font-family:HKHead,Impact,sans-serif!important;font-size:clamp(32px,4.2vw,52px)!important;line-height:1.02!important;letter-spacing:-.025em!important;max-width:620px!important;margin:0 0 14px!important;text-transform:uppercase!important;}
body .final-hero-layout .intro{font-size:clamp(15px,1.45vw,18px)!important;line-height:1.45!important;max-width:560px!important;margin:0!important;color:#fff2d4!important;}
body .final-hero-layout .actions{margin-top:20px!important;gap:12px!important;}
body .final-hero-layout .btn{padding:12px 19px!important;font-size:15px!important;}
body .event-poster{justify-self:end;width:min(330px,100%);aspect-ratio:3/4.25;border-radius:26px;padding:26px 22px;background:linear-gradient(160deg,#071829 0%,#0a2531 45%,#f4a313 46%,#ffca47 100%);box-shadow:0 26px 70px #0009;border:3px solid rgba(255,255,255,.65);color:#fff;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(1deg);overflow:hidden;}
body .event-poster:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.25),transparent 35%);pointer-events:none;}
body .poster-top{position:relative;text-transform:uppercase;font-weight:1000;letter-spacing:.08em;font-size:15px;color:#ffdf6f;}
body .poster-main{position:relative;font-family:HKHead,Impact,sans-serif;text-transform:uppercase;font-size:clamp(48px,5vw,76px);line-height:.82;color:#fff;text-shadow:0 8px 24px #0007;}
body .poster-place{position:relative;font-weight:1000;font-size:22px;line-height:1.05;max-width:250px;}
body .poster-time{position:relative;color:#19120d;background:#fff;border-radius:999px;padding:10px 13px;font-size:13px;font-weight:900;text-align:center;}
body .hero-poster{display:none!important;}
@media(max-width:900px){body .hero{max-height:none!important;min-height:auto!important}body .hero-inner.final-hero-layout{grid-template-columns:1fr!important;padding-top:28px!important;gap:24px!important}body .event-poster{justify-self:start;width:230px;display:none}body .final-hero-layout h1{font-size:clamp(31px,9vw,44px)!important}.nav-links{display:none!important}}

/* Hero4: use the real supplied poster image at right */
body .hero-inner.final-hero-layout{grid-template-columns:minmax(0,600px) minmax(240px,330px)!important;gap:38px!important;align-items:center!important;}
body .event-poster.real-poster{width:min(330px,30vw)!important;aspect-ratio:auto!important;padding:0!important;background:none!important;border:0!important;border-radius:18px!important;box-shadow:0 24px 60px rgba(0,0,0,.55)!important;transform:none!important;overflow:hidden!important;display:block!important;justify-self:end!important;}
body .event-poster.real-poster:before{display:none!important;content:none!important;}
body .event-poster.real-poster img{display:block!important;width:100%!important;height:auto!important;border-radius:18px!important;}
body .final-hero-layout h1{font-size:clamp(30px,3.8vw,48px)!important;line-height:1!important;margin-bottom:12px!important;}
body .final-hero-layout .intro{font-size:clamp(14px,1.25vw,17px)!important;line-height:1.38!important;}
body .final-hero-layout .actions{margin-top:18px!important;}
@media(max-width:900px){body .event-poster.real-poster{display:block!important;width:min(230px,58vw)!important;justify-self:start!important}body .hero-inner.final-hero-layout{gap:18px!important}}

/* Programma update: no sponsor content on homepage, only sponsor CTA */
.programme{max-width:900px;margin:42px auto 72px;padding:0 clamp(18px,4vw,32px);position:relative;z-index:2;}
.programme .section-kicker{margin:0 0 8px;color:#ffb22e;text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:13px;}
.programme h2{margin:0 0 22px;font-family:HKHead,Impact,sans-serif;text-transform:uppercase;font-size:clamp(34px,5vw,64px);line-height:.95;color:#fff;}
.programme-list{border:1px solid rgba(255,255,255,.16);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(7,24,41,.86),rgba(7,24,41,.58));box-shadow:0 24px 70px rgba(0,0,0,.28);}
.programme-list div{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;padding:15px 22px;border-bottom:1px solid rgba(255,255,255,.12);}
.programme-list div:last-child{border-bottom:0;}
.programme-list time{color:#ffca47;font-weight:1000;font-size:18px;white-space:nowrap;}
.programme-list span{color:#fff;font-size:20px;font-weight:850;}
@media(max-width:640px){.programme{margin-top:30px}.programme-list div{grid-template-columns:1fr;gap:3px;padding:14px 17px}.programme-list time{font-size:15px}.programme-list span{font-size:18px}}

/* programma2 cache bust: sponsor mentions removed except hero CTA */

/* upgrade1: stronger ticket priority, timeline programme, final CTA */
body .final-hero-layout .btn.primary{transform:scale(1.04);box-shadow:0 18px 46px rgba(255,178,46,.34)!important;}
body .final-hero-layout .btn.sponsor-small{opacity:.84;padding:10px 15px!important;font-size:13px!important;min-height:42px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.20)!important;}
.programme{max-width:960px!important}.programme-list{position:relative;padding:8px 0!important}.programme-list:before{content:"";position:absolute;left:122px;top:26px;bottom:26px;width:3px;background:linear-gradient(#ffca47,#ff7a00);border-radius:999px;box-shadow:0 0 22px rgba(255,178,46,.28)}.programme-list div{position:relative;grid-template-columns:150px 1fr!important;padding:16px 26px!important;background:linear-gradient(90deg,rgba(255,255,255,.045),transparent)}.programme-list div:before{content:"";position:absolute;left:116px;top:50%;width:15px;height:15px;border-radius:50%;background:#ffca47;border:3px solid #081829;box-shadow:0 0 0 4px rgba(255,202,71,.16);transform:translateY(-50%)}.programme-list time{font-size:17px!important}.programme-list span{font-size:21px!important;letter-spacing:.01em}.final-ticket-cta{max-width:960px;margin:40px auto 76px;padding:34px clamp(22px,5vw,46px);border-radius:30px;background:linear-gradient(135deg,rgba(255,178,46,.18),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 70px rgba(0,0,0,.25);color:#fff}.final-ticket-cta .section-kicker{color:#ffca47;text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:13px;margin:0 0 8px}.final-ticket-cta h2{font-family:HKHead,Impact,sans-serif;text-transform:uppercase;font-size:clamp(34px,5vw,62px);line-height:.95;margin:0 0 12px}.final-ticket-cta p{max-width:620px;color:#fff2d4;font-size:18px;line-height:1.5;margin:0 0 22px}@media(max-width:640px){.programme-list:before,.programme-list div:before{display:none}.programme-list div{grid-template-columns:1fr!important}.final-ticket-cta{margin:28px 18px 56px}.final-hero-layout .btn.sponsor-small{width:auto!important}}

/* palette1: premium navy + orange + cream, no brown hero */
:root{--hk-navy:#071829;--hk-navy-2:#0b2842;--hk-orange:#ff6a00;--hk-gold:#ffca47;--hk-cream:#fff4dd;--hk-soft:#f8f0df;}
body{background:linear-gradient(180deg,#071829 0%,#0b2842 52%,#f8f0df 52%,#f8f0df 100%)!important;color:var(--hk-cream)!important;}
body .hero{background:
 radial-gradient(circle at 78% 18%,rgba(255,202,71,.24) 0 15%,transparent 32%),
 radial-gradient(circle at 20% 68%,rgba(0,175,220,.14),transparent 35%),
 linear-gradient(135deg,#061420 0%,#09233b 48%,#0d3552 100%)!important;
 color:var(--hk-cream)!important;}
body .hero:after{background:var(--hk-soft)!important;opacity:1!important;}
body .nav{color:var(--hk-cream)!important;}
body .nav-links a{color:rgba(255,244,221,.86)!important;}
body .final-hero-layout .eyebrow{color:var(--hk-gold)!important;}
body .final-hero-layout h1{color:#fffaf0!important;text-shadow:0 8px 34px rgba(0,0,0,.28)!important;}
body .final-hero-layout .intro{color:rgba(255,244,221,.90)!important;}
body .btn.primary{background:linear-gradient(135deg,var(--hk-orange),#ff9d1f)!important;color:#fff!important;box-shadow:0 18px 48px rgba(255,106,0,.34)!important;}
body .btn.secondary,body .final-hero-layout .btn.sponsor-small{background:rgba(255,255,255,.09)!important;color:#fff4dd!important;border:1px solid rgba(255,244,221,.22)!important;box-shadow:none!important;}
body .event-poster.real-poster{box-shadow:0 30px 80px rgba(0,0,0,.52),0 0 0 1px rgba(255,244,221,.18)!important;}
body .programme{color:#071829!important;}
body .programme .section-kicker{color:#ff6a00!important;}
body .programme h2{color:#071829!important;}
body .programme-list{background:#fffaf1!important;border:1px solid rgba(7,24,41,.10)!important;box-shadow:0 22px 60px rgba(7,24,41,.10)!important;}
body .programme-list:before{background:linear-gradient(#ffca47,#ff6a00)!important;box-shadow:0 0 22px rgba(255,106,0,.22)!important;}
body .programme-list div{border-bottom:1px solid rgba(7,24,41,.08)!important;background:linear-gradient(90deg,rgba(255,106,0,.035),transparent)!important;}
body .programme-list div:before{border-color:#fffaf1!important;background:#ff6a00!important;}
body .programme-list time{color:#ff6a00!important;}
body .programme-list span{color:#071829!important;}
body .final-ticket-cta{background:linear-gradient(135deg,#071829,#0d3552)!important;border:1px solid rgba(255,202,71,.20)!important;box-shadow:0 24px 70px rgba(7,24,41,.22)!important;}
body .final-ticket-cta .section-kicker{color:#ffca47!important;}body .final-ticket-cta h2{color:#fffaf0!important;}body .final-ticket-cta p{color:rgba(255,244,221,.88)!important;}

/* buttons1: center ticket button under hero text; move sponsor CTA below programme */
body .final-hero-layout .actions{justify-content:center!important;width:100%!important;max-width:560px!important;margin-top:22px!important;}
body .final-hero-layout .actions .btn.primary{margin-inline:auto!important;min-width:210px!important;text-align:center!important;}
body .sponsor-mini-cta{max-width:960px;margin:28px auto 34px;padding:28px clamp(22px,5vw,42px);border-radius:28px;background:#fffaf1!important;border:1px solid rgba(7,24,41,.10);box-shadow:0 18px 50px rgba(7,24,41,.09);color:#071829;}
body .sponsor-mini-cta .section-kicker{margin:0 0 8px;color:#ff6a00;text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:13px;}
body .sponsor-mini-cta h2{margin:0 0 10px;font-family:HKHead,Impact,sans-serif;text-transform:uppercase;font-size:clamp(28px,4.2vw,50px);line-height:.98;color:#071829;}
body .sponsor-mini-cta p{max-width:640px;margin:0 0 20px;color:#334452;font-size:17px;line-height:1.48;}
body .sponsor-mini-cta .btn.secondary{background:#071829!important;color:#fff4dd!important;border:1px solid rgba(7,24,41,.12)!important;box-shadow:0 12px 32px rgba(7,24,41,.18)!important;}
@media(max-width:640px){body .final-hero-layout .actions{justify-content:flex-start!important}body .sponsor-mini-cta{margin:24px 18px 30px}}

/* buttons2: centered hero ticket button, sponsor CTA moved, readable fact text */
body .final-hero-layout .actions{justify-content:center!important;width:100%!important;max-width:560px!important;margin-top:22px!important;}
body .final-hero-layout .actions .btn.primary{margin-inline:auto!important;min-width:215px!important;text-align:center!important;}
body .final-hero-layout .actions .btn.secondary{display:none!important;}
body .sponsor-mini-cta{max-width:960px;margin:28px auto 34px;padding:28px clamp(22px,5vw,42px);border-radius:28px;background:#fffaf1!important;border:1px solid rgba(7,24,41,.10);box-shadow:0 18px 50px rgba(7,24,41,.09);color:#071829;}
body .sponsor-mini-cta .section-kicker{margin:0 0 8px;color:#ff6a00;text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:13px;}
body .sponsor-mini-cta h2{margin:0 0 10px;font-family:HKHead,Impact,sans-serif;text-transform:uppercase;font-size:clamp(28px,4.2vw,50px);line-height:.98;color:#071829;}
body .sponsor-mini-cta p{max-width:640px;margin:0 0 20px;color:#334452;font-size:17px;line-height:1.48;}
body .sponsor-mini-cta .btn.secondary{display:inline-flex!important;background:#071829!important;color:#fff4dd!important;border:1px solid rgba(7,24,41,.12)!important;box-shadow:0 12px 32px rgba(7,24,41,.18)!important;}
body .facts, body .info-grid, body .event-facts, body .highlights{color:#071829!important;}
body .facts p, body .info-grid p, body .event-facts p, body .highlights p, body .card p, body .fact p{color:#213343!important;opacity:1!important;font-weight:650!important;}
body .facts strong, body .info-grid strong, body .event-facts strong, body .highlights strong, body .card strong, body .fact strong{color:#071829!important;}
body .facts, body .info-grid, body .event-facts, body .highlights, body .card, body .fact{background-color:rgba(255,250,241,.96)!important;}
@media(max-width:640px){body .final-hero-layout .actions{justify-content:flex-start!important}body .sponsor-mini-cta{margin:24px 18px 30px}}

/* buttons3 cache marker */

/* buttons4 structure fix: sponsor CTA after programme */

/* buttons5: sponsor CTA directly before contact */

/* navsponsor1: sponsor link in top navigation + readable cards */
body .nav-links{display:flex!important;align-items:center!important;gap:18px!important;}
body .nav-links a[href="#sponsor-worden"]{color:#ffca47!important;font-weight:900!important;}
body .cards article p{color:#142536!important;opacity:1!important;font-weight:750!important;}
body .cards article span{color:#ff6a00!important;font-weight:950!important;}
body .cards article strong{color:#071829!important;}

/* navsponsor2: force readable Datum/Locatie/Sfeer descriptions */
body section.cards article{background:#fffaf1!important;border:1px solid rgba(7,24,41,.10)!important;box-shadow:0 16px 42px rgba(7,24,41,.10)!important;}
body section.cards article p{color:#071829!important;opacity:1!important;font-weight:850!important;text-shadow:none!important;}
body section.cards article strong{color:#071829!important;text-shadow:none!important;}
body section.cards article span{color:#ff5a00!important;opacity:1!important;font-weight:1000!important;}

/* ticker1: continuous evening programme under ticket button, running behind poster */
body .hero-inner.final-hero-layout{position:relative!important;overflow:visible!important;}
body .hero-copy{position:relative!important;z-index:3!important;padding-bottom:76px!important;}
body .event-poster.real-poster{position:relative!important;z-index:4!important;}
body .hero-program-ticker{position:absolute!important;left:0!important;right:-8vw!important;bottom:34px!important;height:54px!important;z-index:2!important;overflow:hidden!important;border-radius:999px!important;background:rgba(255,244,221,.10)!important;border:1px solid rgba(255,244,221,.18)!important;box-shadow:0 18px 44px rgba(0,0,0,.20)!important;backdrop-filter:blur(8px)!important;}
body .hero-program-ticker:before,body .hero-program-ticker:after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:3;pointer-events:none}body .hero-program-ticker:before{left:0;background:linear-gradient(90deg,#071829,transparent)}body .hero-program-ticker:after{right:0;background:linear-gradient(270deg,#0d3552,transparent)}
body .ticker-track{display:flex!important;align-items:center!important;gap:28px!important;width:max-content!important;height:100%!important;animation:hkTicker 34s linear infinite!important;will-change:transform!important;}
body .ticker-track span{white-space:nowrap!important;color:#fff4dd!important;font-weight:950!important;font-size:16px!important;letter-spacing:.01em!important;text-shadow:0 2px 12px rgba(0,0,0,.35)!important;}
body .ticker-track span:before{content:"◆";color:#ffca47;margin-right:28px;font-size:11px;vertical-align:middle;}
@keyframes hkTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:900px){body .hero-copy{padding-bottom:82px!important}body .hero-program-ticker{left:0!important;right:0!important;bottom:-6px!important;height:50px!important}body .ticker-track span{font-size:14px!important}.event-poster.real-poster{margin-top:18px!important}}
@media(prefers-reduced-motion:reduce){body .ticker-track{animation:none!important;}}

/* ticker2: replace dark ticker text shadow with subtle orange glow */
body .ticker-track span{color:#fff7e8!important;text-shadow:0 0 10px rgba(255,106,0,.55),0 0 22px rgba(255,202,71,.26),0 1px 2px rgba(0,0,0,.38)!important;}
body .hero-program-ticker{box-shadow:0 18px 44px rgba(255,106,0,.10),0 12px 38px rgba(0,0,0,.18)!important;}

/* fotos1: album page and subtle 29 March memory image in blue hero */
body .nav-links a[href="fotos-28-maart-2026.html"]{color:#ffca47!important;font-weight:900!important;}
body .hero{isolation:isolate!important;}
body .hero-memory-photo{position:absolute;inset:112px auto auto 48%;width:min(520px,42vw);height:430px;z-index:0;opacity:.16;filter:saturate(.9) contrast(1.08);pointer-events:none;border-radius:36px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 32px 90px rgba(0,0,0,.22)}
body .hero-memory-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071829 0%,rgba(7,24,41,.35) 48%,rgba(7,24,41,.86) 100%)}
body .hero-memory-photo img{width:100%;height:100%;object-fit:cover;display:block}.album-page{background:#f8f0df!important;color:#071829!important}.album-hero{background:radial-gradient(circle at 78% 12%,rgba(255,202,71,.24),transparent 30%),linear-gradient(135deg,#061420,#09233b 52%,#0d3552)!important;color:#fff4dd!important;padding:26px clamp(20px,5vw,80px) 80px;position:relative;overflow:hidden}.album-nav{max-width:1180px;margin:0 auto}.album-intro{max-width:1180px;margin:70px auto 0}.album-intro h1{font-family:HKHead,Impact,sans-serif;text-transform:uppercase;font-size:clamp(46px,8vw,96px);line-height:.92;margin:0 0 18px;color:#fffaf0}.album-intro h1 span{color:#ffca47}.album-intro p:not(.eyebrow){font-size:clamp(18px,2vw,24px);color:#fff4dd;max-width:660px;margin:0 0 26px}.album-main{max-width:1220px;margin:0 auto;padding:42px clamp(16px,3vw,26px) 80px}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.photo-card{display:block;aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:#071829;box-shadow:0 14px 34px rgba(7,24,41,.12);transition:transform .18s ease,box-shadow .18s ease}.photo-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(7,24,41,.18)}.photo-card img{width:100%;height:100%;object-fit:cover;display:block}.album-page footer{color:#071829!important;text-align:center;padding-bottom:40px}@media(max-width:900px){body .hero-memory-photo{inset:150px 16px auto auto;width:52vw;height:300px;opacity:.10}.album-grid{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:10px}.album-hero{padding-left:20px;padding-right:20px}}

/* fotos2: move subtle 29 March image behind hero text, not behind poster */
body .hero-memory-photo{left:clamp(22px,5vw,76px)!important;right:auto!important;top:150px!important;width:min(520px,43vw)!important;height:390px!important;opacity:.115!important;transform:rotate(-2deg)!important;z-index:0!important;}
body .hero-memory-photo:after{background:linear-gradient(90deg,rgba(7,24,41,.82) 0%,rgba(7,24,41,.55) 45%,rgba(7,24,41,.92) 100%)!important;}
body .hero-copy{position:relative!important;z-index:3!important;}
body .event-poster.real-poster{z-index:5!important;}
@media(max-width:900px){body .hero-memory-photo{left:10px!important;top:150px!important;width:72vw!important;height:310px!important;opacity:.075!important;}}

/* clean1: remove subtle hero photo and normalize nav link colors */
body .hero-memory-photo{display:none!important;}
body .nav-links a,body .nav-links a[href="#sponsor-worden"],body .nav-links a[href="fotos-28-maart-2026.html"]{color:rgba(255,244,221,.86)!important;font-weight:800!important;}
body .nav-links a:hover{color:#ffca47!important;}

/* why1: emotional sales strip below hero */
.why-strip{max-width:1180px;margin:-28px auto 34px;padding:30px clamp(22px,5vw,44px);display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,510px);gap:28px;align-items:center;position:relative;z-index:5;border-radius:34px;background:linear-gradient(135deg,#fffaf1 0%,#fff4dd 58%,#ffe6bf 100%);border:1px solid rgba(7,24,41,.10);box-shadow:0 26px 80px rgba(7,24,41,.16);overflow:hidden}.why-strip:before{content:"";position:absolute;inset:-40% auto auto -8%;width:260px;height:260px;background:radial-gradient(circle,rgba(255,106,0,.18),transparent 66%);pointer-events:none}.why-copy .big-kicker{margin:0 0 10px!important;color:#ff5a00!important;text-transform:uppercase!important;letter-spacing:.13em!important;font-weight:1000!important;font-size:clamp(17px,2.2vw,27px)!important;line-height:1.05!important}.why-copy h2{font-family:HKHead,Impact,sans-serif;text-transform:uppercase;font-size:clamp(27px,3.45vw,46px);line-height:.98;margin:0 0 12px;color:#071829;letter-spacing:-.02em}.why-copy .animated-line{background:linear-gradient(90deg,#071829 0%,#071829 38%,#ff6a00 50%,#071829 62%,#071829 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hkTextSweep 4.2s ease-in-out infinite, hkTinyLift 3.8s ease-in-out infinite;text-shadow:0 10px 30px rgba(255,106,0,.07)}.why-copy p:not(.section-kicker){margin:0;color:#334452;font-size:18px;line-height:1.45;max-width:560px}.why-points{display:grid;gap:12px}.why-points article{background:#071829;color:#fff4dd;border-radius:22px;padding:18px 20px;box-shadow:0 16px 40px rgba(7,24,41,.18);border:1px solid rgba(255,202,71,.14);transform:translateZ(0)}.why-points strong{display:block;color:#ffca47;font-size:20px;margin-bottom:4px}.why-points span{display:block;color:rgba(255,244,221,.86);font-size:15px;line-height:1.35}@keyframes hkTextSweep{0%,28%{background-position:100% 0}55%,100%{background-position:0 0}}@keyframes hkTinyLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@media(max-width:900px){.why-strip{grid-template-columns:1fr;margin:20px 18px 28px}.why-points{grid-template-columns:1fr}.why-copy h2{font-size:clamp(27px,8vw,38px)}}@media(prefers-reduced-motion:reduce){.why-copy .animated-line{animation:none;color:#071829;background:none}}

/* why2: one-line kicker and fun subtle beat animation */
.why-copy .big-kicker{font-size:clamp(14px,1.45vw,18px)!important;letter-spacing:.105em!important;white-space:nowrap!important;line-height:1.1!important;margin-bottom:12px!important;}
.why-copy .beat-line{font-size:clamp(27px,3.25vw,44px)!important;background:none!important;color:#071829!important;animation:none!important;text-shadow:none!important;}
.why-copy .beat-line span{display:inline-block;position:relative;animation:hkBeatWord 3.6s ease-in-out infinite;transform-origin:center bottom;}
.why-copy .beat-line span:nth-child(1){color:#ff5a00;animation-delay:0s;text-shadow:0 0 18px rgba(255,90,0,.16)}
.why-copy .beat-line span:nth-child(2){animation-delay:.18s;}
.why-copy .beat-line span:nth-child(3){color:#071829;animation-delay:.36s;}
.why-copy .beat-line span:after{content:"";position:absolute;left:8%;right:8%;bottom:-5px;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,#ffca47,transparent);opacity:0;transform:scaleX(.25);animation:hkBeatUnderline 3.6s ease-in-out infinite;}
.why-copy .beat-line span:nth-child(1):after{animation-delay:0s}.why-copy .beat-line span:nth-child(2):after{animation-delay:.18s}.why-copy .beat-line span:nth-child(3):after{animation-delay:.36s}
@keyframes hkBeatWord{0%,62%,100%{transform:translateY(0) scale(1)}8%{transform:translateY(-3px) scale(1.025)}14%{transform:translateY(0) scale(1)}}
@keyframes hkBeatUnderline{0%,62%,100%{opacity:0;transform:scaleX(.25)}8%{opacity:.75;transform:scaleX(1)}18%{opacity:0;transform:scaleX(.65)}}
@media(max-width:640px){.why-copy .big-kicker{white-space:normal!important}.why-copy .beat-line span{display:inline}}
@media(prefers-reduced-motion:reduce){.why-copy .beat-line span,.why-copy .beat-line span:after{animation:none!important}.why-copy .beat-line span:after{display:none!important}}

/* why3: cleaner stage-light animation, no orange word emphasis */
.why-copy .big-kicker{font-size:clamp(14px,1.45vw,18px)!important;letter-spacing:.105em!important;white-space:nowrap!important;color:#ff5a00!important;}
.why-copy .stage-line{position:relative;display:inline-block;font-family:HKHead,Impact,sans-serif;text-transform:uppercase;font-size:clamp(27px,3.25vw,44px)!important;line-height:.98;margin:0 0 14px;color:#071829!important;background:none!important;animation:none!important;text-shadow:none!important;isolation:isolate;}
.why-copy .stage-line span{position:relative;z-index:2;color:#071829!important;}
.why-copy .stage-line:before{content:"";position:absolute;inset:-12px -18px -10px;border-radius:22px;z-index:0;background:linear-gradient(105deg,transparent 0 20%,rgba(255,202,71,.0) 28%,rgba(255,202,71,.38) 35%,rgba(255,106,0,.16) 42%,transparent 52% 100%);background-size:230% 100%;animation:hkStageLight 5.8s ease-in-out infinite;filter:blur(.2px);}
.why-copy .stage-line:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;z-index:1;background:linear-gradient(90deg,transparent,#ffca47,#ff5a00,#ffca47,transparent);opacity:.72;transform-origin:left center;animation:hkStageLine 3.2s ease-in-out infinite;}
.stage-bars{display:flex;gap:5px;height:18px;align-items:end;margin:2px 0 12px 2px}.stage-bars i{display:block;width:7px;border-radius:999px;background:linear-gradient(180deg,#ffca47,#ff5a00);height:6px;opacity:.72;animation:hkBars 1.5s ease-in-out infinite}.stage-bars i:nth-child(2){animation-delay:.12s}.stage-bars i:nth-child(3){animation-delay:.24s}.stage-bars i:nth-child(4){animation-delay:.36s}.stage-bars i:nth-child(5){animation-delay:.18s}.stage-bars i:nth-child(6){animation-delay:.30s}.stage-bars i:nth-child(7){animation-delay:.06s}
@keyframes hkStageLight{0%,18%{background-position:120% 0;opacity:.0}42%{opacity:1}72%,100%{background-position:-90% 0;opacity:.10}}
@keyframes hkStageLine{0%,100%{transform:scaleX(.18);opacity:.38}45%{transform:scaleX(1);opacity:.78}70%{transform:scaleX(.55);opacity:.50}}
@keyframes hkBars{0%,100%{height:5px;opacity:.45}35%{height:17px;opacity:.95}62%{height:8px;opacity:.65}}
@media(max-width:640px){.why-copy .big-kicker{white-space:normal!important}.stage-bars{display:none}.why-copy .stage-line:before{inset:-8px -8px}}
@media(prefers-reduced-motion:reduce){.why-copy .stage-line:before,.why-copy .stage-line:after,.stage-bars i{animation:none!important}.stage-bars i{height:7px!important}}


/* mobile1: phone-only layout repair, keep desktop unchanged */
@media (max-width: 760px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:#f8f0df!important;}
  body .hero{min-height:auto!important;max-height:none!important;padding:16px 16px 28px!important;overflow:hidden!important;display:block!important;}
  body .hero:after{height:170px!important;bottom:-88px!important;transform:rotate(-3deg)!important;}
  body .nav{min-height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;}
  body .logo{height:auto!important;width:min(78vw,285px)!important;max-width:285px!important;margin:0 auto!important;display:block!important;}
  body .nav-links{display:none!important;}
  body .hero-inner.final-hero-layout{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;align-items:start!important;width:100%!important;max-width:100%!important;padding:20px 0 0!important;margin:0!important;overflow:visible!important;}
  body .final-hero-layout .hero-copy{max-width:100%!important;width:100%!important;padding:0 0 64px!important;text-align:left!important;}
  body .final-hero-layout .eyebrow{font-size:11px!important;line-height:1.25!important;letter-spacing:.08em!important;margin:0 0 9px!important;color:#ffca47!important;}
  body .final-hero-layout h1{font-size:clamp(31px,10.4vw,42px)!important;line-height:.96!important;letter-spacing:-.018em!important;margin:0 0 10px!important;max-width:100%!important;text-wrap:balance!important;}
  body .final-hero-layout .intro{font-size:15px!important;line-height:1.42!important;max-width:100%!important;margin:0!important;color:rgba(255,244,221,.92)!important;}
  body .final-hero-layout .actions{justify-content:flex-start!important;width:100%!important;max-width:100%!important;margin-top:16px!important;}
  body .final-hero-layout .actions .btn.primary{min-width:0!important;width:auto!important;padding:13px 22px!important;font-size:15px!important;transform:none!important;margin:0!important;border-radius:999px!important;}
  body .event-poster.real-poster{display:block!important;justify-self:center!important;width:min(66vw,245px)!important;max-width:245px!important;margin:4px auto 0!important;grid-row:2!important;z-index:4!important;border-radius:15px!important;box-shadow:0 22px 58px rgba(0,0,0,.42)!important;}
  body .event-poster.real-poster img{border-radius:15px!important;}
  body .hero-program-ticker{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:calc(100vw - 32px)!important;height:46px!important;margin:14px 0 0!important;border-radius:999px!important;grid-row:3!important;z-index:5!important;}
  body .hero-program-ticker:before,body .hero-program-ticker:after{width:38px!important;}
  body .ticker-track{gap:20px!important;animation-duration:28s!important;}
  body .ticker-track span{font-size:13px!important;}
  body .ticker-track span:before{margin-right:18px!important;}
  .why-strip{grid-template-columns:1fr!important;margin:22px 14px 26px!important;padding:22px 18px!important;border-radius:24px!important;gap:18px!important;}
  .why-copy .big-kicker{white-space:normal!important;font-size:13px!important;line-height:1.2!important;letter-spacing:.08em!important;margin-bottom:10px!important;}
  .why-copy .stage-line{font-size:clamp(28px,8.8vw,38px)!important;line-height:.98!important;margin-bottom:12px!important;}
  .why-copy .stage-line:before{inset:-7px -6px!important;border-radius:15px!important;}
  .why-copy .stage-line:after{bottom:-5px!important;}
  .stage-bars{display:none!important;}
  .why-copy p:not(.section-kicker){font-size:15px!important;line-height:1.45!important;}
  .why-points{gap:10px!important;}
  .why-points article{padding:15px 16px!important;border-radius:18px!important;}
  .why-points strong{font-size:17px!important;}
  .why-points span{font-size:14px!important;}
  body .cards{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:10px 14px 28px!important;}
  body .cards article,body .contact{border-radius:22px!important;padding:20px!important;}
  body .cards article strong{font-size:20px!important;margin:7px 0!important;}
  body .cards article p{font-size:14px!important;line-height:1.45!important;}
  .programme{margin:8px 14px 34px!important;padding:0!important;max-width:none!important;}
  .programme .section-kicker{font-size:12px!important;}
  .programme h2{font-size:clamp(34px,10vw,44px)!important;line-height:.96!important;margin-bottom:16px!important;}
  .programme-list{border-radius:22px!important;padding:6px 0!important;}
  .programme-list:before,.programme-list div:before{display:none!important;}
  .programme-list div{grid-template-columns:102px 1fr!important;gap:10px!important;padding:13px 15px!important;}
  .programme-list time{font-size:14px!important;}
  .programme-list span{font-size:16px!important;}
  .final-ticket-cta,.sponsor-mini-cta,.contact{margin:24px 14px!important;padding:22px 18px!important;border-radius:24px!important;max-width:none!important;}
  .final-ticket-cta h2,.sponsor-mini-cta h2,.contact h2{font-size:clamp(31px,9vw,42px)!important;line-height:.96!important;margin-bottom:10px!important;}
  .final-ticket-cta p,.sponsor-mini-cta p,.contact p{font-size:15px!important;line-height:1.48!important;}
  .final-ticket-cta .btn,.sponsor-mini-cta .btn,.contact .btn{width:100%!important;min-height:48px!important;padding:13px 18px!important;text-align:center!important;}
  footer{padding:28px 14px!important;text-align:center!important;color:#071829!important;font-size:13px!important;}
}
@media (max-width: 380px){
  body .final-hero-layout h1{font-size:30px!important;}
  body .event-poster.real-poster{width:min(62vw,218px)!important;}
  .programme-list div{grid-template-columns:94px 1fr!important;padding-inline:12px!important;}
  .programme-list time{font-size:13px!important;}
  .programme-list span{font-size:15px!important;}
}


/* mobile2: fix clipped logo/headline on real phone viewport */
@media (max-width: 760px){
  html,body{overflow-x:hidden!important;}
  body .hero,body .hero *{max-width:100%!important;}
  body .hero{padding:14px 16px 24px!important;}
  body .logo{width:min(58vw,220px)!important;max-width:220px!important;height:auto!important;object-fit:contain!important;}
  body .nav{justify-content:center!important;overflow:hidden!important;}
  body .hero-inner.final-hero-layout{padding-top:18px!important;gap:10px!important;}
  body .final-hero-layout .hero-copy{padding-bottom:24px!important;overflow:hidden!important;}
  body .final-hero-layout .eyebrow{font-size:10px!important;line-height:1.35!important;letter-spacing:.055em!important;white-space:normal!important;max-width:330px!important;}
  body .final-hero-layout h1{font-size:clamp(28px,8.7vw,34px)!important;line-height:1.02!important;letter-spacing:-.01em!important;max-width:350px!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance!important;}
  body .final-hero-layout .intro{font-size:14px!important;line-height:1.42!important;max-width:350px!important;}
  body .final-hero-layout .actions{margin-top:14px!important;}
  body .final-hero-layout .actions .btn.primary{padding:12px 21px!important;font-size:14px!important;}
  body .event-poster.real-poster{width:min(62vw,222px)!important;max-width:222px!important;margin-top:0!important;}
  body .hero-program-ticker{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;height:44px!important;margin-top:12px!important;}
  body .ticker-track span{font-size:12.5px!important;}
}
@media (max-width: 380px){
  body .logo{width:min(56vw,205px)!important;}
  body .final-hero-layout h1{font-size:27px!important;max-width:320px!important;}
  body .final-hero-layout .intro{max-width:320px!important;}
  body .event-poster.real-poster{width:min(60vw,205px)!important;}
}


/* mobile3: prevent why-strip headline clipping on phones */
@media (max-width: 760px){
  .why-strip{overflow:hidden!important;}
  .why-copy .stage-line{display:block!important;width:100%!important;max-width:100%!important;font-size:clamp(24px,7.3vw,32px)!important;line-height:1.02!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance!important;}
  .why-copy .stage-line span{display:inline!important;white-space:normal!important;}
}
@media (max-width: 380px){
  .why-copy .stage-line{font-size:24px!important;}
}


/* mobile4: put programme ticker between ticket button and poster on phones */
@media (max-width: 760px){
  body .hero-inner.final-hero-layout{grid-template-areas:"copy" "ticker" "poster"!important;}
  body .hero-copy{grid-area:copy!important;padding-bottom:0!important;}
  body .hero-program-ticker{grid-area:ticker!important;grid-row:auto!important;position:relative!important;margin:18px 0 10px!important;width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;justify-self:center!important;}
  body .event-poster.real-poster{grid-area:poster!important;grid-row:auto!important;margin-top:8px!important;}
}


/* mobile5: faster programme ticker on phones */
@media (max-width: 760px){
  body .ticker-track{animation-duration:16s!important;}
}


/* mobile6: faster again programme ticker on phones */
@media (max-width: 760px){
  body .ticker-track{animation-duration:9s!important;}
}


/* mobile7: force visibly faster mobile programme ticker + restart animation */
@media (max-width: 760px){
  body .ticker-track{animation-name:hkTickerMobileFast!important;animation-duration:5.5s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;}
}
@keyframes hkTickerMobileFast{from{transform:translateX(0)}to{transform:translateX(-50%)}}


/* mobile8: allow full ticker track width so all artists pass before loop */
@media (max-width: 760px){
  body .hero-program-ticker .ticker-track{max-width:none!important;width:max-content!important;min-width:max-content!important;display:flex!important;flex-wrap:nowrap!important;animation-name:hkTickerMobileFull!important;animation-duration:18s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;}
  body .hero-program-ticker .ticker-track span{max-width:none!important;flex:0 0 auto!important;white-space:nowrap!important;}
}
@keyframes hkTickerMobileFull{from{transform:translateX(0)}to{transform:translateX(-50%)}}