*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --or:#E8621A;--or2:#F2933A;--peel:#F4C14F;
  --cream:#FDFAF5;--warm:#F7F0E6;--sand:#EAD8BE;--sand2:#D4BA94;
  --br:#3A1F0A;--br2:#6B4226;--br3:#C4A882;
  --txt:#1A0F05;--mid:#5A3A1A;--lite:#907050;
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--txt);overflow-x:hidden}
::selection{background:var(--or);color:#fff}

/* CURSOR */
.cursor{width:10px;height:10px;border-radius:50%;background:var(--or);position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:multiply}
.cursor-ring{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--or);position:fixed;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);opacity:.55;transition:width .18s,height .18s,opacity .18s}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:500;padding:0 3rem;height:66px;display:flex;align-items:center;justify-content:space-between;transition:background .35s,box-shadow .35s}
nav.scrolled{background:rgba(253,250,245,.97);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--sand)}
.nav-logo{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:900;color:#fff;text-decoration:none;transition:color .25s;background:rgba(0,0,0,.32);border-left:3px solid var(--or);padding:.3rem .9rem .3rem .6rem;backdrop-filter:blur(4px)}
nav.scrolled .nav-logo{color:var(--or);background:transparent}
.nav-links{display:flex;gap:2.2rem;list-style:none;align-items:center}
.nav-links a{font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.75);text-decoration:none;transition:color .2s}
nav.scrolled .nav-links a{color:var(--lite)}
.nav-links a:hover{color:var(--or)}
.nav-cta{background:var(--or);color:#fff !important;padding:.48rem 1.3rem;border-radius:2px;transition:background .2s !important}
.nav-cta:hover{background:var(--br2) !important}

/* HERO */
.hero{height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;transform:scale(1.05);transition:transform 7s ease-out}
.hero-img.loaded{transform:scale(1)}
.hero-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,3,0,.82) 0%,rgba(8,3,0,.3) 50%,rgba(8,3,0,.08) 100%)}
.hero-grad2{position:absolute;inset:0;background:linear-gradient(to right,rgba(8,3,0,.22) 0%,transparent 55%)}
.hero-btns{position:relative;z-index:2;display:flex;gap:1.2rem;align-items:center;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeUp .8s .4s forwards}
.btn-or{display:inline-flex;align-items:center;gap:10px;background:var(--or);color:#fff;font-family:'Space Mono',monospace;font-size:.63rem;letter-spacing:2px;text-transform:uppercase;padding:.95rem 2rem;border-radius:2px;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s}
.btn-or:hover{background:var(--br2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(232,98,26,.4)}
.btn-wh{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--or);font-family:'Space Mono',monospace;font-size:.63rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;padding:.95rem 2rem;border-radius:2px;text-decoration:none;transition:background .2s,transform .15s}
.btn-wh:hover{background:var(--warm);transform:translateY(-2px)}

/* TICKER */
.ticker-wrap{background:var(--or);overflow:hidden}
.ticker-inner{display:flex;animation:ticker 24s linear infinite;width:max-content}
.ti{display:flex;align-items:center;gap:1.5rem;padding:1.4rem 2.5rem;border-right:1px solid rgba(255,255,255,.18);flex-shrink:0}
.ti-n{font-family:'Playfair Display',serif;font-size:2rem;font-weight:900;color:#fff;line-height:1}
.ti-l{font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.65);max-width:80px;line-height:1.4}

/* UTILS */
.sec{padding:7rem 3rem}
.lbl{font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:3px;text-transform:uppercase;color:var(--or);margin-bottom:.7rem;display:flex;align-items:center;gap:8px}
.lbl::before{content:'';width:20px;height:1.5px;background:var(--or);flex-shrink:0}
.hdg{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3.6rem);font-weight:900;color:var(--br);line-height:1.05;margin-bottom:2.5rem}
.hdg em{color:var(--or);font-style:italic}
.btxt{font-size:.98rem;color:var(--mid);line-height:1.9;margin-bottom:1.3rem}
.btxt strong{color:var(--br);font-weight:600}
.pq{padding:1.4rem 0 1.4rem 1.8rem;border-left:3px solid var(--or);margin:2rem 0;background:linear-gradient(90deg,rgba(232,98,26,.05) 0%,transparent 100%)}
.pq p{font-family:'Playfair Display',serif;font-size:1.12rem;font-style:italic;color:var(--br);line-height:1.65;margin-bottom:.5rem}
.pq cite{font-family:'Space Mono',monospace;font-size:.57rem;letter-spacing:1px;text-transform:uppercase;color:var(--or);font-style:normal}
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.reveal.vis{opacity:1;transform:none}
.reveal-l{opacity:0;transform:translateX(-36px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.reveal-l.vis{opacity:1;transform:none}
.reveal-r{opacity:0;transform:translateX(36px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.reveal-r.vis{opacity:1;transform:none}

/* VERHAAL */
.verhaal-grid{display:grid;grid-template-columns:1fr 1fr}
.verhaal-txt{padding:7rem 4.5rem 7rem 3rem;background:var(--warm);display:flex;flex-direction:column;justify-content:center}
.verhaal-vis{position:relative;overflow:hidden;min-height:680px}
.verhaal-vis img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.verhaal-vis:hover img{transform:scale(1.03)}
.verhaal-badge{position:absolute;bottom:2rem;left:2rem;background:rgba(8,3,0,.82);backdrop-filter:blur(10px);border-left:3px solid var(--or);padding:1rem 1.3rem;max-width:260px}
.vb-l{font-family:'Space Mono',monospace;font-size:.52rem;letter-spacing:2px;text-transform:uppercase;color:var(--or);margin-bottom:.25rem}
.vb-t{font-size:.8rem;color:rgba(255,255,255,.78);line-height:1.5}
.leiden-badge{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--sand);border-left:3px solid var(--or);padding:.9rem 1.1rem;text-decoration:none;transition:box-shadow .2s;margin-top:1.5rem;max-width:480px}
.leiden-badge:hover{box-shadow:0 4px 16px rgba(232,98,26,.12)}
.lb-dot{width:28px;height:28px;border-radius:50%;background:var(--or);display:flex;align-items:center;justify-content:center;font-family:'Space Mono',monospace;font-size:.6rem;font-weight:700;color:#fff;flex-shrink:0}
.lb-top{font-family:'Space Mono',monospace;font-size:.52rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--or);margin-bottom:2px}
.lb-txt{font-size:.82rem;color:var(--mid);line-height:1.5}
.ext-link{display:inline-flex;align-items:center;gap:6px;font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:1.5px;color:var(--or);text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(232,98,26,.3);padding-bottom:1px;margin-top:1.2rem;transition:border-color .2s}
.ext-link:hover{border-color:var(--or)}

/* COUNTERS */
.counters{background:var(--br);display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.cnt{background:rgba(255,255,255,.03);padding:3.5rem 2rem;text-align:center;transition:background .3s}
.cnt:hover{background:rgba(255,255,255,.07)}
.cnt-n{font-family:'Playfair Display',serif;font-size:3.8rem;font-weight:900;color:var(--or);line-height:1;display:block;margin-bottom:.5rem}
.cnt-l{font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.38);line-height:1.5}

/* GALLERY */
.gal-wrap{background:var(--cream)}
.gal-head{padding:5rem 3rem 2.5rem}
.mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:300px 300px;gap:4px}
.m1{grid-column:1/5;grid-row:1/3}.m2{grid-column:5/9;grid-row:1/2}.m3{grid-column:9/13;grid-row:1/2}
.m4{grid-column:5/8;grid-row:2/3}.m5{grid-column:8/10;grid-row:2/3}.m6{grid-column:10/13;grid-row:2/3}
.mslot{overflow:hidden;position:relative;background:var(--sand)}
.mslot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.mslot:hover img{transform:scale(1.07)}
.m-cap{position:absolute;bottom:0;left:0;right:0;padding:2rem .9rem .6rem;background:linear-gradient(transparent,rgba(8,3,0,.68));font-family:'Space Mono',monospace;font-size:.48rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.85);opacity:0;transform:translateY(3px);transition:opacity .25s,transform .25s}
.mslot:hover .m-cap{opacity:1;transform:none}
.mosaic2{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:240px;gap:4px;margin-top:4px}

/* MUZIEK */
.music-sec{background:var(--br);padding:6rem 3rem}
.music-sec .lbl{color:rgba(244,193,79,.65)}
.music-sec .lbl::before{background:rgba(244,193,79,.5)}
.music-sec .hdg{color:#fff}
.music-sub{font-size:.95rem;color:rgba(255,255,255,.42);margin-bottom:3rem;max-width:500px}
.player{max-width:680px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:6px;overflow:hidden}
.p-top{display:flex;align-items:center;gap:14px;padding:1.2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.07)}
.p-ico{width:36px;height:36px;border-radius:50%;background:var(--or);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.p-title{font-family:'Playfair Display',serif;font-size:.98rem;font-weight:700;color:#fff}
.p-sub{font-family:'Space Mono',monospace;font-size:.52rem;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.28);margin-top:2px}
.track-list{padding:.25rem 0}
.track{display:flex;align-items:center;gap:1rem;padding:.8rem 1.5rem;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.03)}
.track:last-child{border-bottom:none}
.track:hover{background:rgba(255,255,255,.05)}
.track.active{background:rgba(232,98,26,.12)}
.t-num{font-family:'Space Mono',monospace;font-size:.58rem;color:rgba(255,255,255,.22);width:16px;text-align:center;flex-shrink:0}
.track.active .t-num{color:var(--or)}
.t-btn{width:24px;height:24px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none;cursor:pointer;transition:all .15s}
.track:hover .t-btn,.track.active .t-btn{border-color:var(--or)}
.track.active .t-btn{background:var(--or)}
.t-btn svg{width:8px;height:8px;fill:rgba(255,255,255,.35);margin-left:1px}
.track:hover .t-btn svg,.track.active .t-btn svg{fill:#fff}
.t-name{font-size:.87rem;color:rgba(255,255,255,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.track.active .t-name{color:#fff;font-weight:600}
.t-tag{font-family:'Space Mono',monospace;font-size:.52rem;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.25)}
.p-bar{padding:.9rem 1.5rem;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:.8rem}
.pb-btn{background:none;border:none;cursor:pointer;color:rgba(255,255,255,.3);padding:.2rem;transition:color .15s;line-height:1;font-size:.9rem}
.pb-btn:hover{color:#fff}
.pb-main{width:32px;height:32px;border-radius:50%;background:var(--or);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,transform .15s}
.pb-main:hover{background:var(--or2);transform:scale(1.08)}
.pb-main svg{width:11px;height:11px;fill:#fff;margin-left:2px}
.pb-prog{flex:1;height:2px;background:rgba(255,255,255,.1);border-radius:1px;cursor:pointer}
.pb-fill{height:100%;background:var(--or);border-radius:1px;width:0%;transition:width .1s}
.pb-time{font-family:'Space Mono',monospace;font-size:.52rem;color:rgba(255,255,255,.25);flex-shrink:0}
.box-link{display:inline-flex;align-items:center;gap:8px;margin-top:1.8rem;font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.32);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:2px;transition:color .2s,border-color .2s}
.box-link:hover{color:var(--peel);border-color:var(--peel)}

/* MEDIA */
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.mc{background:#fff;border-radius:3px;border:1px solid var(--sand);overflow:hidden;transition:box-shadow .3s,transform .3s;display:flex;flex-direction:column}
.mc:hover{box-shadow:0 14px 44px rgba(232,98,26,.11);transform:translateY(-4px)}
.mc-img{aspect-ratio:3/2;overflow:hidden;background:var(--sand)}
.mc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.mc:hover .mc-img img{transform:scale(1.06)}
.mc-body{padding:1.4rem;flex:1;display:flex;flex-direction:column}
.mc-tag{font-family:'Space Mono',monospace;font-size:.53rem;letter-spacing:2px;text-transform:uppercase;color:var(--or);margin-bottom:.5rem}
.mc-h{font-family:'Playfair Display',serif;font-size:.98rem;font-weight:700;color:var(--br);line-height:1.4;margin-bottom:.5rem}
.mc-p{font-size:.81rem;color:var(--lite);line-height:1.65;flex:1}
.mc-link{display:inline-flex;align-items:center;gap:5px;margin-top:.9rem;font-family:'Space Mono',monospace;font-size:.53rem;letter-spacing:1px;text-transform:uppercase;color:var(--or);text-decoration:none;position:relative;width:fit-content}
.mc-link::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:var(--or);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.mc:hover .mc-link::after{transform:scaleX(1)}

/* BURG */
.burg-sec{display:grid;grid-template-columns:1fr 1fr;min-height:680px}
.burg-vis{display:grid;grid-template-rows:1fr 1fr;gap:3px;overflow:hidden}
.burg-img{overflow:hidden}
.burg-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s}
.burg-img:hover img{transform:scale(1.04)}
.burg-txt{padding:5rem 4rem;background:var(--warm);display:flex;flex-direction:column;justify-content:center}

/* TESTIMONIALS */
.testi-scroll{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.tc{background:#fff;border-top:3px solid var(--or);border-radius:0 0 3px 3px;padding:2rem;position:relative;border:1px solid var(--sand);border-top-width:3px;transition:box-shadow .3s,transform .3s}
.tc:hover{box-shadow:0 10px 36px rgba(232,98,26,.1);transform:translateY(-3px)}
.tc::before{content:'C';font-family:'Playfair Display',serif;font-size:4rem;color:rgba(232,98,26,.09);position:absolute;top:.2rem;left:1rem;line-height:1}
.tc-body{font-family:'Playfair Display',serif;font-size:.93rem;font-style:italic;color:var(--br);line-height:1.8;margin-bottom:1.5rem;position:relative;z-index:1}
.tc-foot{display:flex;align-items:center;gap:10px}
.tc-av{width:34px;height:34px;border-radius:50%;background:var(--or);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0}
.tc-name{font-weight:600;font-size:.84rem;color:var(--br)}
.tc-role{font-family:'Space Mono',monospace;font-size:.54rem;letter-spacing:1px;text-transform:uppercase;color:var(--or);margin-top:1px}

/* LOCATIES */
.loc-sec{background:var(--br);padding:6rem 3rem}
.loc-sec .lbl{color:rgba(244,193,79,.65)}
.loc-sec .lbl::before{background:rgba(244,193,79,.5)}
.loc-sec .hdg{color:#fff}
.loc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:1px;background:rgba(255,255,255,.05)}
.lc{background:rgba(255,255,255,.03);padding:1.5rem;transition:background .2s,transform .2s}
.lc:hover{background:rgba(232,98,26,.1);transform:translateY(-2px)}
.lc-type{font-family:'Space Mono',monospace;font-size:.5rem;letter-spacing:2px;text-transform:uppercase;color:var(--or);margin-bottom:.3rem}
.lc-name{font-family:'Playfair Display',serif;font-size:.93rem;font-weight:700;color:#fff;line-height:1.3}
.lc-place{font-size:.75rem;color:rgba(255,255,255,.32);margin-top:.15rem}

/* PARTNERS */
.pp-sec{background:var(--warm);padding:6rem 3rem}
.pp-flow{display:flex;flex-wrap:wrap;gap:.6rem}
.pp{display:inline-flex;align-items:center;gap:8px;padding:.65rem 1.1rem;border:1px solid var(--sand);border-radius:100px;background:#fff;transition:all .2s}
.pp:hover{background:var(--or);border-color:var(--or);transform:translateY(-2px);box-shadow:0 5px 18px rgba(232,98,26,.22)}
.pp:hover .pp-dot{background:rgba(255,255,255,.6)}
.pp:hover .pp-name{color:#fff}
.pp-dot{width:5px;height:5px;border-radius:50%;background:var(--or);flex-shrink:0;transition:background .2s}
.pp-name{font-size:.83rem;color:var(--mid);transition:color .2s}

/* BOOKING */
.bk-sec{background:var(--br);padding:7rem 3rem;position:relative;overflow:hidden}
.bk-sec::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(244,193,79,.06) 0%,transparent 65%);pointer-events:none}
.bk-inner{display:grid;grid-template-columns:1fr 1.7fr;gap:6rem;align-items:start;max-width:1120px}
.bk-sec .lbl{color:rgba(244,193,79,.65)}
.bk-sec .lbl::before{background:rgba(244,193,79,.5)}
.bk-sec .hdg{color:#fff;margin-bottom:1.2rem}
.bi-p{font-size:.97rem;color:rgba(255,255,255,.55);line-height:1.88;margin-bottom:1rem}
.bi-p strong{color:rgba(255,255,255,.85);font-weight:600}
.bi-contacts{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.85rem}
.bi-row{display:flex;align-items:center;gap:12px;font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:1px;color:rgba(255,255,255,.38)}
.bi-row a{color:var(--or);text-decoration:none;border-bottom:1px solid rgba(232,98,26,.3);transition:border-color .2s}
.bi-row a:hover{border-color:var(--or)}
.bi-ico{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'Space Mono',monospace;font-size:.65rem;color:rgba(255,255,255,.4)}

/* FORM */
.bk-form{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.f-head{background:var(--or);padding:1.6rem 2rem;display:flex;align-items:center;gap:14px}
.f-head-ico{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.f-head-ico svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round}
.f-head-title{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:#fff}
.f-head-sub{font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.65);margin-top:2px}
.f-tabs{display:flex;background:var(--br)}
.f-tab{flex:1;padding:.75rem;text-align:center;font-family:'Space Mono',monospace;font-size:.52rem;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.28);position:relative;transition:color .25s;cursor:default}
.f-tab.active{color:var(--peel)}
.f-tab.done{color:rgba(255,255,255,.45)}
.f-tab.active::after{content:'';position:absolute;bottom:0;left:8%;right:8%;height:2px;background:var(--or);border-radius:1px 1px 0 0}
.f-body{padding:2rem}
.f-step{display:none}
.f-step.active{display:block}
.fg{margin-bottom:1.4rem}
.fl{font-family:'Space Mono',monospace;font-size:.57rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--br2);margin-bottom:.45rem;display:block}
.fl .req{color:var(--or);margin-left:2px}
.fh{font-size:.73rem;color:var(--lite);margin-top:.25rem;display:block}
.fi,.fs,.ft{width:100%;padding:.72rem 1rem;border:1.5px solid var(--sand);border-radius:3px;font-family:'DM Sans',sans-serif;font-size:.9rem;color:var(--txt);background:var(--cream);transition:border-color .2s,box-shadow .2s;outline:none;appearance:none}
.fi:focus,.fs:focus,.ft:focus{border-color:var(--or);box-shadow:0 0 0 3px rgba(232,98,26,.1);background:#fff}
.fi::placeholder,.ft::placeholder{color:var(--br3)}
.fs{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath fill='%23907050' d='M5 7L0 0h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.3rem;cursor:pointer}
.ft{resize:vertical;min-height:82px;line-height:1.65}
.ferr{font-family:'Space Mono',monospace;font-size:.55rem;letter-spacing:1px;color:#C0392B;margin-top:.3rem;display:none}
.fg.err .fi,.fg.err .fs,.fg.err .ft{border-color:#C0392B}
.fg.err .ferr{display:block}
.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.8rem}
.tc-card{border:1.5px solid var(--sand);border-radius:4px;padding:.85rem 1rem;cursor:pointer;transition:all .2s;position:relative;background:var(--cream)}
.tc-card:hover{border-color:var(--or);background:#fff}
.tc-card.sel{border-color:var(--or);background:rgba(232,98,26,.04);box-shadow:0 0 0 3px rgba(232,98,26,.1)}
.tc-card input{position:absolute;opacity:0;pointer-events:none}
.tc-lbl{font-size:.88rem;font-weight:600;color:var(--br);display:block;margin-bottom:1px}
.tc-sub{font-family:'Space Mono',monospace;font-size:.52rem;letter-spacing:1px;text-transform:uppercase;color:var(--lite)}
.tc-card.sel .tc-lbl{color:var(--or)}
.tc-check{position:absolute;top:.65rem;right:.65rem;width:16px;height:16px;border-radius:50%;border:2px solid var(--sand);transition:all .2s;display:flex;align-items:center;justify-content:center}
.tc-card.sel .tc-check{background:var(--or);border-color:var(--or)}
.tc-check::after{content:'';width:5px;height:5px;border-radius:50%;background:#fff;opacity:0;transition:opacity .15s}
.tc-card.sel .tc-check::after{opacity:1}
.slider-wrap{padding-bottom:1.2rem}
.sv{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:900;color:var(--or);display:block;margin-bottom:.45rem}
.rsl{-webkit-appearance:none;width:100%;height:4px;background:var(--sand);border-radius:2px;outline:none;cursor:pointer}
.rsl::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--or);cursor:pointer;box-shadow:0 2px 8px rgba(232,98,26,.3);transition:transform .15s}
.rsl::-webkit-slider-thumb:hover{transform:scale(1.2)}
.sl-labels{display:flex;justify-content:space-between;font-family:'Space Mono',monospace;font-size:.54rem;color:var(--lite);margin-top:.4rem}
.pill-row{display:flex;flex-wrap:wrap;gap:.45rem}
.dp{padding:.52rem 1rem;border:1.5px solid var(--sand);border-radius:100px;font-family:'Space Mono',monospace;font-size:.57rem;letter-spacing:1px;text-transform:uppercase;color:var(--mid);cursor:pointer;transition:all .2s;background:var(--cream);user-select:none}
.dp:hover{border-color:var(--or);color:var(--or);background:#fff}
.dp.sel{background:var(--or);border-color:var(--or);color:#fff;box-shadow:0 3px 12px rgba(232,98,26,.3)}
.tog-row{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:1rem;width:fit-content}
.tog-track{width:38px;height:20px;border-radius:10px;background:var(--sand2);position:relative;transition:background .2s;flex-shrink:0}
.tog-track.on{background:var(--or)}
.tog-thumb{width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:left .2s;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.tog-track.on .tog-thumb{left:21px}
.tog-lbl{font-family:'Space Mono',monospace;font-size:.57rem;letter-spacing:1px;text-transform:uppercase;color:var(--mid)}
.opt-fields{display:none}
.opt-fields.on{display:block}
.f-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.8rem;padding-top:1.5rem;border-top:1px solid var(--sand)}
.f-back{font-family:'Space Mono',monospace;font-size:.58rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--lite);background:none;border:none;cursor:pointer;padding:.5rem 0;transition:color .2s}
.f-back:hover{color:var(--br)}
.sdots{display:flex;align-items:center;gap:5px}
.sdot{width:7px;height:7px;border-radius:50%;background:var(--sand);transition:all .25s}
.sdot.active{background:var(--or);transform:scale(1.2)}
.sdot.done{background:var(--br3)}
.f-next{display:inline-flex;align-items:center;gap:8px;background:var(--or);color:#fff;font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:2px;text-transform:uppercase;padding:.82rem 1.7rem;border-radius:2px;border:none;cursor:pointer;transition:background .2s,transform .15s}
.f-next:hover{background:var(--br2);transform:translateY(-1px)}
.f-submit{display:inline-flex;align-items:center;gap:8px;background:var(--br);color:#fff;font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:2px;text-transform:uppercase;padding:.82rem 1.8rem;border-radius:2px;border:none;cursor:pointer;transition:background .2s,transform .15s}
.f-submit:hover{background:var(--br2);transform:translateY(-1px)}
.sum-box{background:var(--warm);border:1px solid var(--sand);border-radius:4px;padding:1rem 1.2rem;margin-bottom:1.2rem;font-size:.82rem;color:var(--mid);line-height:1.75;display:none}
.sum-box.on{display:block}
.sum-lbl{font-family:'Space Mono',monospace;font-size:.52rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--or);margin-bottom:.5rem}
.f-success{display:none;text-align:center;padding:3rem 2rem}
.f-success.on{display:block}
.s-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--or),var(--peel));display:flex;align-items:center;justify-content:center;margin:0 auto 1.4rem;animation:sPop .5s cubic-bezier(.34,1.56,.64,1) forwards}
.s-circle svg{width:26px;height:26px}
.s-title{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:900;color:var(--br);margin-bottom:.7rem}
.s-txt{font-size:.93rem;color:var(--mid);line-height:1.78}
.s-ref{display:inline-block;margin-top:1.3rem;font-family:'Space Mono',monospace;font-size:.6rem;letter-spacing:1px;color:var(--or);background:rgba(232,98,26,.07);border:1px solid rgba(232,98,26,.18);border-radius:3px;padding:.5rem 1.1rem}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@keyframes sPop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}

/* FOOTER */
footer{background:#0D0600;padding:2rem 3rem;display:flex;align-items:center;justify-content:space-between}
.f-logo{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:900;color:var(--or)}
.f-right{text-align:right}
.f-txt{font-family:'Space Mono',monospace;font-size:.57rem;letter-spacing:1px;color:rgba(255,255,255,.25)}
.f-txt a{color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s}
.f-txt a:hover{color:var(--or)}

/* ANIMATIONS */
@keyframes fadeUp{to{opacity:1;transform:none}}
@keyframes fadeIn{to{opacity:.8}}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* RESPONSIVE */
@media(max-width:1100px){
  .mosaic{grid-template-rows:220px 220px}
  .counters{grid-template-columns:repeat(2,1fr)}
  .testi-scroll{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  nav{padding:0 1.2rem;height:62px}
  .nav-links{gap:0}
  .nav-links li:not(:last-child){display:none}
  .sec{padding:4rem 1.5rem}
  .verhaal-grid{grid-template-columns:1fr}
  .verhaal-vis{min-height:55vw}
  .verhaal-txt{padding:4rem 1.5rem}
  .counters{grid-template-columns:repeat(2,1fr)}
  .mosaic{grid-template-columns:1fr 1fr;grid-template-rows:200px 200px 200px}
  .m1{grid-column:1/2;grid-row:1/2}.m2{grid-column:2/3;grid-row:1/2}
  .m3{grid-column:1/2;grid-row:2/3}.m4{grid-column:2/3;grid-row:2/3}
  .m5{grid-column:1/2;grid-row:3/4}.m6{grid-column:2/3;grid-row:3/4}
  .mosaic2{grid-template-columns:1fr 1fr}
  .media-grid{grid-template-columns:1fr 1fr}
  .burg-sec{grid-template-columns:1fr}
  .burg-vis{min-height:55vw;grid-template-rows:1fr 1fr}
  .burg-txt{padding:4rem 1.5rem}
  .testi-scroll{grid-template-columns:1fr}
  .bk-inner{grid-template-columns:1fr}
  .loc-sec,.music-sec,.pp-sec,.bk-sec{padding:4rem 1.5rem}
  .gal-head{padding:4rem 1.5rem 2rem}
  .f-row{grid-template-columns:1fr}
  footer{flex-direction:column;gap:1rem;text-align:center;padding:2rem 1.5rem}
  .f-right{text-align:center}
}
@media(max-width:580px){
  .counters{grid-template-columns:1fr}
  .media-grid{grid-template-columns:1fr}
  .type-grid{grid-template-columns:1fr}
}

/* --- additions ------------------------------------------------------- */

/* Netlify Forms honeypot: hidden from people, reachable by bots. */
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.f-error{display:none;margin:0 0 1rem;padding:.8rem 1rem;border-radius:3px;font-size:.82rem;line-height:1.6;color:#8A1B1B;background:rgba(176,32,32,.07);border:1px solid rgba(176,32,32,.22)}
.f-error.on{display:block}
.f-error a{color:#8A1B1B}
.f-submit:disabled{opacity:.6;cursor:wait}

/* The custom cursor only makes sense with a real pointer; on touch it parked a
   dot in the top-left corner. */
@media (hover:none),(pointer:coarse){.cursor,.cursor-ring{display:none}}

/* Respect users who ask for reduced motion. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  .reveal,.reveal-l,.reveal-r{opacity:1 !important;transform:none !important}
}

/* Keyboard focus was invisible throughout the form. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.tc-card:focus-visible,.dp:focus-visible,.tog-row:focus-visible{outline:2px solid var(--or);outline-offset:2px}

/* Reveal stagger — replaces the former inline transition-delay attributes. */
.d05{transition-delay:.05s}
.d10{transition-delay:.1s}
.d12{transition-delay:.12s}
.d15{transition-delay:.15s}
.d20{transition-delay:.2s}
.d25{transition-delay:.25s}
.d30{transition-delay:.3s}

.mt4{margin-top:4px}
.c-peel{color:var(--peel)}
.bg-white{background:#fff}
.bg-cream{background:var(--cream)}
.music-embed-col{max-width:700px}
.embed-frame{border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.embed-iframe{display:block;border:none;background:#1a1a1a}
.anders-wrap{display:none;margin-top:.5rem}

/* Available to screen readers, invisible on screen. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* Skip link for keyboard users. */
.skip-link{position:absolute;left:-9999px;top:0;z-index:900;background:var(--or);color:#fff;padding:.7rem 1.2rem;font-size:.85rem;text-decoration:none}
.skip-link:focus{left:0}