/* ALTE — shell: curtain transition, mobile menu, map body state */

/* CURTAIN (map <-> site, deep-link) */
#curtain{position:fixed;inset:0;z-index:200;pointer-events:none;display:block}
#curtain:not(.active){display:none}
#curtain .curtain-cols{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr)}
#curtain .curtain-cols span{background:var(--ink-deep);transform:scaleY(0);will-change:transform}
#curtain .curtain-cols span:nth-child(2){background:#11203c}
#curtain .curtain-cols span:nth-child(3){background:var(--ink-deep)}
#curtain .curtain-cols span:nth-child(4){background:#11203c}
#curtain .curtain-label{position:absolute;inset:0;display:grid;place-items:center;color:var(--cream);font-family:var(--sora);font-weight:600;font-size:clamp(30px,6vw,76px);letter-spacing:-.04em;opacity:0;transition:opacity .3s var(--ease)}
#curtain .curtain-label::after{content:"";display:inline-block;width:.32em;height:.32em;background:var(--coral);border-radius:3px;margin-left:.18em;transform:translateY(-.05em) rotate(45deg)}

/* MOBILE MENU */
.mobile-menu{display:none;flex-direction:column;gap:4px;padding:12px var(--gut) 22px;background:var(--cream);border-bottom:1px solid var(--line)}
.mobile-menu.open{display:flex;animation:pop-in .35s var(--ease) both}
.mobile-menu a{padding:13px 8px;font-size:16px;font-weight:500;border-radius:9px}
.mobile-menu a:hover{background:var(--cream-2)}
@media(min-width:961px){.mobile-menu{display:none!important}}

body.is-map .map-fab{display:none}