/* Kader, paneelverdeling en contactregels: component 17. AF-foto en Calendly hieronder. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-2);outline-offset:5px}.container{width:min(calc(100% - 64px),1088px);margin-inline:auto}.skip-link{position:absolute;top:12px;left:12px;z-index:20;background:#edf3ff;color:#101827;padding:12px 18px;border-radius:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:30px}.brand{display:flex;align-items:center;gap:7px;font-size:22px;font-weight:700;letter-spacing:-.8px}.brand svg{width:32px;height:32px}.brand-light{font-weight:400}.brand b{color:#5580ff}.header-link{display:flex;gap:18px;font-size:13px;color:var(--ink-soft)}.header-link:hover{color:var(--ink)}.header-link span{font-size:18px;line-height:16px}
.film{position:relative;overflow:hidden;border-radius:var(--r-xl);border:1px solid rgba(225,237,255,.13);background:#04050a;aspect-ratio:16/9;box-shadow:0 24px 90px -55px rgba(102,198,255,.3)}.film video{display:block;width:100%;height:100%;object-fit:contain}.film__caption{position:absolute;left:36px;bottom:32px;pointer-events:none}.film__caption h2{font-size:clamp(22px,3vw,32px);font-weight:550;letter-spacing:-.04em;line-height:1.15}.film__caption p{font-size:13px;color:var(--ink-soft);margin-top:9px}.film__control{position:absolute;right:32px;bottom:32px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.035);color:var(--ink);width:46px;height:46px;border-radius:50%;display:grid;place-items:center}.film__control[hidden]{display:none}.film__control:hover{background:rgba(255,255,255,.1)}.film__control svg{width:19px;height:19px}.scroll-hint{display:flex;align-items:center;justify-content:center;gap:15px;width:max-content;max-width:100%;margin:26px auto 0;color:var(--ink-soft);font-size:12px}.scroll-hint svg{width:17px;height:17px}.scroll-hint:hover{color:var(--ink)}
.booking-suite{padding-block:62px 72px;scroll-margin-top:0}.suite__booking{min-width:0;padding:32px}.suite__booking-head{gap:12px}.suite__booking-title{font-size:23px}.suite__meta{font-size:9px;letter-spacing:.1em}.af-booking-visual{min-height:730px}.af-booking-visual>img{object-position:50% 30%}.af-booking-visual::after{background:linear-gradient(0deg,#07101ef5 0%,#07101e50 50%,#07101e10 80%)}.af-booking-caption{position:absolute;z-index:1;left:36px;bottom:40px;right:30px;color:#f3f7ff}.af-booking-caption>span{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.af-booking-caption h2{font-size:36px;letter-spacing:-.045em;margin:24px 0 20px;line-height:1.1;font-weight:580;text-wrap:balance}.af-booking-caption p{color:#d1dceb;font-size:14px;line-height:1.7;max-width:32ch}.meeting-details{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:26px;color:#d1dceb;font-size:11px}.meeting-details span+span::before{content:'·';margin-right:14px}.calendar-shell{position:relative;min-height:580px}.calendar-embed{height:660px;min-width:320px;position:relative;z-index:1}.calendar-embed iframe{border:0;display:block;width:100%;height:100%;color-scheme:normal}.calendar-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:30px;color:var(--ink-soft);font-size:13px;line-height:1.6}.calendar-status[hidden]{display:none}.calendar-status__mark{height:30px;width:30px;border-radius:50%;border:1px solid #b6c6df35;border-top-color:#b6c6df;animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(1turn)}}.calendar-shell.is-failed{min-height:220px}.calendar-shell.is-failed .calendar-embed{height:220px}.calendar-shell.is-failed .calendar-status__mark{display:none}.calendar-alternative{text-align:center;font-size:11px;color:#b5c1d1;margin:12px 0 0}.calendar-alternative a{display:inline-flex;align-items:center;gap:10px;padding:8px}.calendar-alternative a:hover{color:white}.suite__routes{margin-top:20px}.suite__route{font-size:13px;align-items:center}.suite__route-label{color:#a6b1c0}.contact-link{display:inline-flex;align-items:center;gap:9px;min-height:34px}.contact-link svg{width:17px;height:17px;flex-shrink:0}.no-script{font-size:14px;line-height:1.7}.no-script a{text-decoration:underline}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:0 28px;font-size:11px;color:var(--ink-soft)}.page-footer a:hover{color:var(--ink)}
@media(max-width:899px){.container{width:min(calc(100% - 40px),680px)}.film{border-radius:28px}.af-booking-visual{min-height:420px}.af-booking-visual>img{object-position:50% 32%}.af-booking-caption{bottom:30px;left:30px;right:30px}.af-booking-caption h2{max-width:360px;margin:15px 0;font-size:32px}.af-booking-caption p{max-width:38ch}.meeting-details{margin-top:15px}.suite__booking{padding:30px}.calendar-shell{min-height:570px}.calendar-embed{height:640px}.booking-suite{padding-block:40px 50px}}
@media(max-width:560px){.container{width:calc(100% - 32px)}.page-header{padding-block:24px}.brand{font-size:18px;letter-spacing:-.6px}.brand svg{width:27px;height:27px}.header-link{font-size:11px;gap:8px}.header-link span{font-size:15px}.film{aspect-ratio:4/3;border-radius:24px}.film video{position:absolute;inset:0;object-fit:cover}.film__caption{left:22px;bottom:22px}.film__caption h2{font-size:22px}.film__caption p{font-size:11px;margin-top:5px}.film__control{width:40px;height:40px;bottom:22px;right:20px}.scroll-hint{margin-top:20px;font-size:11px}.booking-suite{padding-top:32px}.af-booking-visual{min-height:390px}.af-booking-caption{left:24px;right:24px;bottom:26px}.af-booking-caption h2{font-size:31px;max-width:300px}.af-booking-caption p{font-size:13px;max-width:31ch}.af-booking-caption>span{font-size:9px}.meeting-details{font-size:10px;gap:5px 10px}.meeting-details span+span::before{margin-right:10px}.suite__booking{padding:26px 16px}.suite__booking-title{font-size:21px}.suite__meta{font-size:8px;letter-spacing:.04em}.suite__booking-head{margin-inline:6px}.calendar-shell{margin-inline:-16px}.calendar-embed{min-width:0;width:100%}.suite__routes{margin-inline:6px;gap:12px}.suite__route{flex-direction:row;align-items:center;gap:8px}.suite__route-label{font-size:12px}.contact-link{font-size:12px}.page-footer{font-size:10px}.calendar-alternative{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.calendar-status__mark{animation:none}}

.calendar-shell.is-failed .calendar-status{z-index:2;background:#0b1018;pointer-events:none}

/* De hero staat nu boven de bestaande video. */
.page-header{position:absolute;z-index:10;left:50%;transform:translateX(-50%)}
.intro-film{padding-top:48px;scroll-margin-top:0}
.page-footer{padding-top:40px;border-top:1px solid var(--line)}
@media(max-width:560px){.intro-film{padding-top:24px}}