:root{--bg: #ffffff;--muted-bg: rgba(240, 168, 106, .08);--brand: #F0A86A;--brand-dark: rgba(240, 168, 106, .85);--accent: #053d28;--accent-bg: rgba(5, 61, 40, .95);--text: #222222;--radius: 10px;--gap: 1.25rem;--max-width: 1100px}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);min-height:100vh;display:flex;flex-direction:column;margin:0;padding-top:60px;background:var(--bg)}html{scroll-behavior:smooth}header{text-align:center;padding:2rem 1rem}footer{margin-top:auto;text-align:center;padding:1rem;background:#053d28d9;color:#fffc}.email{margin:0;display:block}.email a{color:var(--brand);text-decoration:none;font-weight:600}.email a:focus,.email a:hover{text-decoration:underline}.btn{display:inline-block;margin-top:1.5rem;padding:.8rem 1.4rem;background:var(--brand);color:var(--accent);text-decoration:none;border-radius:var(--radius);font-weight:700;font-size:1.05rem;min-width:180px;text-align:center;box-shadow:0 8px 20px #0000000f;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;margin-left:1rem;margin-right:1rem}.btn:hover,.btn:focus{background:var(--brand-dark);transform:translateY(-3px);box-shadow:0 12px 28px #00000014}.btn:focus{outline:3px solid rgba(240,168,106,.3);outline-offset:4px}nav{position:fixed;top:0;width:100%;background:var(--accent);z-index:1000}.menu-toggle{display:none;position:absolute;right:0;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;font-size:1.8rem;padding:.6rem .8rem .6rem 1rem;cursor:pointer;z-index:1001;border-radius:0;height:100%}.menu-toggle:focus{outline:2px solid rgba(255,255,255,.3)}.menu-toggle:hover{background:#ffffff0d}nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap}nav li{margin:0}nav a{color:#fff;text-decoration:none;padding:1rem;display:block;transition:background .3s}nav a:hover{background:#ffffff14}nav a.active{background:#ffffff24;box-shadow:inset 0 -3px #ffffff0d}@media(max-width:768px){.menu-toggle{display:block}nav ul{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:var(--accent);box-shadow:0 2px 10px #0000001a}nav ul.active{display:flex}nav li{border-bottom:1px solid rgba(255,255,255,.05)}nav a{padding:.75rem 1rem;text-align:center}nav{height:60px}nav ul{width:100%}}section{padding:2rem 1rem;min-height:20vh}#over{background:#f0a86a14;text-align:center;padding:2rem 1rem;border-top:3px solid rgba(240,168,106,.5);border-bottom:3px solid rgba(240,168,106,.5)}#over .container{max-width:800px;margin:0 auto}#over p{line-height:1.8;margin-bottom:1rem;text-align:left}.brand-accent{color:var(--accent)}.section-divider{border:none;border-top:2px solid rgba(5,61,40,.4);width:60px;margin:1.5rem auto}#voorstellingen{background:#053d28f2;color:#ffffffe6;text-align:center}#voorstellingen h2{color:#fff}#contact{background:#053d28e6;color:#ffffffe6;text-align:center}#contact h2{color:#fff}#fotos{background:#f0a86a0f;text-align:center;border-top:3px solid rgba(5,61,40,.3);border-bottom:3px solid rgba(5,61,40,.3)}#voorstellingen .container{max-width:800px;margin:0 auto}#voorstellingen>.container>p{margin-bottom:1.5rem}.timeline{list-style:none;padding:0;margin:0 auto;max-width:750px;position:relative;text-align:left}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:#f0a86a66}.timeline li{position:relative;padding:.6rem 0 .6rem 75px;border-bottom:1px solid rgba(255,255,255,.1)}.timeline li:last-child{border-bottom:none}.timeline .year{position:absolute;left:0;top:.6rem;width:55px;font-size:.8rem;font-weight:700;color:var(--brand);text-align:center}.timeline li strong{display:block;font-size:1rem;margin-bottom:.15rem}.timeline .details{display:block;font-size:.85rem;color:#fff9;line-height:1.4}.upcoming-title{margin-top:2.5rem;margin-bottom:1rem;font-size:1.3rem;color:var(--brand)}.upcoming-shows{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.show-card{background:#f0a86a1a;border:2px solid rgba(240,168,106,.6);border-radius:var(--radius);padding:1.25rem 1.5rem;min-width:200px;max-width:280px;text-align:center;box-shadow:0 4px 12px #00000026;color:#ffffffe6}.show-date{display:block;font-size:.85rem;color:var(--brand);font-weight:600;margin-bottom:.4rem}.show-name{display:block;font-size:1.15rem;margin-bottom:.25rem}.show-location{display:block;font-size:.85rem;color:#ffffff80}#voorstellingen ul{text-align:left;display:inline-block;padding-left:1.5rem}#over ul.members{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem 2rem;max-width:400px;margin:.5rem auto 0;padding:0;text-align:center}#over ul.members li{margin:0;text-align:center}.hero-image{max-width:var(--max-width);height:auto;display:block;margin:0 auto var(--gap)}.intro{font-size:1.5rem;font-weight:700;margin:0 0 2rem;color:var(--accent);text-align:center;letter-spacing:.05rem}@media(max-width:1400px){.intro{font-size:1.25rem;margin-bottom:2rem}.hero-image{max-width:none;width:95vw;position:relative;left:50%;transform:translate(-50%);margin-bottom:5rem}}@media(max-width:768px){body{padding-top:0}nav{position:sticky}nav ul{flex-direction:column;align-items:center}nav li{width:100%;text-align:center}.btn{display:block;width:100%;max-width:200px;margin:1rem auto}section{padding:1.5rem .5rem}.intro{font-size:1.1rem;margin-bottom:1.5rem}.hero-image{width:90vw;margin-bottom:3rem}#over ul.members{grid-template-columns:1fr;max-width:200px}.timeline li{padding-left:65px}.timeline:before{left:25px}.timeline .year{width:45px;font-size:.75rem}}@media(max-width:480px){:root{--gap: 1rem}nav a{padding:.75rem;font-size:.9rem}.intro{font-size:1rem}.btn{padding:.6rem 1rem;font-size:.9rem}.timeline li{padding-left:55px}.timeline:before{left:20px}.timeline .year{width:40px;font-size:.7rem}.timeline li strong{font-size:.9rem}.timeline .details{font-size:.8rem}.show-card{min-width:0;width:100%}}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;max-width:var(--max-width);margin:1.5rem auto 0;padding:0 1rem}.gallery-thumb{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.gallery-thumb:hover{transform:scale(1.03);box-shadow:0 6px 18px #0000001f}.lightbox{display:none;position:fixed;inset:0;z-index:2000;background:#000000d9;align-items:center;justify-content:center}.lightbox.active{display:flex}.lightbox-img{max-width:90vw;max-height:85vh;border-radius:var(--radius);object-fit:contain}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;background:none;border:none;color:#fff;cursor:pointer;font-size:2.5rem;line-height:1;padding:.5rem;opacity:.8;transition:opacity .15s}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{opacity:1}.lightbox-close{top:1rem;right:1.5rem;font-size:3rem}.lightbox-prev{left:1rem;top:50%;transform:translateY(-50%);font-size:3.5rem}.lightbox-next{right:1rem;top:50%;transform:translateY(-50%);font-size:3.5rem}.detail-modal{display:none;position:fixed;inset:0;z-index:2000;background:#000000d9;align-items:center;justify-content:center}.detail-modal.active{display:flex}.detail-modal-content{background:#fff;border-radius:var(--radius);max-width:700px;width:90vw;max-height:85vh;overflow-y:auto;position:relative;padding:2.5rem 2rem;box-shadow:0 20px 60px #0000004d}.detail-modal-close{position:absolute;top:.75rem;right:1rem;background:none;border:none;font-size:2.5rem;cursor:pointer;color:var(--accent);opacity:.6;transition:opacity .15s;line-height:1}.detail-modal-close:hover{opacity:1}.detail-modal-body{text-align:left;color:var(--text)}.detail-modal-body h1,.detail-modal-body h2{color:var(--text)!important}.detail-modal-body ul{display:block;margin-top:0;list-style:none;padding-left:0}.detail-modal-body p{margin-bottom:.25rem}.timeline li.clickable{cursor:pointer;transition:background .15s;border-radius:4px}.timeline li.clickable a,.timeline li.clickable a:link,.timeline li.clickable a:visited,.timeline li.clickable a:hover,.timeline li.clickable a:active{color:inherit;text-decoration:none;display:block}.timeline li.clickable:hover{background:#f0a86a26}