@font-face{font-family:Archivo;font-weight:400;font-display:swap;src:url(/fonts/archivo-400-latin.woff2) format("woff2")}@font-face{font-family:Archivo;font-weight:500;font-display:swap;src:url(/fonts/archivo-500-latin.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:300;font-display:swap;src:url(/fonts/barlow-condensed-300-latin.woff2) format("woff2")}@font-face{font-family:Pinyon Script;font-weight:400;font-display:swap;src:url(/fonts/pinyon-script-400-latin.woff2) format("woff2")}@font-face{font-family:Playfair Display;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/playfair-display-500-latin.woff2) format("woff2")}@font-face{font-family:Playfair Display;font-weight:500;font-style:italic;font-display:swap;src:url(/fonts/playfair-display-500-italic-latin.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin.woff2) format("woff2")}:root{--nacht: #07060b;--tekst: #f6f2eb;--zacht: #d9cfd6;--groen: #5ef0a6;--roze: #f06fbf;--kop: #ff2a4a;--rozelicht: #e7c3cf;--glas: rgba(20, 16, 30, .34);--lijn: rgba(246, 242, 235, .16);--display: "Barlow Condensed", "Arial Narrow", sans-serif;--body: "Archivo", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--merk: "Pinyon Script", cursive;--kopletter: "Playfair Display", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;background:var(--nacht);color:var(--tekst);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--groen);outline-offset:4px}.kop{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(16px,4vw,56px);pointer-events:none}.kop>*{pointer-events:auto}.merk{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-family:var(--merk);font-size:clamp(38px,4vw,52px);white-space:nowrap;line-height:1;text-decoration:none;text-shadow:0 2px 24px rgba(0,0,0,.5)}.merk .naam span{color:var(--roze)}.merk .sub{font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--rozelicht);padding-left:4px}.kop-rechts{display:flex;gap:10px;align-items:center}.klassiek,.geluid{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:10px 14px;border:1px solid var(--lijn);border-radius:999px;background:#07060b59;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.klassiek:hover,.geluid:hover{border-color:var(--rozelicht)}#tour{position:relative;z-index:5}.halte{min-height:100vh;padding:120px clamp(16px,5vw,72px) 80px;display:flex;flex-direction:column;justify-content:flex-end;gap:28px}.halte-naam{font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--rozelicht)}.intro{max-width:1040px}.boven{font-family:var(--mono);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--rozelicht);margin-bottom:18px;text-shadow:0 1px 12px rgba(0,0,0,.6)}.intro h1{font-family:var(--kopletter);font-weight:500;font-style:italic;font-size:clamp(50px,7.5vw,112px);line-height:1.04;letter-spacing:-.01em;text-shadow:0 4px 34px rgba(0,0,0,.35)}.intro h1 span{display:inline-block;padding:0 .12em .14em .02em;color:var(--kop);text-shadow:0 2px 24px rgba(0,0,0,.45)}.onder{margin-top:22px;font-size:clamp(17px,1.6vw,21px);line-height:1.5;max-width:560px;color:#f1eaee;text-shadow:0 1px 16px rgba(0,0,0,.7),0 0 2px rgba(0,0,0,.5)}.kaarten{display:flex;flex-direction:column;gap:14px;max-width:440px}.kaart{position:relative;padding:22px 24px;border-radius:18px;background:var(--glas);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid var(--lijn);box-shadow:0 20px 60px #00000059}.kaart:before{content:"";position:absolute;left:22px;right:22px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--groen),var(--roze),transparent);opacity:.8}.nr{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--rozelicht);margin-bottom:10px}.kaart h2,.kaart h3{font-family:var(--kopletter);font-weight:500;font-size:clamp(27px,2.3vw,34px);line-height:1.12;margin-bottom:6px;color:var(--kop);text-shadow:0 2px 18px rgba(0,0,0,.35)}.kaart p:not(.nr){font-size:15.5px;line-height:1.55;color:#ece4ea;text-shadow:0 1px 12px rgba(0,0,0,.45)}.kaart-pilot{max-width:520px}.pilot{display:grid;gap:12px;margin-top:18px}.pilot label{display:grid;gap:6px;font-size:13px;color:var(--zacht)}.pilot input:not([type=checkbox]){font:inherit;font-size:16px;color:var(--tekst);background:#07060b8c;border:1px solid var(--lijn);border-radius:10px;padding:12px 14px}.pilot input:focus{outline:2px solid var(--groen);outline-offset:1px}.pilot .akkoord{display:flex;gap:10px;align-items:flex-start;line-height:1.5}.pilot .akkoord input{width:18px;height:18px;margin-top:2px;accent-color:var(--groen);flex-shrink:0}.pilot button{justify-self:start;margin-top:4px;padding:14px 26px;border-radius:999px;border:0;background:var(--tekst);color:var(--nacht);font-weight:500;letter-spacing:.02em}.pilot button:disabled{opacity:.6;cursor:wait}.melding{font-size:14px;color:#f6b3c8}.lokaas{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}.pilot-klaar-kop{font-family:var(--kopletter);font-weight:500;font-size:30px;margin:14px 0 6px;color:var(--kop)}.lina{display:none}.ai-badge{font-family:var(--mono);font-size:10px;letter-spacing:.18em;padding:4px 7px;border-radius:6px;border:1px solid var(--groen);color:var(--groen);flex-shrink:0}.voortgang,.pijlen{display:none}.voet{position:relative;z-index:6;display:flex;flex-wrap:wrap;gap:8px 18px;padding:18px clamp(16px,5vw,72px) 26px;font-size:12px;color:#f6f2eb99}.voet a{color:#f6f2ebbf}html.tour,html.tour body{height:100%;overflow:hidden;overscroll-behavior:none}html.tour #toneel{position:fixed;inset:0;z-index:0}html.tour #toneel canvas{display:block;width:100%;height:100%}html.tour #sluier{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#07060b6b,#07060b00 40%)}html.tour .halte{position:fixed;inset:0;min-height:0;padding:110px clamp(16px,5vw,72px) 96px;visibility:hidden;flex-direction:row;align-items:flex-end;justify-content:space-between}html.tour .halte.actief{visibility:visible}html.tour .halte-naam{position:absolute;top:108px;left:clamp(16px,5vw,72px);opacity:0;transition:opacity .8s ease .1s}html.tour .halte.actief .halte-naam{opacity:1}html.tour .kaarten{margin-left:auto;max-height:calc(100vh - 220px);overflow-y:auto;scrollbar-width:none}html.tour .kaarten.meer{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 64px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 64px),transparent)}html.tour .kaart,html.tour .intro>*{opacity:0;transform:translateY(26px) scale(.98);filter:blur(8px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),filter .9s ease}html.tour .halte.actief .kaart,html.tour .halte.actief .intro>*{opacity:1;transform:none;filter:none}html.tour .halte.actief .intro>:nth-child(1){transition-delay:.15s}html.tour .halte.actief .intro>:nth-child(2){transition-delay:.35s}html.tour .halte.actief .intro>:nth-child(3){transition-delay:.6s}html.tour .halte.actief .kaart:nth-child(1){transition-delay:.45s}html.tour .halte.actief .kaart:nth-child(2){transition-delay:.85s}html.tour .halte.actief .kaart:nth-child(3){transition-delay:1.25s}html.tour .kaart-pilot{overflow-y:auto}html.tour .lina{display:flex;position:fixed;z-index:8;left:clamp(16px,5vw,72px);bottom:96px;max-width:min(520px,46vw);gap:12px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:#14101e66;border:1px solid var(--lijn);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}html.tour .lina[hidden]{display:none}html.tour .lina-tekst{font-size:17px;line-height:1.5}html.tour .lina.in{animation:linaIn .9s cubic-bezier(.2,.7,.2,1) .3s both}@keyframes linaIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}html.tour .voortgang{display:flex;flex-direction:column;gap:12px;position:fixed;z-index:9;right:clamp(14px,2vw,28px);top:50%;transform:translateY(-50%)}.stip{width:10px;height:10px;padding:0;border-radius:50%;border:1px solid rgba(246,242,235,.55);background:transparent;transition:background .4s,transform .4s}.stip[aria-current=step]{background:linear-gradient(135deg,var(--groen),var(--roze));border-color:transparent;transform:scale(1.35)}.stip:hover{background:#f6f2eb66}html.tour .pijlen{display:flex;gap:8px;position:fixed;z-index:9;right:clamp(16px,4vw,56px);bottom:26px}.pijlen button{width:46px;height:46px;border-radius:50%;border:1px solid var(--lijn);background:#07060b66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:18px}.pijlen button:hover{border-color:var(--rozelicht)}html.tour .voet{position:fixed;left:0;bottom:0;padding:0 0 30px clamp(16px,5vw,72px);max-width:calc(100% - 160px);font-size:11px;z-index:7}@media(max-width:760px){html.tour .halte{flex-direction:column;justify-content:flex-end;align-items:stretch;padding:calc(96px + var(--lina-h, 0px) + 12px) 16px 84px;gap:16px}html.tour .halte-naam{display:none}html.tour .kaarten{margin-left:0;max-width:none;max-height:calc(100vh - 96px - var(--lina-h, 0px) - 12px - 84px);max-height:calc(100svh - 96px - var(--lina-h, 0px) - 12px - 84px)}html.tour .lina{inset:96px 16px auto;max-width:none;padding:12px 14px}html.tour .lina-tekst{font-size:15.5px}html.tour .voortgang{flex-direction:row;inset:auto auto 36px 18px;transform:none;gap:11px}html.tour .voet{display:none}html.tour .pijlen{bottom:18px;right:16px}.pijlen button{width:44px;height:44px}.kop{gap:10px}.kop-rechts{gap:6px;flex-shrink:0}.klassiek,.geluid{padding:8px 10px;font-size:9.5px;letter-spacing:.1em;white-space:nowrap}.merk{font-size:32px;gap:4px}.merk .sub{font-size:9px;letter-spacing:.24em}.klassiek .lang{display:none}.intro h1{font-size:clamp(38px,11vw,54px)}.kaart{padding:18px}}html.tour.helder .kaart{background:#100c189e;border-color:#f6f2eb38}html.tour.helder .lina{background:#100c18a8}html.tour.helder .halte-naam{color:var(--tekst);background:#100c188c;padding:7px 12px;border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}html.tour.helder .stip{border-color:#100c188c}html.tour.helder .voet,html.tour.helder .voet a{color:#100c18b3;text-shadow:none}html.tour #kust .kaart{background:#14101e0d;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#f6f2eb38;box-shadow:none}html.tour #kust .kaart p:not(.nr){text-shadow:0 1px 14px rgba(0,0,0,.75),0 0 3px rgba(0,0,0,.6)}html.tour .halte:not(#pilot) .kaarten{display:none}html.tour .halte-naam{display:none}html.tour #film{position:fixed;inset:0;z-index:1;pointer-events:none}html.tour #film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease}html.tour #film video.in{opacity:1}html.tour.film .halte.actief .kaarten{display:flex}html.tour.film .kaart{background:#100c189e;border-color:#f6f2eb38}