.msm-strandtent-header-shell{position:absolute;z-index:30;top:20px;left:50%;width:min(860px,calc(100% - 40px));transform:translateX(-50%);color:var(--m-ink);font:700 10px var(--m-font-body)}.msm-strandtent-header-shell *{box-sizing:border-box}.msm-strandtent-header-shell header{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px 0 20px;border:1px solid #fff9;border-radius:18px;background:color-mix(in srgb,var(--m-bg) 88%,transparent);backdrop-filter:blur(16px);box-shadow:0 16px 50px color-mix(in srgb,var(--m-ink) 13%,transparent)}.msm-strandtent-header-shell .st-logo{display:grid;font:800 17px var(--m-font-display);line-height:.9}.msm-strandtent-header-shell .st-logo small{font:600 7px var(--m-font-body);letter-spacing:.18em}.msm-strandtent-header-shell a,.msm-strandtent-header-shell button{color:inherit;text-decoration:none}.msm-strandtent-header-shell nav{display:flex;gap:22px}.msm-strandtent-header-shell .st-book{justify-self:end;padding:13px 15px;border-radius:12px;background:var(--m-primary);color:#fff}.msm-strandtent-header-shell .st-toggle,.msm-strandtent-header-shell .st-mobile{display:none}.msm-strandtent-header-shell :focus-visible{outline:3px solid currentColor;outline-offset:4px}@media(max-width:760px){.msm-strandtent-header-shell{position:absolute;top:12px;width:calc(100% - 24px)}.msm-strandtent-header-shell header{grid-template-columns:1fr auto;height:60px}.msm-strandtent-header-shell header nav,.msm-strandtent-header-shell .st-book{display:none}.msm-strandtent-header-shell .st-toggle{display:block;position:relative;z-index:52;width:42px;height:42px;border:0;background:none}.msm-strandtent-header-shell .st-toggle span{position:absolute;left:7px;width:28px;height:1px;background:currentColor;transition:.25s}.msm-strandtent-header-shell .st-toggle span:first-child{top:15px}.msm-strandtent-header-shell .st-toggle span:last-child{top:25px}.msm-strandtent-header-shell .st-toggle[aria-expanded=true] span{top:20px}.msm-strandtent-header-shell .st-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}.msm-strandtent-header-shell .st-toggle[aria-expanded=true] span:last-child{transform:rotate(-45deg)}.msm-strandtent-header-shell .st-mobile{position:fixed;z-index:51;top:-12px;left:-12px;width:82vw;height:100vh;padding:105px 26px 26px;background:var(--m-bg);box-shadow:20px 0 80px color-mix(in srgb,var(--m-ink) 27%,transparent)}.msm-strandtent-header-shell .st-mobile:not([hidden]){display:flex;flex-direction:column;animation:st-sheet .35s both}.msm-strandtent-header-shell .st-mobile nav{display:grid}/* 8.6vw: het langste woord (Zonsondergang) past binnen de lade van 82vw */.msm-strandtent-header-shell .st-mobile nav a{font:800 8.6vw/1 var(--m-font-display);padding:12px 0}.msm-strandtent-header-shell .st-mobile small{margin-top:auto}}@keyframes st-sheet{from{transform:translateX(-105%)}to{transform:none}}@media(prefers-reduced-motion:reduce){.msm-strandtent-header-shell .st-mobile:not([hidden]){animation:none}}
.msm-strandtent-header-shell .st-weather{height:22px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid #fff9;border-bottom:0;border-radius:12px 12px 0 0;background:color-mix(in srgb,var(--m-bg) 92%,transparent);font-size:7px;letter-spacing:.13em}.msm-strandtent-header-shell .st-weather+header{border-radius:0 0 18px 18px}@media(max-width:760px){.msm-strandtent-header-shell .st-weather{height:19px;padding:0 10px}.msm-strandtent-header-shell .st-weather span:last-child{display:none}.msm-strandtent-header-shell .st-weather+header{height:56px}}