#menu{background:#000!important;z-index:49}
#menu:not([hidden]){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(5px,1.1svh,14px);padding:110px 24px 50px;overflow-y:auto}
#menu a{font-family:Arial,Helvetica,sans-serif;font-size:clamp(11px,1.15vw,16px);font-weight:400;line-height:1.7;letter-spacing:.29em;text-transform:uppercase;color:#fff;min-height:44px;max-width:100%;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;padding:7px 0;overflow-wrap:break-word;transition:color .2s}
#menu a:hover{color:#bfbfbf}
#menu:not([hidden]) a{animation:menuItemIn .35s ease-out both;animation-delay:calc(var(--menu-order,0)*90ms + 60ms)}
@keyframes menuItemIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.menu-ak{display:none;position:fixed;top:22px;left:clamp(22px,4vw,60px);width:65px;height:52px;z-index:55;align-items:center;justify-content:center}
.menu-ak svg{display:block;width:100%;height:auto}
body.menu-open .menu-ak{display:flex}
body.menu-open header{position:fixed!important;top:0;left:0;width:100%;height:90px!important;background:#000!important;z-index:52;justify-content:flex-end;padding-inline:clamp(22px,4vw,60px)}
body.menu-open .header-actions{margin-left:auto}
body.menu-open .home-link,body.menu-open .header-book,body.menu-open .booking-signature{display:none!important}
body.menu-open .menu-button{position:relative;z-index:55;min-width:44px;min-height:44px}
@media(max-width:600px){#menu a{font-size:11px;letter-spacing:.28em}#menu:not([hidden]){gap:7px;padding-top:110px;padding-bottom:45px}.menu-ak{top:20px;width:58px;height:46px}body.menu-open header{height:84px!important}}
@media(max-height:550px){#menu:not([hidden]){justify-content:flex-start;padding-top:95px;gap:2px}#menu a{min-height:36px;padding:4px 0}}
@media(prefers-reduced-motion:reduce){#menu:not([hidden]) a{animation:none;opacity:1;transform:none}}

/* Unframed menu icon; sound belongs to the performance films only. */
.menu-button,.menu-button:hover,.menu-button:active{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.menu-button:focus-visible{outline:1px solid #fff;outline-offset:4px}
.section-film{position:relative}
.film-sound{position:static;min-height:44px;padding:6px 0;border:0;background:transparent;color:#fff;font:10px Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.film-sound:focus-visible{outline:1px solid #fff;outline-offset:3px}
body.menu-open .film-sound{visibility:hidden}

.film-sound:hover,.film-sound:active{background:transparent;box-shadow:none}

.section-film .film-sound{position:absolute;right:clamp(10px,2vw,24px);bottom:10px;width:44px;height:44px;padding:10px;display:grid;place-items:center;border:0;background:transparent;color:#fff;filter:drop-shadow(0 1px 3px #000);z-index:3}
.film-sound svg{width:17px;height:17px;display:block}.film-sound .sound-waves{display:none}.film-sound[aria-pressed=true] .sound-waves{display:block}.film-sound[aria-pressed=true] .sound-muted{display:none}

body.menu-open .menu-ak{flex-direction:column;width:85px;height:67px;gap:5px}
.menu-logo-name{font:8px/1 Arial,Helvetica,sans-serif;letter-spacing:.23em;color:#fff;white-space:nowrap}
.menu-ak svg{height:45px;width:85px}
#menu:not([hidden]){padding-bottom:112px}
#menu .menu-networks{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%)}
#menu .social-row{display:flex;align-items:center;justify-content:center;gap:24px}
#menu a.social-button{width:44px;height:44px;min-height:44px;padding:10px;margin:0;border:0;background:none;letter-spacing:0;animation:none;opacity:1;transform:none}
#menu a.social-button svg{display:block;width:24px;height:24px}
@media(max-height:550px){#menu .menu-networks{position:static;transform:none;margin-top:16px}#menu:not([hidden]){padding-bottom:24px}}

body.menu-open .menu-ak{align-items:center;justify-content:center;text-align:center}.menu-ak .menu-logo-name{display:block;width:100%;text-align:center;padding-left:.23em;box-sizing:border-box}.menu-ak svg{flex:none;margin-inline:auto;transform:translateX(2px)}
.menu-ak .menu-logo-name{transform:translateX(-4px)}

/* Use the approved monogram for the return to the landing page. */
.home-link{width:70px!important;height:48px!important;padding:0!important;border:0!important;background:transparent!important}.home-link svg{display:block;width:70px!important;height:42px!important;fill:none;stroke:none}

/* Gold Kastro Events mark, without a second name below it. */
body.menu-open .menu-ak{width:58px;height:72px;gap:0}
.menu-ak svg{width:48px;height:68px;transform:none;margin:0}
.home-link{width:48px!important;height:48px!important}
.home-link svg{width:34px!important;height:48px!important}

/* Keep the mark only slightly taller than the close icon. */
body.menu-open .menu-ak{top:23px;width:44px;height:44px}
body.menu-open .menu-ak svg{width:23px;height:32px;margin:0;transform:none}
.home-link{width:44px!important;height:44px!important}
.home-link svg{width:23px!important;height:32px!important}
@media(max-width:600px){body.menu-open .menu-ak{top:20px}}