@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--navy:#06152b;--navy2:#0b2548;--gold:#e8bd55;--cream:#f8f5ec;--muted:#b7c5d4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:#f7f5ef;font:16px/1.75 'DM Sans',Arial,sans-serif}a{color:inherit}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.17;letter-spacing:-.025em}h1{font-size:clamp(3.5rem,8vw,7.7rem);margin:.15em 0}h2{font-size:clamp(2.2rem,4vw,4.1rem);margin:.3em 0 .6em}h3{font-size:1.5rem}p{max-width:68ch}header.sitebar{position:sticky;top:0;z-index:10;background:rgba(4,16,35,.94);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff20}.barinner{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:20px}.brand{text-decoration:none;display:flex;align-items:center;gap:13px;font-weight:700;letter-spacing:.03em;line-height:1.3}.brandmark{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--gold);border-radius:50%;font:26px Georgia;color:var(--gold)}.brand small{display:block;color:var(--gold);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.menu{display:flex;gap:21px;flex-wrap:wrap}.menu a{text-decoration:none;color:#d9e1ea;font-size:13px;font-weight:600}.menu a:hover,.menu a.active{color:var(--gold)}.eyebrow{text-transform:uppercase;letter-spacing:.25em;color:var(--gold);font-size:12px;font-weight:700}.wrap{max-width:1200px;margin:auto;padding:90px 24px}.hero{min-height:690px;display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:30px;max-width:1300px;margin:auto;padding:80px 36px}.hero h1 span{color:var(--gold)}.hero p{font-size:19px;color:#d0dbe7}.heroimage{position:relative;max-height:680px;overflow:hidden;border-radius:230px 230px 12px 12px;box-shadow:0 30px 90px #0008;border:1px solid #e8bd5560}.heroimage img{display:block;width:100%;height:640px;object-fit:cover;object-position:center 42%}.heroimage:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 70%,#06152b55)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;background:var(--gold);color:#07172b;text-decoration:none;font-weight:700;border-radius:5px}.btn.alt{background:transparent;color:#fff;border:1px solid #ffffff60}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #ffffff25;background:#0b203c}.stat{text-align:center;padding:32px 15px;border-right:1px solid #ffffff25}.stat:last-child{border:0}.stat b{display:block;font:700 clamp(2rem,4vw,3.5rem) 'Playfair Display',serif;color:var(--gold)}.stat span{color:#d1dae6;font-size:13px;text-transform:uppercase;letter-spacing:.14em}.sectionintro{max-width:720px}.sectionintro p,.muted{color:#bfcddd}.program{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:40px}.event{display:flex;gap:24px;align-items:flex-start;background:#ffffff08;border:1px solid #ffffff1e;border-radius:12px;padding:28px;transition:transform .25s,border-color .25s}.event:hover{transform:translateY(-4px);border-color:#e8bd5588}.date{min-width:90px;color:var(--gold);font-weight:700;line-height:1.3;font-size:21px}.date small{display:block;color:#bdcce0;font-size:12px;font-weight:500}.event h3{margin:0 0 6px;font-size:22px}.event p{margin:0;color:#bac9da;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.split img{width:100%;max-height:620px;object-fit:cover;border-radius:12px}.cream{background:var(--cream);color:#11233b}.cream p{color:#4e6073}.cream .eyebrow{color:#9a6a14}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.feature{border-top:2px solid var(--gold);padding:20px 0}.feature p{color:#bfcddd}.pagehero{padding:95px 24px 75px;text-align:center;background:radial-gradient(circle at 50% 0,#163a63,#06152b 70%)}.pagehero h1{font-size:clamp(2.8rem,6vw,5.2rem)}.pagehero p{margin:auto;color:#c7d4e2}.content{max-width:850px;margin:auto;padding:70px 24px 100px}.content h2,.content h3{color:var(--gold)}.content p,.content li{color:#d0dbe7}.content a:not(.btn){color:var(--gold)}.content .notice{border-left:3px solid var(--gold);background:#ffffff0b;padding:20px 25px;margin:28px 0}.banner{padding:85px 24px;text-align:center;background:linear-gradient(110deg,#0b2548,#06152b)}.banner p{margin:0 auto 25px;color:#c6d3e1}.foot{border-top:1px solid #ffffff20;padding:45px 24px;text-align:center;color:#aabacf;font-size:13px}.foot strong{color:var(--gold)}.footnav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:15px 0}.footnav a{text-decoration:none}.note{font-size:12px;color:#aebdcd}.fade{animation:rise .9s ease both}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.barinner{display:block}.brand{margin-bottom:12px}.menu{gap:12px}.menu a{font-size:12px}.hero{grid-template-columns:1fr;padding:60px 24px}.heroimage{max-width:520px;width:100%;margin:auto}.heroimage img{height:520px}.split{grid-template-columns:1fr;gap:35px}.program{grid-template-columns:1fr}.featuregrid{grid-template-columns:1fr}.wrap{padding:65px 24px}}@media(max-width:460px){.heroimage img{height:430px}.stat{padding:22px 8px}.stat span{font-size:10px}.event{padding:18px;gap:13px}.date{min-width:70px;font-size:18px}}@media(prefers-reduced-motion:reduce){.fade{animation:none}html{scroll-behavior:auto}}
/* Jubileumeditie — verfijnde visuele vormgeving */
:root{--gold:#efc76a}body{background:radial-gradient(ellipse at 75% 5%,#17385c 0,transparent 40%),#06152b}::selection{background:#d5a844;color:#06152b}.brandlogo{height:52px;width:52px;object-fit:cover;border-radius:50%;border:1px solid #f1d18d;box-shadow:0 0 18px #d9aa3d55;flex-shrink:0}.brand{font-size:12px}.barinner{max-width:1380px}.hero{max-width:1400px;min-height:740px;gap:5vw}.hero h1{font-size:clamp(3.6rem,7.3vw,7.8rem);line-height:1.04}.hero h1 span{background:linear-gradient(120deg,#fff2bd,#d9a63d,#ffe2a0);background-clip:text;-webkit-background-clip:text;color:transparent}.heroimage{border-radius:24px;overflow:visible;border:0;box-shadow:none}.heroimage>img{border-radius:24px;height:570px;object-position:50% 50%;box-shadow:0 30px 90px #0008;border:1px solid #e8bd5560}.heroimage:after{display:none}.image-stamp{position:absolute;bottom:-40px;left:-40px;display:flex;align-items:center;gap:12px;background:#081a33;border:1px solid #e8bd55a0;border-radius:16px;padding:12px 18px;box-shadow:0 20px 40px #0008;font-weight:800;letter-spacing:.1em;color:#efc76a;line-height:1.25}.image-stamp img{width:76px;height:76px;object-fit:cover;border-radius:50%}.image-stamp small{font-size:11px;color:#fff;letter-spacing:.15em}.sparkle{font-size:19px}.showcase{padding-top:115px}.showcase h2 em{font-style:italic;color:var(--gold)}.visual-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px;margin-top:36px}.visual-grid figure{margin:0;position:relative;height:390px;overflow:hidden;border-radius:16px;background:#142e4a;border:1px solid #ffffff2a}.visual-grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.visual-grid figure:hover img{transform:scale(1.045)}.visual-grid .visual-large img{object-position:center 32%}.visual-grid figcaption{position:absolute;bottom:0;left:0;right:0;padding:70px 22px 22px;background:linear-gradient(transparent,#06152bee);display:grid;gap:4px}.visual-grid figcaption span{color:#f0c971;font-size:11px;letter-spacing:.2em;font-weight:700}.visual-grid figcaption strong{font:600 22px 'Playfair Display',Georgia,serif}.fullbleed{height:480px;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center}.fullbleed>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.5)}.fullbleed>div{position:relative;padding:20px}.fullbleed h2{max-width:800px;text-shadow:0 5px 25px #000}.btn{transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px);background:#ffe09a}.event:hover{background:#ffffff12}.foot{background:#041020}.pagehero{border-bottom:1px solid #e8bd552a}
@media(max-width:1050px){.visual-grid{grid-template-columns:repeat(2,1fr)}.visual-grid .visual-large{grid-column:span 2;height:470px}.heroimage>img{height:510px}.image-stamp{left:-12px}}@media(max-width:850px){.hero{min-height:0}.heroimage{margin:30px auto 25px}.heroimage>img{height:460px}.image-stamp{bottom:-25px}.showcase{padding-top:75px}.fullbleed{height:330px}}@media(max-width:550px){.visual-grid{grid-template-columns:1fr}.visual-grid .visual-large{grid-column:auto;height:440px}.visual-grid figure{height:290px}.heroimage>img{height:320px}.image-stamp img{width:52px;height:52px}.image-stamp{padding:8px 12px;font-size:11px}.brandlogo{height:44px;width:44px}.fullbleed{height:280px}}