:root{
  --bg:#090b12;--bg2:#111522;--panel:rgba(255,255,255,.06);--panel-strong:rgba(255,255,255,.09);
  --text:#f4f7fb;--muted:#a8b0c5;--line:rgba(255,255,255,.12);--line-strong:rgba(255,255,255,.22);
  --accent:#67e8f9;--accent2:#8b5cf6;--shadow:0 20px 60px rgba(0,0,0,.35);--radius:24px;--container:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:
radial-gradient(circle at 15% 20%, rgba(103,232,249,.10), transparent 30%),
radial-gradient(circle at 85% 10%, rgba(139,92,246,.12), transparent 26%),
linear-gradient(180deg, #090b12 0%, #0f1320 100%);color:var(--text);line-height:1.6}
body.modal-open{overflow:hidden}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.06;background-image:linear-gradient(transparent 0, rgba(255,255,255,.02) 100%),radial-gradient(rgba(255,255,255,.4) .5px, transparent .5px);background-size:100% 100%, 8px 8px}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(255,255,255,.07);padding:.15rem .4rem;border-radius:8px}
.container{width:min(calc(100% - 32px), var(--container));margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:rgba(9,11,18,.55);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:20px;position:relative}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.02em}
.brand-logo{height:96px;width:auto;display:block;margin:-24px 0}
.brand-mark{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 20px rgba(103,232,249,.6)}
.brand-text{font-family:Syne,Inter,sans-serif;font-size:1.05rem}
.nav-actions{display:flex;align-items:center;gap:18px}.site-nav{display:flex;gap:24px}.site-nav a{color:var(--muted);font-size:.96rem;transition:.2s ease}.site-nav a:hover{color:var(--text)}
.language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04)}
.lang-option{min-width:54px;height:30px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer;transition:background .18s ease,color .18s ease}
.lang-option.is-active{background:rgba(103,232,249,.16);color:#dffcff}.lang-option:focus-visible{outline:2px solid rgba(103,232,249,.55);outline-offset:2px}
.lang-option[data-lang="en"]::before{content:'';display:inline-block;width:18px;height:12px;margin-right:4px;vertical-align:middle;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Crect width='60' height='30' fill='%23012169'/%3E%3Cpath d='M0,0 l60,30 M60,0 l-60,30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0,0 l60,30 M60,0 l-60,30' stroke='%23C8102E' stroke-width='4'/%3E%3Cpath d='M30,0 v30 M0,15 h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30,0 v30 M0,15 h60' stroke='%23C8102E' stroke-width='6'/%3E%3C/svg%3E")}
.lang-option[data-lang="nl"]::before{content:'';display:inline-block;width:18px;height:12px;margin-right:4px;vertical-align:middle;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%2321468B'/%3E%3Crect width='3' height='1.34' fill='%23fff'/%3E%3Crect width='3' height='.67' fill='%23AE1C28'/%3E%3C/svg%3E")}
.menu-toggle{display:none;background:none;border:0;padding:0;width:42px;cursor:pointer}.menu-toggle span{display:block;height:2px;margin:7px 0;background:#fff;border-radius:5px}
.hero{padding:84px 0 48px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:700;margin:0 0 12px}
.hero h1,.section-head h2,.booking-grid h2{font-family:Syne,Inter,sans-serif;line-height:1.06;letter-spacing:-.03em;margin:0}
.hero h1{font-size:clamp(1.8rem, 3vw, 3.2rem);max-width:800px;line-height:1.15}
.hero-sub{font-size:1.1rem;color:#dce7f4;max-width:600px;margin:16px 0 0}
.lead{max-width:760px;color:var(--muted);font-size:1.04rem;margin:18px 0 0}
.hero-actions{display:flex;gap:14px;margin:28px 0 22px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;font-weight:700;transition:transform .18s ease, background .18s ease, border-color .18s ease, opacity .18s ease;border:none;cursor:pointer}
.btn:hover{transform:translateY(-1px)} .btn-primary{background:linear-gradient(135deg,var(--accent),#6ee7b7);color:#071018}
.btn-secondary{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text)}
.btn-ghost{border:1px solid rgba(103,232,249,.28);background:rgba(103,232,249,.06);color:#dffcff}.btn-full{width:100%}
.hero-tags{display:flex;gap:10px;flex-wrap:wrap}.hero-tags span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.04);font-size:.88rem}
.hero-visual{display:grid;gap:18px}.hero-card{border:1px solid var(--line);border-radius:32px;padding:28px;background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));box-shadow:var(--shadow)}
.hero-card-main{min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;background:
radial-gradient(circle at top right, rgba(103,232,249,.16), transparent 28%),
radial-gradient(circle at left bottom, rgba(139,92,246,.18), transparent 32%),
linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04))}
.hero-card-main h2{font-family:Syne,Inter,sans-serif;font-size:2rem;margin:0 0 8px}.hero-card-main p{color:var(--muted);margin:0}
.mini-label{display:inline-flex;width:max-content;margin-bottom:auto;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:.8rem;color:#d7e8ee}
.hero-feature-card{display:grid;grid-template-columns:160px 1fr;gap:22px;align-items:end;min-height:300px;overflow:hidden;position:relative}
.hero-feature-card:before{content:"";position:absolute;inset:auto -10% -35% 18%;height:230px;background:radial-gradient(circle, rgba(103,232,249,.18), transparent 65%);pointer-events:none}
.hero-feature-copy{position:relative;z-index:1}.hero-feature-copy .mini-label{margin-bottom:18px}
.hero-release-art{position:relative;z-index:1;width:160px;aspect-ratio:1/1;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.18);box-shadow:0 22px 46px rgba(0,0,0,.38)}
.hero-feature-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}.text-link{display:inline-flex;color:#dffcff;font-weight:800;font-size:.92rem}.text-link-buy{color:#9ff7c8}.text-link:hover{text-decoration:underline}
.hero-card-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat{border:1px solid var(--line);border-radius:22px;padding:20px;background:rgba(255,255,255,.03)}
.stat strong{display:block;font-size:2rem;line-height:1}.stat span{color:var(--muted);font-size:.92rem}
.stat-link{text-decoration:none;color:inherit;transition:border-color .2s,background .2s}
.stat-link:hover{border-color:rgba(103,232,249,.4);background:rgba(103,232,249,.06)}
.section{padding:42px 0}.section-alt{background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0))}
.section-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:start}.section-head h2,.booking-grid h2{font-size:clamp(1.9rem, 3.6vw, 3.5rem)}
.narrow{max-width:760px}.no-wrap{white-space:nowrap}.section-intro{margin:14px 0 0;color:var(--muted)}.section-note{margin:8px 0 0;color:var(--muted);font-size:.85rem}
.card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow)}
.prose{padding:28px}.prose p{margin:0 0 16px}.prose p:last-child{margin-bottom:0;color:var(--muted)}
.releases-wrap{position:relative}.release-slider-shell{position:relative;margin-top:24px}.release-viewport{overflow:hidden;width:100%}
.release-track{display:flex;gap:16px;transition:transform .35s ease;will-change:transform}
.release-card{overflow:hidden;min-width:calc((100% - 32px) / 3);max-width:calc((100% - 32px) / 3);flex:0 0 calc((100% - 32px) / 3)}
.release-cover{aspect-ratio:1/1;background:linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.02));overflow:hidden}
.release-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.release-card:hover .release-cover img{transform:scale(1.035)}
.cover-a{background:radial-gradient(circle at 20% 20%, rgba(103,232,249,.35), transparent 26%),radial-gradient(circle at 80% 70%, rgba(139,92,246,.35), transparent 26%),linear-gradient(135deg, #10182b, #101018)}
.cover-b{background:radial-gradient(circle at 65% 20%, rgba(110,231,183,.30), transparent 24%),radial-gradient(circle at 30% 80%, rgba(103,232,249,.25), transparent 28%),linear-gradient(135deg, #0f1620, #171126)}
.cover-c{background:radial-gradient(circle at 20% 75%, rgba(244,114,182,.22), transparent 26%),radial-gradient(circle at 85% 30%, rgba(103,232,249,.28), transparent 28%),linear-gradient(135deg, #13131c, #0e1923)}
.cover-d{background:radial-gradient(circle at 15% 25%, rgba(250,204,21,.20), transparent 26%),radial-gradient(circle at 70% 72%, rgba(139,92,246,.30), transparent 28%),linear-gradient(135deg, #17171f, #121b2a)}
.cover-e{background:radial-gradient(circle at 20% 75%, rgba(52,211,153,.20), transparent 26%),radial-gradient(circle at 82% 25%, rgba(59,130,246,.28), transparent 26%),linear-gradient(135deg, #141823, #0f1119)}
.release-body{padding:16px 16px 18px}.release-type{margin:0 0 6px;color:var(--accent);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}
.release-body h3{font-size:1.08rem;margin:0 0 8px}.release-body p:not(.release-type){margin:0 0 14px;color:var(--muted);font-size:.9rem;line-height:1.45}
.release-label{margin:10px 0 0;font-size:.75rem;color:var(--muted);opacity:.65;letter-spacing:.04em}
a.release-label:hover{opacity:.95}
.platform-links{display:flex;gap:8px;flex-wrap:wrap}.platform-links a{padding:7px 10px;border-radius:999px;border:1px solid rgba(103,232,249,.28);background:rgba(103,232,249,.06);color:#dffcff;font-size:.78rem;font-weight:700}.platform-links a:hover{background:rgba(103,232,249,.12)}
.release-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid var(--line-strong);background:rgba(9,11,18,.78);color:#fff;font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;backdrop-filter:blur(8px);box-shadow:var(--shadow)}
.release-nav-left{left:-26px} #releaseNext{right:-26px}.release-nav:hover:not(.is-disabled){background:rgba(19,24,38,.95)} .release-nav.is-disabled,.release-nav:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:24px}
.gallery-item{min-height:170px;border:1px solid var(--line);border-radius:20px;overflow:hidden;position:relative;background:radial-gradient(circle at top left, rgba(103,232,249,.18), transparent 28%),radial-gradient(circle at bottom right, rgba(139,92,246,.16), transparent 30%),linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02))}
.gallery-item.tall{grid-row:span 2; min-height:354px}.gallery-item.wide{grid-column:span 2}
.gallery-item span{position:absolute;left:14px;bottom:14px;font-weight:700;letter-spacing:.02em;font-size:.9rem;z-index:1;text-shadow:0 1px 6px rgba(0,0,0,.7)}
.gallery-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:inherit}
.gallery-item-clickable{cursor:zoom-in}
.gallery-item-clickable img{transition:transform .3s ease}
.gallery-item-clickable:hover img{transform:scale(1.04)}
.lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}
.lightbox.is-open{opacity:1;pointer-events:all}
.lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88)}
.lightbox-img{position:relative;max-width:90vw;max-height:90vh;object-fit:contain;border-radius:12px;transform:scale(.92);transition:transform .3s ease;box-shadow:0 24px 80px rgba(0,0,0,.6)}
.lightbox.is-open .lightbox-img{transform:scale(1)}
.agenda-card{padding:0;background:none;border:none;box-shadow:none;margin-top:22px}
.agenda-list{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.08)}
.agenda-item{display:grid;grid-template-columns:120px 1fr auto;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;background:none}
.agenda-item.is-headline{background:linear-gradient(90deg, rgba(103,232,249,.08), rgba(139,92,246,.05));box-shadow:inset 0 0 0 1px rgba(103,232,249,.12)}
.agenda-item.is-past{opacity:.45}
.agenda-show-more,.agenda-past-toggle{width:100%;background:none;border:none;border-top:1px solid rgba(255,255,255,.06);padding:14px 18px;font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;text-align:left;transition:color .2s}
.agenda-show-more:hover,.agenda-past-toggle:hover{color:var(--text)}
.agenda-show-more{display:block}
.agenda-past-toggle{display:flex;align-items:center;gap:8px;margin-top:28px}
.agenda-past-chevron{transition:transform .25s ease;flex-shrink:0}
.agenda-past-toggle[aria-expanded="true"] .agenda-past-chevron{transform:rotate(180deg)}
.agenda-past-body{overflow:hidden}
.agenda-list-past{border-top:1px solid rgba(255,255,255,.05);margin-top:4px}
.agenda-date{font-weight:700;font-size:.95rem;color:#dbe6f3;white-space:nowrap}
.agenda-title{font-weight:600;font-size:1rem;margin:0}
.agenda-location{margin:2px 0 0;font-size:.85rem;color:var(--muted)}
.agenda-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.agenda-pill{padding:6px 10px;font-size:.75rem;border-radius:999px;border:1px solid var(--line);color:var(--muted);opacity:.7}
.agenda-pill-headline{border-color:rgba(103,232,249,.35);color:#dffcff;opacity:1;background:rgba(103,232,249,.08)}
.agenda-pill-resident{border-color:rgba(139,92,246,.45);color:#e9d5ff;opacity:1;background:rgba(139,92,246,.1)}
.agenda-loading,.agenda-empty,.agenda-error{padding:16px 0;text-align:left;color:var(--muted)}
.booking-grid{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:start}.booking-card{padding:28px}
.booking-card h3{margin:0 0 16px;font-size:1.35rem}.booking-list{margin:0 0 18px;padding-left:18px}.booking-list li{margin-bottom:8px;color:var(--muted)}.booking-note{color:var(--muted);margin:0 0 22px}
.site-footer{border-top:1px solid rgba(255,255,255,.08);margin-top:30px}
.footer-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--muted);font-size:.92rem}.footer-wrap-extended{padding:20px 0;align-items:flex-end}.footer-note{margin:0}
.socials-block{text-align:right}.socials-label{margin:0 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.social-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.social-link{width:32px;height:32px;border-radius:999px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:#eaf1f8;background:rgba(255,255,255,.03)}
.social-link:hover{background:rgba(255,255,255,.08)} .social-link svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.modal-backdrop{position:fixed;inset:0;background:rgba(4,6,12,.72);display:none;align-items:center;justify-content:center;padding:20px;z-index:50}.modal-backdrop.is-open{display:flex}
.modal-panel{width:min(100%, 720px);max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg, rgba(17,21,34,.98), rgba(11,14,24,.98));box-shadow:var(--shadow);padding:22px}
.modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.modal-head h3{margin:0;font-size:1.35rem}
.modal-close{width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;font-size:1.5rem;cursor:pointer}
.modal-note{margin:0 0 16px;color:var(--muted);font-size:.95rem}
.booking-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.booking-form label{display:grid;gap:7px}.booking-form label span{font-size:.85rem;color:#d8e4f0}
.booking-form input,.booking-form select,.booking-form textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);color:#fff;padding:12px 14px;font:inherit}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{outline:2px solid rgba(103,232,249,.45);border-color:rgba(103,232,249,.55)}.booking-form option{color:#000}
.form-col-full{grid-column:1 / -1}.modal-actions{display:flex;justify-content:flex-end;margin-top:16px}.form-status{margin:12px 0 0;color:var(--muted);font-size:.88rem}
.form-status.is-success{color:#8af5d4}.form-status.is-error{color:#fca5a5}
@media (max-width:1100px){.hero-grid,.section-grid,.booking-grid{grid-template-columns:1fr}.release-card{min-width:calc((100% - 16px) / 2);max-width:calc((100% - 16px) / 2);flex:0 0 calc((100% - 16px) / 2)}.gallery-grid{grid-template-columns:1fr 1fr}.release-nav-left{left:-18px}#releaseNext{right:-18px}}
@media (max-width:760px){.nav-actions{gap:10px}.language-switch{order:1}.menu-toggle{display:block;order:2}.site-nav{display:none;position:absolute;top:78px;left:16px;right:16px;padding:14px;border:1px solid var(--line);border-radius:20px;background:rgba(10,12,20,.96);flex-direction:column;gap:12px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.hero{padding-top:48px}.hero-feature-card{grid-template-columns:96px 1fr;gap:16px;min-height:220px;padding:22px}.hero-release-art{width:96px;border-radius:14px}.hero-feature-copy .mini-label{margin-bottom:12px}.hero-feature-card h2{font-size:1.5rem}.hero-card-side{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.gallery-item.tall,.gallery-item.wide{grid-column:auto;grid-row:auto;min-height:180px}.agenda-item{grid-template-columns:1fr;align-items:start;padding:12px 0}.agenda-pills{justify-content:flex-start}.release-card{min-width:100%;max-width:100%;flex:0 0 100%}.release-nav{width:46px;height:46px;font-size:1.7rem}.release-nav-left{left:-8px}#releaseNext{right:-8px}.footer-wrap,.footer-wrap-extended{min-height:auto;flex-direction:column;align-items:flex-start}.socials-block{text-align:left}.social-links{justify-content:flex-start}.booking-form .form-grid{grid-template-columns:1fr}}