@layer components{.hero.hero-status:where(:not(.cockpit *),.v6,.v6 *){align-items:center;min-height:calc(100vh - 76px);padding-top:100px;padding-bottom:64px;display:flex}.hero-status>.wrap:where(:not(.cockpit *),.v6,.v6 *){width:100%}.hero-status .wrap:where(:not(.cockpit *),.v6,.v6 *){text-align:center;max-width:720px}.hero-status .idx:where(:not(.cockpit *),.v6,.v6 *){margin-bottom:24px;font-size:14px}.hero-status h1:where(:not(.cockpit *),.v6,.v6 *){max-width:none;margin:0 auto;font-size:clamp(34px,4.4vw,56px)}.hero-status .lead:where(:not(.cockpit *),.v6,.v6 *){max-width:520px;margin:16px auto 0}.hero-status .btns:where(:not(.cockpit *),.v6,.v6 *){justify-content:center}.hero-status .links:where(:not(.cockpit *),.v6,.v6 *){flex-wrap:wrap;justify-content:center;gap:6px 22px;margin-top:28px;font-size:16px;font-weight:600;display:flex}.hero-status .links a:where(:not(.cockpit *),.v6,.v6 *){color:var(--cobalt);border-radius:8px;padding:6px 4px;text-decoration:none}.hero-status .links a:hover:where(:not(.cockpit *),.v6,.v6 *){text-underline-offset:4px;text-decoration:underline}.status-card:where(:not(.cockpit *),.v6,.v6 *){text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);gap:14px;max-width:560px;margin:36px auto 0;padding:24px 28px;display:grid}.status-card .row:where(:not(.cockpit *),.v6,.v6 *){grid-template-columns:120px 1fr;align-items:baseline;gap:12px;font-size:15px;display:grid}.status-card .row small:where(:not(.cockpit *),.v6,.v6 *){font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.status-card .row+.row:where(:not(.cockpit *),.v6,.v6 *){border-top:1px solid var(--line);padding-top:14px}.hero.hero-status.los:where(:not(.cockpit *),.v6,.v6 *){min-height:100vh;margin-top:0;padding-top:clamp(48px,8vw,96px)}.toegang .hero.hero-status.los:where(:not(.cockpit *),.v6,.v6 *){background:0 0;min-height:0;padding:24px 0 48px}@media (max-width:699px){.hero.hero-status:where(:not(.cockpit *),.v6,.v6 *){min-height:0}.hero.hero-status.los:where(:not(.cockpit *),.v6,.v6 *){min-height:0;padding-top:48px}.hero-status .links:where(:not(.cockpit *),.v6,.v6 *){flex-direction:column;align-items:center}.status-card .row:where(:not(.cockpit *),.v6,.v6 *){grid-template-columns:1fr;gap:4px}}}