/* Warm polished metal, inspired by the moving reflections on Swaff. */
.button.yellow-bg,.player-request,.login-link,.radio-boost{position:relative;isolation:isolate;overflow:hidden;box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 0 #6d381d55,0 4px 12px #19071633;border:1px solid #f7d27888}
.button.yellow-bg{background-image:linear-gradient(180deg,#fff4a055,transparent 48%,#be702622)}
.button.yellow-bg::after,.player-request::after,.login-link::after,.radio-boost::after{content:'';position:absolute;inset:-60% -90%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#fff1 42%,#fff9 48%,#fff2 54%,transparent 62%);transform:translate3d(-65%,0,0);animation:mw-metal-sheen 8s ease-in-out infinite}
.player-request::after{animation-delay:1.3s}.login-link::after{animation-delay:2.6s}.radio-boost::after{animation-delay:3.9s}
.association-list-header{position:relative;border-color:#e9c06c99!important;box-shadow:inset 0 1px 0 #ffe7a966,0 5px 15px #1b071b44;background-image:linear-gradient(110deg,transparent 20%,#fff2 40%,#ffecc94d 49%,transparent 62%),linear-gradient(135deg,#792240,#311122);background-size:320% 100%,100% 100%;background-position:140% 0,0 0;animation:mw-header-glint 11s ease-in-out infinite}
.association-list-header:nth-child(3n){animation-delay:2s}.club-card,.band-card,.bands-example-card,.band-demo-booking-card{border:1px solid #d8ae5d66;box-shadow:0 8px 25px #15061755,inset 0 1px 0 #ffe7ad44;transition:box-shadow .25s,transform .25s,border-color .25s}
.club-card:hover,.band-card:hover,.bands-example-card:hover{border-color:#f0cc7e;box-shadow:0 12px 32px #17061977,0 0 15px #e6b64f22;transform:translateY(-3px)}
.bands-masthead,.courant-masthead{border-top-color:#f4d991!important;border-bottom-color:#ad753f!important;box-shadow:0 1px 0 #ffe9ae33,inset 0 1px 0 #fff1}
.player{border-top:1px solid #fff3b8;box-shadow:0 -5px 25px #15071855,inset 0 1px 0 #fff8}
@keyframes mw-metal-sheen{0%,10%{transform:translate3d(-65%,0,0)}46%,100%{transform:translate3d(65%,0,0)}}
@keyframes mw-header-glint{0%,15%{background-position:140% 0,0 0}65%,100%{background-position:-40% 0,0 0}}
@media(max-width:760px){.button.yellow-bg::after,.player-request::after,.login-link::after,.radio-boost::after{animation-duration:10s}.association-list-header{animation-duration:14s}.club-card:hover,.band-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.button.yellow-bg::after,.player-request::after,.login-link::after,.radio-boost::after,.association-list-header{animation:none}.club-card,.band-card,.bands-example-card{transition:none}}
/* Solid gold under the sheen keeps dark button lettering readable. */
.button.yellow-bg{background-color:#ffe14a!important;color:#3b1727!important}
@media(max-width:360px){.band-demo-story>*{min-width:0}.band-demo-story .bands-masthead{white-space:normal;overflow-wrap:anywhere}.band-demo-story .bands-masthead>*{min-width:0}.band-demo-story aside>img{transform:none}.band-demo-booking>*{min-width:0}.band-demo-booking-card{padding:24px}}
@media(max-width:360px){.band-demo-repertoire>*{min-width:0}.band-demo-repertoire article>div{min-width:0;overflow-wrap:anywhere}.band-demo-repertoire .eyebrow{overflow-wrap:anywhere}.band-demo-facts>span{min-width:0;flex:1;font-size:30px}.band-demo-facts small{font-size:10px;overflow-wrap:anywhere}.band-demo-facts{gap:8px}}
/* Mobiel: hele foto’s, kleiner beeldvlak en tekst los van de gezichten. */
@media(max-width:760px){
.hero{height:auto!important;min-height:0!important;padding:0 0 72px;display:flex;flex-direction:column;background:#341122}.hero>.hero-photo{position:relative;inset:auto;width:100%;height:auto;max-height:240px;object-fit:contain;object-position:center;background:#260c1d;z-index:0}.hero>.hero-shade{display:none}.hero .hero-copy{position:relative;inset:auto;padding:22px 24px 8px;max-width:none;width:100%}.hero-copy h1{font-size:clamp(43px,11.5vw,66px)!important;line-height:.94!important;margin:12px 0!important}.hero-copy h1 em{transform:none}.hero-copy .eyebrow{margin-bottom:10px}.hero-copy p{font-size:13px;margin-bottom:10px}.hero-actions{margin-top:12px}.hero .hero-slider-controls{bottom:12px}.hero .scroll-cue{display:none}
.club-hero{height:auto!important;min-height:0!important;display:flex;flex-direction:column;background:#351023}.club-hero>img{position:relative!important;inset:auto!important;width:100%;height:auto!important;max-height:250px;object-fit:contain!important;background:#230b1c}.club-hero>div{position:relative!important;padding:24px!important}.club-hero:after{display:none!important}.club-hero h1{font-size:clamp(40px,10vw,60px)}
.demo-hero,.band-demo-hero{display:flex;flex-direction:column;min-height:0!important;height:auto!important;background:#351023}.demo-hero>img,.band-demo-hero>img{position:relative!important;inset:auto!important;width:100%;height:auto!important;max-height:240px;object-fit:contain!important;z-index:0!important;background:#230b1c}.demo-hero-shade,.band-demo-shade{display:none}.demo-hero-copy,.band-demo-hero-copy{position:relative!important;inset:auto!important;padding:24px!important;width:100%;max-width:none!important}.demo-hero-copy h1,.band-demo-hero-copy h1{font-size:clamp(43px,11vw,65px)!important;line-height:.95!important}.demo-hero-stamp,.band-demo-seal{display:none!important}.demo-logo{max-width:80px!important}
.club-memory,.demo-court-photo img,.demo-gallery img,.band-demo-story aside>img,.band-demo-gallery>img,.bands-example-card>img{height:auto!important;max-height:260px;object-fit:contain!important;object-position:center!important;background:#260e20;transform:none!important}.demo-gallery,.band-demo-gallery{grid-template-rows:auto!important}.band-demo-gallery{align-items:start}.band-demo-gallery>div{min-height:230px}.band-card-image{height:185px!important;background:#260e20}.band-card-image>img{height:100%;width:100%;object-fit:contain!important}.prince-portrait img,.upcoming-portrait img,.upcoming-demo-portrait img,.preview-portrait{object-fit:contain!important;object-position:center!important;background:#ede0c3}.club-card>img{object-fit:contain!important;object-position:center top!important;background:#301021}.photo-strip img{object-fit:contain!important;height:auto!important;max-height:230px}
}
@media(max-width:760px){.club-story>*,.demo-story>*,.demo-paper,.demo-side,.demo-facts{min-width:0;max-width:100%}.courant-masthead,.demo-paper .courant-masthead{white-space:normal;overflow-wrap:anywhere}.club-meta{width:100%;min-width:0}.demo-quote{transform:none!important}.page-head h1{font-size:clamp(40px,11vw,64px)!important;overflow-wrap:normal!important;word-break:normal!important}}

@media(max-width:760px){.hero>.hero-shade,.club-hero:after{display:none!important}.hero>.hero-photo:not(.switching){opacity:1!important;filter:none!important}}

/* Permanente glasachtige lak en reflectie op de blauwe plaatsnaamborden. */
.village-sign{isolation:isolate;background:linear-gradient(165deg,#1769bc 0%,#0752a7 48%,#03438e 100%);box-shadow:inset 0 1px 0 #ffffffb0,inset 0 -2px 2px #002e6999,0 3px 0 #073167,0 7px 13px #17071799;border-color:#f3f7ff;overflow:hidden}.village-sign::before{content:'';position:absolute;inset:2px;z-index:2;border-radius:3px;pointer-events:none;background:linear-gradient(180deg,#ffffff32 0%,#ffffff12 31%,#ffffff04 48%,transparent 49%),linear-gradient(112deg,transparent 0 25%,#ffffff09 26%,#ffffff24 38%,#ffffff06 39%,transparent 54%);box-shadow:inset 0 1px 0 #ffffffad,inset 1px 0 0 #ffffff3d,inset 0 -1px 0 #001b4f66}.village-sign::after{content:'';position:absolute;left:10px;right:10px;top:4px;height:1px;background:linear-gradient(90deg,transparent,#ffffffc7 30%,#ffffff66 70%,transparent);z-index:3;pointer-events:none}.village-sign>span{position:relative;z-index:1;text-shadow:0 1px 1px #002b6299}.village-sign small{position:relative;z-index:1;text-shadow:0 1px 1px #002b6299}

/* Alle drukbare knoppen: vaste glasglans met af en toe een voorbijgaande reflectie. */
button:not(:disabled),a.button,.player-request,.login-link,.upcoming-register{position:relative;isolation:isolate;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff80,inset 0 -2px 1px #19081833,0 3px 9px #18071933;background-image:linear-gradient(180deg,#ffffff1f,transparent 48%,#0000000a)}
button:not(:disabled)::after,a.button::after,.player-request::after,.login-link::after,.upcoming-register::after{content:'';position:absolute;top:-25%;bottom:-25%;left:-70%;width:45%;z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,transparent,#ffffff12 25%,#ffffff80 50%,#ffffff12 75%,transparent);transform:translateX(0) skewX(-17deg);animation:mw-button-sweep 15s ease-in-out infinite;animation-delay:-3s}
button:nth-child(3n)::after,a.button:nth-child(3n)::after{animation-duration:18s;animation-delay:-8s}button:nth-child(3n+1)::after,a.button:nth-child(3n+1)::after{animation-duration:21s;animation-delay:-13s}.player-request::after{animation-duration:17s;animation-delay:-5s}.login-link::after{animation-duration:23s;animation-delay:-11s}
@keyframes mw-button-sweep{0%,68%{transform:translateX(0) skewX(-17deg)}79%,100%{transform:translateX(430%) skewX(-17deg)}}
@media(prefers-reduced-motion:reduce){button:not(:disabled)::after,a.button::after,.player-request::after,.login-link::after,.upcoming-register::after{animation:none;display:none}}

/* Het complete zenderlogo glanst als gepolijst goud. */
.header .brand{position:relative;isolation:isolate;overflow:hidden;padding-top:3px;padding-bottom:3px}.header .brand-mark{color:#ffe36a;text-shadow:0 -1px 0 #fff4b3,0 2px 0 #92601e,0 3px 9px #efb83b33}.header .brand-wordmark{color:#ffe7a2;text-shadow:0 -1px 0 #fff8d377,0 1px 0 #8e582b,0 2px 9px #d9a43730}.header .brand-wordmark small{color:#f3d28a;text-shadow:0 1px 0 #5b2d1e,0 0 8px #e3b95022}.header .brand::after{content:'';position:absolute;top:-35%;bottom:-35%;left:-75%;width:45%;z-index:5;pointer-events:none;background:linear-gradient(105deg,transparent 12%,#fff4 38%,#fffbd9b8 50%,#fff4 62%,transparent 88%);mix-blend-mode:screen;transform:translateX(0) skewX(-18deg);animation:mw-brand-sheen 17s ease-in-out infinite;animation-delay:-6s}@keyframes mw-brand-sheen{0%,70%{transform:translateX(0) skewX(-18deg)}82%,100%{transform:translateX(440%) skewX(-18deg)}}@media(prefers-reduced-motion:reduce){.header .brand::after{animation:none;display:none}}

/* Reflectie blijft binnen de lettervormen; geen rechthoekige lichtlaag. */
.header .brand::after{content:none!important;display:none!important}.header .brand{overflow:visible}.header .brand-mark,.header .brand-mark>span,.header .brand-mark>i,.header .brand-wordmark,.header .brand-wordmark>small{background-image:linear-gradient(110deg,#e8b745 0%,#ffe4a0 36%,#fffbd6 43%,#ffffff 48%,#ffe7a7 53%,#e8b745 61%,#f8d66c 100%);background-size:350% 100%;background-position:150% 0;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none;animation:mw-letter-gold 17s ease-in-out infinite}.header .brand-wordmark>small{background-size:350% 100%;animation-delay:.08s}.header .brand-mark>span,.header .brand-mark>i{animation-delay:.04s}@keyframes mw-letter-gold{0%,68%{background-position:150% 0}82%,100%{background-position:-50% 0}}@media(prefers-reduced-motion:reduce){.header .brand-mark,.header .brand-mark>span,.header .brand-mark>i,.header .brand-wordmark,.header .brand-wordmark>small{animation:none;background-position:100% 0}}

/* Zwarte rand rond de glanzende logotekst. */
.header .brand-wordmark{-webkit-text-stroke:1.1px #000;paint-order:stroke fill;filter:drop-shadow(0 1px 0 #000)}.header .brand-wordmark>small{-webkit-text-stroke:.45px #000;paint-order:stroke fill}@media(max-width:760px){.header .brand-wordmark{-webkit-text-stroke:.7px #000}.header .brand-wordmark>small{-webkit-text-stroke:.3px #000}}

/* Fijne woordmerkrand; beeldmerk en kleine onderregel weer helder. */
.header .brand-wordmark{-webkit-text-stroke:.4px #000;paint-order:stroke fill;filter:none}.header .brand-wordmark>small{-webkit-text-stroke:0 transparent;filter:none}.header .brand-mark,.header .brand-mark>span,.header .brand-mark>i{background:none!important;background-clip:border-box;-webkit-background-clip:border-box;color:#ffe36a!important;-webkit-text-fill-color:#ffe36a!important;-webkit-text-stroke:0 transparent!important;text-shadow:0 1px 0 #91601e;animation:none!important;filter:none}@media(max-width:760px){.header .brand-wordmark{-webkit-text-stroke:.3px #000}.header .brand-wordmark>small{-webkit-text-stroke:0 transparent}}

/* Nieuw compact messing zenderbalkje. */
.header .brand-plaque{gap:10px;padding:7px 16px 8px 9px;border:1px solid #d5a94c99;border-radius:12px;background:linear-gradient(145deg,#651b34,#2a0e22 70%);box-shadow:inset 0 1px 0 #ffe9a655,inset 0 -2px 0 #140819,0 5px 14px #16051366;transform-origin:center;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;overflow:visible}.header .brand-plaque::after{display:none!important}.brand-plaque .brand-emblem{display:block;width:65px;height:45px;max-width:none;flex-shrink:0;filter:drop-shadow(0 2px 1px #100409);transition:transform .35s}.brand-plaque .brand-lockup{display:block;min-width:0}.brand-plaque .brand-title{display:block;font-size:15px;font-weight:950;letter-spacing:.25px;line-height:1.2;white-space:nowrap}.brand-plaque .brand-title b{font-weight:950}.brand-plaque .brand-lockup small{display:block;font-size:7px;font-weight:800;letter-spacing:2px;line-height:1.4;margin-top:5px}.brand-plaque :is(.brand-title,small){background:linear-gradient(110deg,#c8923c 0%,#ffe9a1 32%,#fffbdc 42%,#fff 48%,#ffe7a2 54%,#e0b451 65%,#fff0ad 100%);background-size:320% 100%;background-position:120% 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;-webkit-text-stroke:0;animation:plaque-letter-shine 16s ease-in-out infinite}.header .brand-plaque:hover,.header .brand-plaque:focus-visible{transform:translateY(-2px) scale(1.025);border-color:#ffe59b;box-shadow:inset 0 1px 0 #fff1b799,0 8px 22px #16051377,0 0 17px #e9ba4826}.brand-plaque:hover .brand-emblem{transform:rotate(-5deg) scale(1.08)}.brand-plaque:hover :is(.brand-title,small){animation:plaque-hover-shine .9s ease-out 1}.header .brand-plaque:active{transform:translateY(1px) scale(.96)}.header .brand-plaque.brand-click{animation:plaque-click .45s ease-out}.brand-plaque.brand-click .brand-emblem{animation:plaque-emblem-pop .45s ease-out}@keyframes plaque-letter-shine{0%,70%{background-position:120% 0}84%,100%{background-position:-40% 0}}@keyframes plaque-hover-shine{from{background-position:120% 0}to{background-position:-40% 0}}@keyframes plaque-click{0%{transform:scale(1)}30%{transform:scale(.94) translateY(1px)}70%{transform:scale(1.025)}100%{transform:scale(1)}}@keyframes plaque-emblem-pop{40%{transform:rotate(7deg) scale(.9)}75%{transform:rotate(-4deg) scale(1.08)}}@media(max-width:760px){.header .brand-plaque{padding:5px 9px 5px 5px;gap:6px;border-radius:9px}.brand-plaque .brand-emblem{width:43px;height:34px}.brand-plaque .brand-title{font-size:11px;letter-spacing:0}.brand-plaque .brand-lockup small{font-size:5.5px;letter-spacing:1px;margin-top:3px}}@media(max-width:420px){.header .brand-plaque{padding:5px 7px;gap:4px}.brand-plaque .brand-emblem{width:30px;height:29px}.brand-plaque .brand-title{font-size:9px}.brand-plaque .brand-lockup small{font-size:5px;letter-spacing:.7px}}@media(prefers-reduced-motion:reduce){.header .brand-plaque,.brand-plaque .brand-emblem{transition:none}.brand-plaque :is(.brand-title,small),.header .brand-plaque.brand-click,.brand-plaque.brand-click .brand-emblem{animation:none!important}}

/* Glanzende carnavalszuurstok, met vaste ronde glans en bewegende reflectie. */
.carnival-trim{height:8px;background-image:repeating-linear-gradient(115deg,#e91e36 0 29px,#ffdb35 29px 58px,#139b50 58px 87px)!important;background-size:192px 100%!important;box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 0 #49081788,0 1px 4px #17071366;overflow:hidden}.carnival-trim::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#fff9 0%,#fff3 30%,transparent 52%,#0002 100%);z-index:1}.carnival-trim::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 38%,#fff2 43%,#fffd 49%,#fff2 54%,transparent 60%);background-size:45% 100%;background-repeat:no-repeat;background-position:-90% 0;animation:mw-candy-glint 9s ease-in-out infinite;z-index:2}@keyframes mw-candy-glint{0%,40%{background-position:-90% 0}75%,100%{background-position:190% 0}}@media(prefers-reduced-motion:reduce){.carnival-trim::after{animation:none}}
.carnival-trim{animation:mw-candy-travel 4s linear infinite!important}@keyframes mw-candy-travel{from{background-position:0 0}to{background-position:-192px 0}}

@media(max-width:760px){.hero{padding-bottom:12px!important}.hero .hero-note{position:absolute;top:calc(var(--hero-photo-height,56.25vw) - 49px);bottom:auto;left:auto;right:12px;width:max-content;max-width:calc(100% - 24px);z-index:5}.hero-note .slide-controls{position:static;margin:0;gap:6px;padding:5px 7px;background:#210b1cb8;border:1px solid #ffe2a34d;border-radius:7px;backdrop-filter:blur(7px);box-shadow:0 3px 12px #0003}.hero-note .slide-controls button{width:28px;height:28px;background:#77223bba}.hero-note .slide-controls #slide-count{font-size:11px;min-width:105px;color:#fff2ca}}