:root{--night:#0C0B09;--smoke:#17150F;--brass:#9A7742;--glow:#F2C078;--linen:#E8E2D6;--dusk:#9A938A;--serif:"Exo 2",-apple-system,system-ui,sans-serif;--sans:"Exo 2",-apple-system,system-ui,sans-serif;--logo:"Michroma","Exo 2",sans-serif;--ease:cubic-bezier(.22,.61,.36,1);--gut:clamp(24px,6vw,110px);}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--night);color:var(--linen);font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:clip;}img,video{display:block;max-width:100%}a{color:inherit}.sheet{position:relative;background:var(--night)}.sheet::before{content:"";position:absolute;top:-7vh;left:0;right:0;height:7vh;background:linear-gradient(to bottom, rgba(12,11,9,0) 0%, rgba(12,11,9,.06) 32%, rgba(12,11,9,.22) 56%, rgba(12,11,9,.52) 76%, rgba(12,11,9,.82) 90%, var(--night) 100%);pointer-events:none;z-index:3;}h1,h2,h3{font-family:var(--serif);font-weight:300;letter-spacing:.005em;margin:0}h2{font-size:clamp(30px,4.6vw,62px);line-height:1.08}p{margin:0}.lede{max-width:34ch;color:var(--dusk);font-size:clamp(15px,1.5vw,18px);line-height:1.8}.act{display:inline-block;font-family:var(--sans);font-size:14px;font-weight:400;letter-spacing:.01em;text-decoration:none;color:var(--linen);padding:15px 30px;border:1px solid rgba(232,226,214,.32);border-radius:1px;background:rgba(12,11,9,.34);backdrop-filter:blur(6px);transition:border-color .45s var(--ease),color .45s var(--ease),box-shadow .45s var(--ease);}.act:hover,.act:focus-visible{color:var(--glow);border-color:rgba(242,192,120,.62);box-shadow:0 0 34px -12px rgba(242,192,120,.5);}:focus-visible{outline:2px solid var(--glow);outline-offset:3px}.bar{--veilig:env(safe-area-inset-top,0px);position:fixed;top:0;left:0;right:0;z-index:60;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,5vw,60px);height:calc(var(--veilig) + 84px);padding:var(--veilig) var(--gut) 14px;background:linear-gradient(to bottom,rgba(12,11,9,.92) 0,rgba(12,11,9,.92) var(--veilig),rgba(12,11,9,0) calc(var(--veilig) + 70px));opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .9s var(--ease),transform .9s var(--ease),visibility .9s;}.bar.on{opacity:1;visibility:visible;transform:none;backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(var(--veilig) + 56px),transparent calc(var(--veilig) + 84px));mask-image:linear-gradient(to bottom,#000 0,#000 calc(var(--veilig) + 56px),transparent calc(var(--veilig) + 84px))}.mark{font-family:var(--logo);font-size:15px;font-weight:400;letter-spacing:.08em;text-decoration:none;flex:0 0 auto;color:#fff;display:flex;align-items:center}.mark span{color:var(--glow)}.mark img{display:block;height:36px;width:auto}@media (max-width:640px){.mark img{height:30px}}#menu{position:fixed;top:0;right:var(--gut);z-index:61;display:flex;align-items:center;height:70px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .9s var(--ease),transform .9s var(--ease),visibility .9s;}@media (min-width:641px){body.chrome #menu{opacity:1;visibility:visible;transform:none}}.nav{display:flex;flex-wrap:nowrap;gap:clamp(14px,2.6vw,38px);list-style:none;margin:0;padding:0}.nav a{font-size:14px;text-decoration:none;white-space:nowrap;color:var(--dusk);transition:color .35s var(--ease)}.nav a:hover,.nav a:focus-visible,.nav a[aria-current="page"]{color:var(--linen)}.rail{position:relative;height:420vh}.pin{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--night)}.pin canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.pin video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block;transition:opacity 1.4s cubic-bezier(.4,0,.2,1)}#heroFilm.weg{opacity:0;transition-duration:.8s}#heroFilm2,#heroFilm3{opacity:0}html.terug-thuis #heroFilm3.speelt{transition-duration:.5s}#heroFilm3.speelt{opacity:1;transition-duration:1.2s}html.terug-thuis #heroFilm2.speelt{transition-duration:.5s}#heroFilm2.speelt{opacity:1;transition-duration:1.2s}.pin::after{content:"";position:absolute;inset:0;pointer-events:none;background: radial-gradient(130% 92% at 50% 42%,transparent 52%,rgba(12,11,9,.6) 100%), linear-gradient(to bottom,rgba(12,11,9,.34),transparent 18%,transparent 91%,var(--night));}.vastbeeld{position:fixed;inset:0;z-index:0;background:var(--night);overflow:hidden;pointer-events:none}.vastbeeld video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block;transition:opacity 1.4s cubic-bezier(.4,0,.2,1)}.vastbeeld::after{content:"";position:absolute;inset:0;background:rgba(12,11,9,var(--dim,0))}@media all{.pin{background:transparent}.pin::after{background: radial-gradient(130% 92% at 50% 42%,transparent 52%,rgba(12,11,9,.6) 100%), linear-gradient(to bottom,rgba(12,11,9,.34),transparent 18%)}.rest.lead,.sheet.verhaal{background:transparent}.rest.lead::before,.rest.lead::after,.sheet.verhaal::before{display:none}.rest.lead p,.verhaal h2,.verhaal .lede,.verhaal .klein{text-shadow:0 1px 20px rgba(0,0,0,.75)}.sheet.verhaal + .rest{background:rgba(12,11,9,.92);border-top:0}.rest.lead{background:rgba(12,11,9,.6)}.sheet.verhaal + .rest::before,.sheet.verhaal + .rest::after{display:none}.sheet.verhaal + .rest p{text-shadow:0 1px 20px rgba(0,0,0,.75)}.sheet.stage{background:transparent}.sheet.stage::before{display:none}.stage .plate{background:none}@media (orientation:portrait){.sheet.verhaal{padding-bottom:0}.sheet.verhaal + .rest{height:auto;margin:72px 0 0;padding:32px var(--gut)}.sheet.stage .intro{position:relative;left:auto;right:auto;top:auto;width:auto;max-width:none;margin:0;padding:44px var(--gut) 32px;border-radius:0;-webkit-backdrop-filter:blur(30px) saturate(1.6);backdrop-filter:blur(30px) saturate(1.6);background:rgba(12,11,9,.92)}.sheet.stage .intro h2{margin:0 0 18px;font-size:38px;line-height:1.02;white-space:normal;text-wrap:balance}.sheet.stage .intro .lede{margin:0;max-width:40ch;color:var(--linen);font-size:16px;line-height:1.75;text-shadow:0 0 10px rgba(242,192,120,.55),0 0 26px rgba(242,192,120,.28)}}@media (orientation:portrait){.sheet.stage .intro .lede{animation:vraag-gloed 3.2s ease-in-out infinite}}@keyframes vraag-gloed{0%,100%{text-shadow:0 0 8px rgba(242,192,120,.4),0 0 20px rgba(242,192,120,.18)}50%{text-shadow:0 0 12px rgba(242,192,120,.8),0 0 30px rgba(242,192,120,.4)}}}.pin-in{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 24px 30px;}.pin-in::before{content:"";position:absolute;inset:0;transition:opacity .8s var(--ease);background:radial-gradient(54% 42% at 50% 50%,rgba(12,11,9,.76),rgba(12,11,9,.38) 46%,transparent 74%);pointer-events:none;}.hero-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;transition:opacity .8s var(--ease);}.logo{display:inline-grid;grid-template-columns:auto auto;align-items:stretch;gap:0 clamp(10px,1.3vw,20px);margin:0;color:#fff;font-weight:400;text-shadow:0 2px 24px rgba(0,0,0,.55);}.logo-main{display:flex;flex-direction:column}.logo-word{font-family:var(--logo);font-size:clamp(42px,8.6vw,126px);line-height:.98;letter-spacing:.02em;white-space:nowrap;}.logo-dot{color:var(--glow)}.logo-sub{display:flex;justify-content:space-between;font-family:var(--sans);font-weight:400;font-size:clamp(11px,1.6vw,22px);line-height:1;margin-top:.42em;padding:0 .08em;}.logo-sub i{font-style:normal}.logo-design{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-weight:400;font-size:clamp(10px,1.15vw,16px);letter-spacing:.34em;padding:.2em 0;border-right:1px solid rgba(255,255,255,.38);}.hero-mark .sub{margin-top:clamp(18px,2.6vh,30px);color:var(--linen);opacity:.82;font-size:clamp(14px,1.65vw,26px);letter-spacing:.05em;text-shadow:0 1px 3px rgba(0,0,0,.85);}@media (max-width:640px){.logo-word{font-size:clamp(46px,13.8vw,60px)}.logo-sub{font-size:clamp(14px,4.1vw,18px)}.logo-design{font-size:clamp(11px,3.1vw,14px)}.hero-mark .sub{font-size:16px}}.hbalken{position:absolute;inset:0;z-index:3;pointer-events:none;--uit:0;opacity:calc(1 - var(--uit));--balk-b:clamp(200px,15.5vw,330px);--vak-b:min(calc(clamp(230px,21vw,440px) * .58),calc((100vh - 300px) * .8 / 3),calc(var(--balk-b) - 60px));--vak-h:calc(var(--vak-b) * 1.25)}.hbalk{position:absolute;top:84px;bottom:16px;width:var(--balk-b);box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:18px;pointer-events:auto;border-radius:28px;opacity:0;visibility:hidden;transition:opacity 1.6s cubic-bezier(.4,0,.2,1),translate 1.8s cubic-bezier(.22,1,.36,1),visibility 0s 1.6s;background: linear-gradient(165deg,rgba(255,247,233,.14) 0%,rgba(255,247,233,.045) 30%,rgba(255,247,233,0) 56%,rgba(0,0,0,.1) 100%), rgba(17,14,10,.38);-webkit-backdrop-filter:blur(12px) saturate(140%) brightness(.86);backdrop-filter:blur(12px) saturate(140%) brightness(.86);box-shadow: inset 0 2px 0 rgba(255,255,255,.5),inset 2px 0 0 rgba(255,255,255,.16), inset 0 -3px 0 rgba(0,0,0,.45),inset -2px 0 0 rgba(0,0,0,.26), inset 0 18px 28px -18px rgba(255,255,255,.26),inset 0 -26px 34px -22px rgba(255,214,160,.2), 0 0 0 1px rgba(0,0,0,.28),0 0 36px rgba(0,0,0,.22), 0 10px 20px -6px rgba(0,0,0,.55),0 40px 80px -16px rgba(0,0,0,.72),0 84px 150px -26px rgba(0,0,0,.5)}.hbalk::before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;padding:2px;pointer-events:none;background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(255,255,255,.26) 15%,rgba(255,255,255,.03) 36%, rgba(0,0,0,0) 58%,rgba(0,0,0,.3) 80%,rgba(255,226,180,.7));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.hbalk.links{left:16px;translate:-48px 0;transform:translateX(calc(var(--uit) * -42vw))}.hbalk.rechts{right:16px;translate:48px 0;transform:translateX(calc(var(--uit) * 42vw))}.hbalken.aan .hbalk{opacity:1;visibility:visible;translate:0 0;transition:opacity 1.6s cubic-bezier(.4,0,.2,1),translate 1.8s cubic-bezier(.22,1,.36,1),visibility 0s}.hbalken.aan .hbalk.rechts{transition-delay:.25s}.hvak{position:relative;z-index:1;width:var(--vak-b);height:var(--vak-h);flex:none}.hvak.link{cursor:pointer}.hvak::before{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;opacity:0;background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.26));box-shadow:inset 0 4px 10px rgba(0,0,0,.65),inset 0 -1px 0 rgba(255,236,200,.16),inset 0 0 0 1px rgba(0,0,0,.35), 0 1px 0 rgba(255,255,255,.1);transition:opacity .35s ease}.hvak.groot::before{opacity:1}.hvak.link::after{content:"Lees meer";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-left:.28em;box-sizing:border-box;border-radius:14px;pointer-events:none;font-family:var(--sans);font-weight:400;font-size:clamp(9px,.85vw,13px);letter-spacing:.28em;text-transform:uppercase;color:#F2C078;text-shadow:0 1px 6px rgba(0,0,0,.8);opacity:0;transition:opacity .4s ease}.hvak.link.groot::after{opacity:.9;transition-delay:.25s}html[lang="en"] .hvak.link::after{content:"Read more"}.hvak-in{position:absolute;inset:0;border-radius:14px;overflow:hidden;background:#0C0B09;pointer-events:none;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 6px 14px -6px rgba(0,0,0,.6);transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .7s cubic-bezier(.22,1,.36,1)}.hvak.groot{z-index:5}.hvak.groot .hvak-in{pointer-events:auto;cursor:pointer;transform:translate(var(--dx,0px),var(--dy,0px)) scale(var(--sc,2));box-shadow:0 0 0 1px rgba(255,255,255,.14),0 30px 70px -16px rgba(0,0,0,.85)}.hvak video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .45s ease}.hvak .binnenkort{position:absolute;inset:0;display:none;flex-direction:column;justify-content:flex-end;gap:4px;padding:12px;background:radial-gradient(120% 80% at 50% 0%,rgba(242,192,120,.18),transparent 62%),linear-gradient(180deg,#1A1610,#0C0B09);transition:opacity .45s ease}.hvak .binnenkort span{font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:#F2C078}.hvak .binnenkort b{font-weight:300;font-size:13px;line-height:1.2;color:#E8E2D6}.hvak.kaart .binnenkort{display:flex}.hvak.kaart video{opacity:0}.hvak .hlabel{position:absolute;left:7px;right:7px;bottom:5px;font-size:calc(14.4px / var(--sc,2));letter-spacing:.06em;color:#E8E2D6;opacity:0;transition:opacity .4s ease;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none}.hvak.groot .hlabel{opacity:1}.hvak.kaart .hlabel{display:none}.hvak.wissel video,.hvak.wissel .binnenkort{opacity:0}.hvak-in .hfoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;transition:opacity .45s ease}.hvak.foto .hfoto{display:block}.hvak.foto video{display:none}.hvak.wissel .hfoto{opacity:0}@media (max-width:1099px){.hbalken{display:none}}.cue{color:var(--dusk);font-size:12px;text-align:center;transition:opacity .6s var(--ease);}.cue .stem{display:block;width:1px;height:38px;margin:10px auto 0;background:linear-gradient(var(--brass),transparent)}.faded{opacity:0 !important}@media all{html.intro .hero-mark{opacity:0;filter:blur(7px);transition:opacity 2.8s cubic-bezier(.4,0,.2,1),filter 2.8s cubic-bezier(.4,0,.2,1)}html.intro .pin-in::before{opacity:0;transition:opacity 2.8s cubic-bezier(.4,0,.2,1)}html.intro .cue{opacity:0;transition:opacity 1.8s cubic-bezier(.4,0,.2,1) 1.6s}html.intro .rail.aan .hero-mark{opacity:1;filter:none}html.intro .rail.aan .pin-in::before{opacity:1}html.intro .rail.aan .cue{opacity:1}html.intro .rail.aan .pin-in.leeg::before{opacity:0}}.pin-in.leeg::before{opacity:0}.rest{position:relative;z-index:4;background:var(--night);height:clamp(180px,24vh,268px);display:grid;place-items:center;padding:clamp(18px,2.4vh,34px) var(--gut);}.rest::before{content:"";position:absolute;top:-7vh;left:0;right:0;height:7vh;background:linear-gradient(to bottom, rgba(12,11,9,0) 0%, rgba(12,11,9,.06) 32%, rgba(12,11,9,.22) 56%, rgba(12,11,9,.52) 76%, rgba(12,11,9,.82) 90%, var(--night) 100%);pointer-events:none;z-index:3;}.rest{border-top:1px solid rgba(242,192,120,.16)}.rest.lead{border-top:0}.rest::after{content:"";position:absolute;bottom:-7vh;left:0;right:0;height:7vh;background:linear-gradient(to top, rgba(12,11,9,0) 0%, rgba(12,11,9,.06) 32%, rgba(12,11,9,.22) 56%, rgba(12,11,9,.52) 76%, rgba(12,11,9,.82) 90%, var(--night) 100%);pointer-events:none;z-index:3;}.rest p{font-family:var(--serif);font-weight:300;font-style:italic;opacity:1;transform:none;transition:opacity 1.1s var(--ease),transform 1.1s var(--ease);font-size:clamp(21px,min(3vw,3.9vh),40px);line-height:1.35;color:#CFC6B7;text-align:center;max-width:30ch;text-wrap:balance;}.rest em{font-style:italic;color:var(--glow)}.rest p.vaag{opacity:0;transform:translateY(10px)}.rest p.vaag.aan{opacity:1;transform:none}.rest.lead blockquote{position:relative;isolation:isolate}.rest.lead blockquote::before{content:"";position:absolute;left:50%;top:50%;z-index:-1;pointer-events:none;width:min(150vw,1500px);height:clamp(180px,24vh,268px);transform:translate(-50%,-50%);background:radial-gradient(closest-side at center, rgba(242,192,120,.20) 0%, rgba(242,192,120,.105) 30%, rgba(242,192,120,.04) 54%, rgba(242,192,120,.011) 72%, rgba(242,192,120,0) 86%);opacity:1;transition:opacity 3.8s cubic-bezier(.45,0,.3,1);}.rest.lead blockquote.dimmer::before{opacity:0}.rest.lead blockquote.dimmer.gloeit::before{opacity:1}.rest.lead p.vaag{transition:opacity 2.8s cubic-bezier(.45,0,.3,1) .7s, transform 2.8s cubic-bezier(.45,0,.3,1) .7s}.rest blockquote{margin:0;max-width:none}.rest.lead p{color:var(--linen)}.rest.lead em{color:var(--glow)}.rest cite{display:block;margin-top:clamp(7px,1.1vh,15px);font-family:var(--sans);font-style:normal;font-weight:400;font-size:13px;letter-spacing:.06em;color:var(--dusk);}.scene{position:relative;min-height:108vh;display:grid;place-items:end start;padding:var(--gut);overflow:hidden}.scene .plate{position:absolute;inset:0;z-index:0}.scene .plate::after,.stage .plate::after{background:none}.scene .plate::after{z-index:1;background: radial-gradient(75% 70% at 0% 100%,rgba(12,11,9,.78),rgba(12,11,9,.35) 55%,transparent 80%), linear-gradient(to top,rgba(12,11,9,.55),transparent 28%)}.scene .cap{position:relative;z-index:2;max-width:40ch}.scene .cap,.stage .intro{text-shadow:0 1px 3px rgba(0,0,0,.85),0 3px 22px rgba(0,0,0,.75)}.scene h2{margin-bottom:16px}.scene .act{margin-top:26px}.scene .lede{color:var(--linen)}.scene .shot{position:absolute;inset:0;opacity:0;transition:opacity 1.2s var(--ease)}.scene .shot.aan{opacity:1}.scene .shot img{animation:none}.scene .shot.speelt img{animation-duration:var(--duur,8s);animation-timing-function:ease-in-out;animation-fill-mode:both;animation-play-state:var(--staat,running)}.scene .shot.speelt .pan{animation-name:pan}.scene .shot.speelt .zoom{animation-name:boven}.scene .shot.speelt .zweef{animation-name:zweef}@keyframes pan{from{object-position:50% 20%;transform:scale(1)}to{object-position:50% 75%;transform:scale(1)}}@keyframes boven{from{transform:scale(1.03)}to{transform:scale(1)}}.scene .zoom{transform-origin:50% 45%}@keyframes zweef{from{transform:scale(1.016) translateX(-.7%)}to{transform:scale(1.016) translateX(.7%)}}.film{position:absolute;z-index:3;right:var(--gut);bottom:var(--gut);display:flex;align-items:flex-end;gap:18px}.film ol{list-style:none;margin:0;padding:0;display:flex;gap:12px}.film ol button{all:unset;cursor:pointer;display:grid;gap:9px;width:clamp(58px,6.4vw,96px);white-space:nowrap;font-size:12px;letter-spacing:.02em;color:rgba(232,226,214,.62);text-shadow:0 1px 3px rgba(0,0,0,.9);transition:color .4s var(--ease)}.film ol button[aria-current="true"],.film ol button:hover{color:var(--linen)}.film .balk{height:2px;background:rgba(232,226,214,.28);overflow:hidden}.film .balk i{display:block;height:100%;background:var(--glow);transform:scaleX(0);transform-origin:left}.film button.speelt .balk i{animation:vul var(--duur,8s) linear both;animation-play-state:var(--staat,running)}@keyframes vul{to{transform:scaleX(1)}}.film ol button:focus-visible,.film .pauze:focus-visible{outline:2px solid var(--glow);outline-offset:4px}.film .pauze{all:unset;cursor:pointer;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(232,226,214,.35);border-radius:50%;color:var(--linen);background:rgba(12,11,9,.35);transition:border-color .4s var(--ease)}.film .pauze:hover{border-color:var(--glow)}.film .pauze svg{width:12px;height:12px;fill:currentColor}.film .pauze .speel,.film.stil .pauze .stop{display:none}.film.stil .pauze .speel{display:block}@media (max-width:760px){.scene{padding-bottom:calc(var(--gut) + 64px)}.film{left:var(--gut);right:var(--gut);bottom:26px;justify-content:space-between}.film ol{flex:1}.film ol{gap:6px}.film ol li{flex:1;min-width:0}.film ol button{display:block;width:100%;padding-block:10px}.scene .plate::after{background:linear-gradient(to top,rgba(12,11,9,.86),rgba(12,11,9,.6) 35%,transparent 62%)}.film .naam{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}.plate img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.plate{background: radial-gradient(58% 46% at 68% 30%,rgba(242,192,120,.20),transparent 66%), radial-gradient(40% 34% at 22% 74%,rgba(154,119,66,.16),transparent 70%), linear-gradient(150deg,#171410,#0C0B09 62%);}.plate::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,11,9,.94),transparent 58%);}.stage{--verh:1.7686;--scene-h:min(calc(100vw / var(--verh)),92vh);position:relative;height:var(--scene-h);min-height:520px;overflow:hidden;}.stage .plate{position:absolute;inset:0}.stage .frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);aspect-ratio:2048/1158;width:100%;height:auto;z-index:1;}@media (orientation:portrait){.stage{--verh:0.70423}.stage .frame{aspect-ratio:800/1136}}.stage .plate::after{display:none}.stage .intro{position:absolute;left:0;bottom:0;z-index:2;max-width:44ch;isolation:isolate;pointer-events:none;padding:var(--gut)}@media (orientation:portrait){.stage{height:auto;min-height:0;padding-bottom:calc(100vw / var(--verh))}.stage .frame{top:auto;bottom:0;transform:translateX(-50%)}.stage .intro{position:relative;padding:calc(var(--gut) + 62px) var(--gut) var(--gut)}}.stage .intro{max-width:none}.stage h2{margin-bottom:14px;font-size:clamp(38px,4.6vw,68px);line-height:1.04;white-space:nowrap}.onzichtbaar{position:absolute!important;width:1px;height:1px;margin:0!important;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media (orientation:landscape) and (min-width:700px){.sheet.verhaal + .rest::after{display:block;background:linear-gradient(to top, rgba(12,11,9,0) 0%, rgba(12,11,9,.06) 32%, rgba(12,11,9,.22) 56%, rgba(12,11,9,.52) 76%, rgba(12,11,9,.82) 90%, rgba(12,11,9,.92) 100%)}.stage .intro{left:var(--gut);bottom:calc(7vh + 12px);padding:0;text-shadow:none}.stage .intro .lede{max-width:none;white-space:nowrap;padding:.62em .95em .68em;border-radius:22px;color:var(--linen);font-size:clamp(28px,3.3vw,76px);line-height:1.1;text-shadow:0 1px 16px rgba(12,11,9,.5);background:linear-gradient(155deg,rgba(255,250,240,.09),rgba(255,250,240,.025) 42%,rgba(12,11,9,.1));-webkit-backdrop-filter:blur(12px) saturate(1.25);backdrop-filter:blur(12px) saturate(1.25);box-shadow:inset 0 0 0 1px rgba(255,250,240,.09),inset 0 1px 0 rgba(255,250,240,.16),0 24px 60px rgba(12,11,9,.22);transition:opacity .4s var(--ease)}.stage.film-aan .intro{opacity:1}.stage.film-aan .intro .lede{opacity:0}}@media (orientation:portrait){.sheet.stage .intro::after{content:"";position:absolute;left:0;right:0;bottom:-7vh;height:7vh;pointer-events:none;background:linear-gradient(to top, rgba(12,11,9,0) 0%, rgba(12,11,9,.06) 32%, rgba(12,11,9,.22) 56%, rgba(12,11,9,.52) 76%, rgba(12,11,9,.82) 90%, rgba(12,11,9,.92) 100%)}}.lamp{position:absolute;z-index:3;display:block;text-decoration:none;width:clamp(96px,11vw,150px);height:clamp(96px,11vw,150px);border-radius:50%;transform:translate(-50%,-50%);transition:background .55s var(--ease),box-shadow .55s var(--ease);}.lamp .halo{display:none}.lamp::before{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--glow);box-shadow:0 0 8px rgba(242,192,120,.7);transition:transform .45s var(--ease),box-shadow .45s var(--ease);}.lamp:hover::before,.lamp:focus-visible::before{transform:scale(1.45);box-shadow:0 0 16px 3px rgba(242,192,120,.9);}.lamp .tag{--off:5vw;position:absolute;left:calc(50% + var(--off));top:50%;transform:translateY(-50%);white-space:nowrap;font-size:clamp(11px,.95vw,13px);letter-spacing:.02em;color:var(--linen);padding:0;background:none;text-shadow:0 1px 4px rgba(12,11,9,.9),0 2px 16px rgba(12,11,9,.75);opacity:.85;transform-origin:0 50%;transition:color .45s var(--ease),opacity .45s var(--ease),transform .45s var(--ease), text-shadow .45s var(--ease);}.lamp .tag::before{content:"";position:absolute;top:50%;right:100%;margin-right:7px;width:calc(var(--off) - 18px);height:1px;background:linear-gradient(to left,rgba(242,192,120,.6),rgba(242,192,120,0));transition:width .45s var(--ease),background .45s var(--ease);}.lit{position:absolute;inset:0;z-index:2;pointer-events:none;background:url(/drie-lampen-breed-2048.jpg) center/100% 100% no-repeat;mix-blend-mode:screen;opacity:0;transition:opacity .7s var(--ease);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;filter:brightness(1.35) saturate(1.08);}.lit.milano{-webkit-mask-image:radial-gradient(ellipse 12% 24% at 61.5% 47%,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%);mask-image:radial-gradient(ellipse 12% 24% at 61.5% 47%,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%);}.lit.candle{-webkit-mask-image:radial-gradient(ellipse 20% 16% at 21.5% 36%,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%);mask-image:radial-gradient(ellipse 20% 16% at 21.5% 36%,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%);}.lit.reef{-webkit-mask-image:radial-gradient(ellipse 8% 20% at 75.2% 38%,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%);mask-image:radial-gradient(ellipse 8% 20% at 75.2% 38%,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%);}.lit.aurelia{-webkit-mask-image:radial-gradient(ellipse 9% 20% at 91.5% 42%,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%);mask-image:radial-gradient(ellipse 9% 20% at 91.5% 42%,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%);}.lamp.milano:hover ~ .lit.milano,.lamp.milano:focus-visible ~ .lit.milano, .lamp.candle:hover ~ .lit.candle, .lamp.candle:focus-visible ~ .lit.candle, .lamp.reef:hover ~ .lit.reef, .lamp.reef:focus-visible ~ .lit.reef, .lamp.aurelia:hover ~ .lit.aurelia, .lamp.aurelia:focus-visible ~ .lit.aurelia{opacity:1}@media (orientation:portrait){.lit{background-image:url(/vier-lampen-staand-1136.jpg)}.lit.milano{-webkit-mask-image:radial-gradient(ellipse 11% 16% at 61% 58%,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%);mask-image:radial-gradient(ellipse 11% 16% at 61% 58%,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%)}.lit.candle{-webkit-mask-image:radial-gradient(ellipse 24% 7% at 14% 49%,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%);mask-image:radial-gradient(ellipse 24% 7% at 14% 49%,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%)}.lit.reef{-webkit-mask-image:radial-gradient(ellipse 8% 11% at 74.7% 50.5%,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%);mask-image:radial-gradient(ellipse 8% 11% at 74.7% 50.5%,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%)}.lit.aurelia{-webkit-mask-image:radial-gradient(ellipse 11% 12% at 90.5% 54%,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%);mask-image:radial-gradient(ellipse 11% 12% at 90.5% 54%,#000 0%,rgba(0,0,0,.7) 55%,transparent 100%)}}.lamp:hover .halo,.lamp:focus-visible .halo{border-color:rgba(242,192,120,.55)}.lamp.milano .tag{--off:6vw}.lamp.reef .tag{--off:8.5vw;left:50%;right:auto;top:calc(50% + var(--off));transform:translateX(-50%);transform-origin:50% 0}.lamp.reef .tag::before{top:auto;bottom:100%;right:auto;left:50%;margin:0 0 7px;width:1px;height:calc(var(--off) - 18px);background:linear-gradient(to top,rgba(242,192,120,.6),rgba(242,192,120,0))}.lamp.candle .tag{--off:6vw;left:50%;right:auto;top:calc(50% + var(--off));transform:translateX(-50%);transform-origin:50% 0}.lamp.candle .tag::before{top:auto;bottom:100%;right:auto;left:50%;margin:0 0 7px;width:1px;height:calc(var(--off) - 18px);background:linear-gradient(to top,rgba(242,192,120,.6),rgba(242,192,120,0))}.lamp.aurelia .tag{--off:6vw;left:auto;right:calc(50% + var(--off));transform-origin:100% 50%}.lamp.aurelia .tag::before{right:auto;left:100%;margin:0 0 0 7px;background:linear-gradient(to right,rgba(242,192,120,.6),rgba(242,192,120,0))}@media (orientation:portrait){.lamp.candle .tag{--off:8vw}.lamp.reef .tag{--off:12vw}.lamp.milano .tag{--off:9vw;left:auto;right:calc(50% + var(--off));transform-origin:100% 50%}.lamp.milano .tag::before{right:auto;left:100%;margin:0 0 0 7px;background:linear-gradient(to right,rgba(242,192,120,.6),rgba(242,192,120,0))}.lamp.milano:hover .tag,.lamp.milano:focus-visible .tag{transform:translateY(-50%) translateX(-6px)}.lamp.milano:hover .tag::before,.lamp.milano:focus-visible .tag::before{background:linear-gradient(to right,rgba(242,192,120,.95),rgba(242,192,120,.08))}}.lamp:hover .tag,.lamp:focus-visible .tag{color:#fff;opacity:1;transform:translateY(-50%) translateX(6px);text-shadow:0 1px 4px rgba(12,11,9,.9),0 0 16px rgba(242,192,120,.75)}.lamp:hover .tag::before,.lamp:focus-visible .tag::before{width:calc(var(--off) - 12px);background:linear-gradient(to left,rgba(242,192,120,.95),rgba(242,192,120,.08))}.lamp.reef:hover .tag,.lamp.reef:focus-visible .tag, .lamp.candle:hover .tag,.lamp.candle:focus-visible .tag{transform:translateX(-50%) translateY(6px)}.lamp.reef:hover .tag::before,.lamp.reef:focus-visible .tag::before, .lamp.candle:hover .tag::before,.lamp.candle:focus-visible .tag::before{width:1px;height:calc(var(--off) - 12px);background:linear-gradient(to top,rgba(242,192,120,.95),rgba(242,192,120,.08))}.lamp.aurelia:hover .tag,.lamp.aurelia:focus-visible .tag{transform:translateY(-50%) translateX(-6px)}.lamp.aurelia:hover .tag::before,.lamp.aurelia:focus-visible .tag::before{background:linear-gradient(to right,rgba(242,192,120,.95),rgba(242,192,120,.08))}.lamp:hover .tag::before,.lamp:focus-visible .tag::before{background:#fff;box-shadow:0 0 12px 2px rgba(242,192,120,.9)}@media (orientation:portrait){.lamp.aurelia .tag{--off:21vw;left:50%;right:auto;top:calc(50% + var(--off));transform:translateX(-50%);transform-origin:50% 0}.lamp.aurelia .tag::before{top:auto;bottom:100%;right:auto;left:50%;margin:0 0 7px;width:1px;height:calc(var(--off) - 18px);background:linear-gradient(to top,rgba(242,192,120,.6),rgba(242,192,120,0))}.lamp.aurelia:hover .tag,.lamp.aurelia:focus-visible .tag{transform:translateX(-50%) translateY(6px)}.lamp.aurelia:hover .tag::before,.lamp.aurelia:focus-visible .tag::before{width:1px;height:calc(var(--off) - 12px);background:#fff;box-shadow:0 0 12px 2px rgba(242,192,120,.9)}}.lamp.milano{left:61.5%;top:38.5%}.lamp.candle{left:21.5%;top:32.5%}.lamp.reef{left:75.2%;top:38%}.lamp.aurelia{left:91%;top:39.5%}@media (orientation:portrait){.lamp.milano{left:61%;top:51%}.lamp.candle{left:15%;top:49%}.lamp.reef{left:74.7%;top:50.5%}.lamp.aurelia{left:90.5%;top:51%}}.lampfilm{position:absolute;inset:0;z-index:5;opacity:0;pointer-events:none;transition:opacity .35s var(--ease)}.lampfilm.aan{opacity:1;pointer-events:auto;cursor:zoom-out}.lampfilm video{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:none}.lampfilm video.speelt{display:block;transform:translateZ(0);backface-visibility:hidden;will-change:transform}.stage .lamp,.stage .intro{transition:opacity .4s var(--ease)}.stage.film-aan .lamp{opacity:0;pointer-events:none}.stage.film-aan .intro{opacity:0}.stage.film-aan .lit{display:none}.lampinfo{position:absolute;z-index:6;top:50%;right:clamp(18px,5vw,96px);width:min(330px,34vw);transform:translateY(-50%) translateX(20px);pointer-events:none;isolation:isolate;transition:transform .8s var(--ease) .15s}.lampinfo.aan{transform:translateY(-50%);pointer-events:auto}.lampinfo>*,.lampinfo::before{opacity:0;transition:opacity .8s var(--ease) .15s}.lampinfo.aan>*,.lampinfo.aan::before{opacity:1}@media (orientation:landscape) and (min-width:700px){.lampinfo::before{content:"";position:absolute;inset:-30px -28px -24px;z-index:-1;pointer-events:none;border-radius:18px;background:linear-gradient(155deg,rgba(255,250,240,.09),rgba(255,250,240,.025) 42%,rgba(12,11,9,.1));-webkit-backdrop-filter:blur(12px) saturate(1.25);backdrop-filter:blur(12px) saturate(1.25);box-shadow:inset 0 0 0 1px rgba(255,250,240,.09),inset 0 1px 0 rgba(255,250,240,.16),0 24px 60px rgba(12,11,9,.22)}.lampinfo .sluit{bottom:auto;top:-20px;right:-16px}}#info-candle,#info-milano{right:auto;left:clamp(18px,5vw,96px);transform:translateY(-50%) translateX(-20px)}#info-candle.aan,#info-milano.aan{transform:translateY(-50%)}.lampinfo h3{margin:0 0 4px;font-weight:300;line-height:1.04;font-size:clamp(26px,2.7vw,42px);color:var(--linen);text-shadow:0 1px 4px rgba(12,11,9,.9),0 3px 22px rgba(12,11,9,.75)}.lampinfo .soort{display:block;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--glow);margin-bottom:16px}.lampinfo p{margin:0 0 8px;font-size:clamp(14px,1.05vw,16px);line-height:1.55;color:var(--linen);text-shadow:0 1px 4px rgba(12,11,9,.85)}.lampinfo .maat{color:var(--dusk);font-size:13px;letter-spacing:.04em}.lampinfo .acts{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:20px}.lampinfo a{font-size:14px;color:var(--linen);text-decoration:none;border-bottom:1px solid rgba(242,192,120,.5);padding-bottom:3px;transition:color .35s var(--ease),border-color .35s var(--ease)}.lampinfo a:hover,.lampinfo a:focus-visible{color:var(--glow);border-color:var(--glow)}.lampinfo .sluit{position:absolute;right:0;bottom:calc(100% + 14px);width:34px;height:34px;padding:0;border:0;border-radius:50%;cursor:pointer;background:rgba(12,11,9,.45);color:var(--linen);font-size:17px;line-height:34px;transition:background .35s var(--ease),color .35s var(--ease)}.lampinfo .sluit:hover,.lampinfo .sluit:focus-visible{background:rgba(12,11,9,.8);color:var(--glow)}@media (orientation:portrait),(max-width:699px){.lampfilm,.lampinfo{display:none}}.news{padding:clamp(120px,16vw,220px) var(--gut) clamp(100px,13vw,180px);background:var(--night)}.sheet.news:not(:has(.items > a)){display:none}.news-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:clamp(34px,5vw,62px)}.news-head a{font-size:14px;color:var(--dusk);text-decoration:none;border-bottom:1px solid rgba(154,119,66,.5);padding-bottom:3px;transition:color .35s var(--ease),border-color .35s var(--ease)}.news-head a:hover,.news-head a:focus-visible{color:var(--glow);border-color:var(--glow)}.items{display:flex;gap:clamp(20px,2.6vw,40px);align-items:flex-start}.item{flex:var(--r,1) 1 0;min-width:0;max-width:calc(var(--r,1) * 660px);display:flex;flex-direction:column;text-decoration:none}.item figure{position:relative;margin:0;overflow:hidden;aspect-ratio:var(--r,1);background:var(--night)}.item figure img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform 1.6s var(--ease)}.item figure::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(12,11,9,.45),rgba(12,11,9,0) 38%);opacity:.9;transition:opacity 1.2s var(--ease)}.item:hover figure img,.item:focus-visible figure img{transform:scale(1.035)}.item:hover figure::after,.item:focus-visible figure::after{opacity:.4}.item figure.leeg{display:grid;place-items:center;background:var(--night);border:1px solid rgba(154,119,66,.26)}.item figure.leeg span{color:var(--brass);font-size:13px;letter-spacing:.14em;text-transform:uppercase}.item>div{padding-top:22px}.item .wanneer{display:flex;gap:14px;flex-wrap:wrap;align-items:baseline;color:var(--dusk);font-size:13px;margin-bottom:10px;font-variant-numeric:tabular-nums}.item .cat{color:var(--brass);letter-spacing:.14em;text-transform:uppercase;font-size:11.5px}.item h3{font-size:clamp(19px,2.1vw,25px);line-height:1.3;margin-bottom:8px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em;text-decoration-color:rgba(242,192,120,.34);transition:color .5s var(--ease),text-decoration-color .5s var(--ease)}.item:hover h3,.item:focus-visible h3{color:var(--glow);text-decoration-color:var(--glow)}.item>div p:not(.wanneer){color:var(--dusk);font-size:15.5px;max-width:52ch}.close{position:relative;isolation:isolate;min-height:90vh;display:grid;place-items:center;text-align:center;padding:var(--gut);overflow:hidden}.close .slotfoto{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 42%}.close::before{content:"";position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;background: radial-gradient(64% 72% at 50% 52%,rgba(12,11,9,.88),rgba(12,11,9,.66) 55%,rgba(12,11,9,.32) 100%), linear-gradient(to bottom,var(--night) 0%,rgba(12,11,9,.35) 30%,rgba(12,11,9,.35) 68%,var(--night) 100%), radial-gradient(52% 42% at 50% 52%,rgba(242,192,120,.15),transparent 70%);}.close .inner{position:relative;z-index:2}.close h2,.close .lede{text-shadow:0 1px 18px rgba(0,0,0,.75)}.close h2{margin-bottom:18px}.close .lede{margin:0 auto 34px}@media (max-width:860px){.nav{gap:16px}.nav a{font-size:13px}.mark{font-size:19px}}.burger{display:none;flex:0 0 auto;width:40px;height:34px;padding:8px 6px;background:none;border:0;cursor:pointer}.burger span{display:block;height:1px;background:var(--linen);transition:transform .4s var(--ease),opacity .3s var(--ease)}.burger span+span{margin-top:8px}@media (max-width:640px){.burger{display:block}#menu{inset:0;right:0;height:auto;display:grid;place-content:center;justify-items:center;padding:82px 24px 40px;overflow-y:auto;background:rgba(8,7,6,.97);transform:none;z-index:55;transition:opacity .45s var(--ease),visibility .45s;}body.menu-open{overflow:hidden}body.menu-open #menu{opacity:1;visibility:visible;backdrop-filter:blur(14px);}.nav{flex-direction:column;align-items:center;gap:8px;text-align:center}.nav a{font-family:var(--serif);font-size:30px;color:var(--linen);display:block;padding:10px 4px}@media (max-height:540px){.nav a{font-size:21px;padding:5px 4px}.nav{gap:2px}}body.menu-open .burger span:first-child{transform:translateY(4.5px) rotate(45deg)}body.menu-open .burger span+span{transform:translateY(-4.5px) rotate(-45deg)}.bar{z-index:60}body.menu-open .bar{background:none;backdrop-filter:none}}@media (max-width:720px){.items{flex-direction:column;gap:44px}.item{flex:none;width:100%;max-width:none}.rail{height:300vh}.lamp{width:84px;height:84px}}@media (hover:none){.lamp .tag{opacity:1;font-size:11px}}.rail.novideo{height:100vh}.rail.novideo .pin{position:relative}html.wacht, html.wacht body{overflow:hidden}html.wacht .cue{opacity:0 !important}.verhaal{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,100px);align-items:center;padding:clamp(90px,12vw,170px) var(--gut);max-width:1500px;margin:0 auto}.verhaal .klein{font-size:13px;letter-spacing:.04em;color:var(--brass);margin:0 0 16px}.verhaal h2{font-family:var(--serif);font-weight:300;font-size:clamp(38px,4.6vw,70px);line-height:1.02;margin:0 0 22px;text-wrap:balance}.verhaal .lede{color:var(--dusk);font-size:clamp(16px,1.4vw,19px);line-height:1.75;max-width:40ch;margin:0 0 34px}.verhaal .kijk{display:inline-flex;align-items:center;gap:12px;background:none;cursor:pointer;font:inherit}.verhaal .kijk svg{width:11px;height:11px;fill:currentColor}.verhaal-beeld{position:relative;margin:0;aspect-ratio:9/16;height:min(82vh,780px);max-width:100%;justify-self:center;background:#07060A;overflow:hidden}.verhaal-beeld video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.verhaal-beeld::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(12,11,9,.55),transparent 45%);transition:opacity .6s var(--ease)}.verhaal-beeld .speel{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;z-index:2;border-radius:50%;border:1px solid rgba(242,192,120,.7);background:rgba(12,11,9,.45);backdrop-filter:blur(6px);display:grid;place-items:center;cursor:pointer;color:var(--glow);box-shadow:0 0 40px -6px rgba(242,192,120,.55);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.verhaal-beeld .speel svg{width:22px;height:22px;fill:currentColor;margin-left:4px}.verhaal-beeld .speel:hover,.verhaal-beeld .speel:focus-visible{box-shadow:0 0 60px -4px rgba(242,192,120,.8)}.verhaal-beeld figcaption{position:absolute;left:22px;bottom:18px;z-index:2;font-size:13px;letter-spacing:.04em;color:var(--linen)}.verhaal-beeld.speelt .speel,.verhaal-beeld.speelt figcaption{opacity:0;pointer-events:none}.verhaal-beeld.speelt::after{opacity:0}.verhaal-beeld .speel,.verhaal-beeld figcaption{transition:opacity .5s var(--ease),box-shadow .5s var(--ease)}.verhaal .verder{display:inline-block;margin-left:22px;font-size:14px;color:var(--dusk);text-decoration:none;border-bottom:1px solid rgba(232,226,214,.25);padding-bottom:2px;transition:color .35s var(--ease),border-color .35s var(--ease)}.verhaal .verder:hover,.verhaal .verder:focus-visible{color:var(--glow);border-color:var(--glow)}@media (max-width:860px){.verhaal{grid-template-columns:1fr}.verhaal-beeld{height:auto;width:min(100%,420px)}}