/* Navigation unfolds from the menu button, at every screen size. */
.cinema-toolbar{z-index:120}
body .layout>.sidebar.cinema-menu-dropdown{position:fixed!important;top:var(--menu-top,86px);right:var(--menu-right,max(4vw,22px));left:auto;width:min(620px,calc(100vw - 32px));max-width:none;height:auto!important;max-height:calc(100dvh - var(--menu-top,86px) - 18px);padding:24px;background:linear-gradient(135deg,#3e3328f5,#261f18f7 75%)!important;backdrop-filter:blur(26px);border:1px solid #ecdbc840;border-radius:24px;box-shadow:0 28px 80px #0c0a0880,0 0 0 1px #ffffff04 inset;z-index:121;overflow:hidden;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-14px) scale(.965);transform-origin:top right;transition:opacity .2s ease,transform .28s cubic-bezier(.22,.75,.25,1),visibility 0s linear .28s}
body.nexus-nav-open .layout>.sidebar.cinema-menu-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .2s ease,transform .32s cubic-bezier(.16,1,.3,1),visibility 0s}
.cinema-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:0 4px 20px;border-bottom:1px solid #ecdbc822;flex:none}
.cinema-nav-heading h2{font-size:32px;letter-spacing:-.03em;margin:8px 0 0;color:#f9f4ee;line-height:1}
.cinema-nav-heading .cinema-kicker{font-size:9px;color:#e3caae;letter-spacing:.18em}
.cinema-nav-heading .cinema-nav-close{position:static;flex:none;background:#ffffff07;transition:background .2s,transform .2s}
.cinema-nav-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.cinema-nav-heading .cinema-nav-close:hover{background:#ecdbc822;transform:rotate(90deg)}
body .cinema-menu-dropdown>.nav{flex:1 1 auto;overflow:auto;max-height:none;padding:0 4px 4px;scrollbar-color:#c28c52 transparent;scrollbar-gutter:stable;overscroll-behavior:contain}
body .cinema-menu-dropdown .nav-category,body .cinema-menu-dropdown .nav-category[open]{margin:0 0 15px;padding:0;background:transparent;border:0;display:block}
body .cinema-menu-dropdown .nav-category>summary{padding:12px 3px;color:#e7d2bb;font-size:10px;letter-spacing:.14em;border-radius:6px;transition:color .2s}
body .cinema-menu-dropdown .nav-category>summary:hover{color:#faf6f1}
body .cinema-menu-dropdown .nav-category>summary:after{transition:transform .25s}
.cinema-nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:3px}
body .cinema-menu-dropdown .nav-subtitle{grid-column:1/-1;padding:9px 5px 2px;color:#d0a77a;font-size:9px;letter-spacing:.13em}
body .cinema-menu-dropdown .nav button[data-view]{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;min-height:52px;margin:0;padding:10px 14px;border:1px solid #ecdbc812;border-radius:12px!important;background:#ffffff03;color:#ead8c5!important;font-family:'Graz Cinema',system-ui;font-size:15px;line-height:1.25;box-shadow:none;transition:background .18s,border-color .18s,transform .18s,color .18s}
body .cinema-menu-dropdown .nav button[data-view] .icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ecdbc80b;color:#ead8c4}
body .cinema-menu-dropdown .nav button[data-view] .icon svg{width:17px;height:17px}
body .cinema-menu-dropdown .nav button[data-view]:hover{background:#ecdbc812;border-color:#ecdbc844;color:#fbf8f4!important;transform:translateY(-2px)}
body .cinema-menu-dropdown .nav button[data-view].active{color:#272019!important;background:linear-gradient(120deg,#f3e8dd,#ecdbc8)!important;border-color:#f8f2eb!important;box-shadow:0 5px 20px #ecdbc812}
body .cinema-menu-dropdown .nav button[data-view].active .icon{background:#332a2119;color:#3c3227}
body .cinema-menu-dropdown .nav button[data-view]:focus-visible,body .cinema-menu-dropdown .nav-category>summary:focus-visible{outline:2px solid #f4ebe1;outline-offset:2px}
body .cinema-menu-dropdown>.sidebar-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:16px;margin-top:14px;border-top:1px solid #ecdbc822;flex:none}
body .cinema-menu-dropdown .profile-mini{display:flex;align-items:center;border:0;padding:0;gap:10px;min-width:0}
body .cinema-menu-dropdown .profile-mini strong{font-family:'Graz Cinema',system-ui;font-size:14px;overflow-wrap:anywhere}
body .cinema-menu-dropdown .profile-mini small{font-size:10px;color:#d5b189;margin-top:4px}
body .cinema-menu-dropdown .profile-mini .avatar{width:32px;height:32px;flex:none}
body .cinema-menu-dropdown .logout{border:1px solid #ecdbc822;border-radius:100px;padding:9px 13px;color:#ebd9c6;font-family:'Graz Cinema',system-ui;font-size:12px;white-space:nowrap}
body .cinema-menu-dropdown .logout:hover{background:#ecdbc812;color:#f8f1ea}
.cinema-nav-scrim,body.nexus-nav-open .cinema-nav-scrim{display:block;z-index:115;background:#0c0a0866;backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility 0s linear .28s}
body.nexus-nav-open .cinema-nav-scrim{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .24s ease,visibility 0s}
.cinema-menu-icon{width:18px;height:14px;position:relative;display:block}
.cinema-menu-icon span{display:block;position:absolute;left:0;width:18px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .25s,top .25s}
.cinema-menu-icon span:first-child{top:3px}.cinema-menu-icon span:last-child{top:10px}
.nexus-mobile-menu{transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.nexus-mobile-menu[aria-expanded=true]{background:#ecdbc8;color:#272019;border-color:#f5ede4;box-shadow:0 6px 25px #ecdbc825}
.nexus-mobile-menu[aria-expanded=true] .cinema-menu-icon span:first-child{top:6px;transform:rotate(45deg)}
.nexus-mobile-menu[aria-expanded=true] .cinema-menu-icon span:last-child{top:6px;transform:rotate(-45deg)}
@supports(interpolate-size:allow-keywords){.cinema-menu-dropdown .nav-category{interpolate-size:allow-keywords}.cinema-menu-dropdown .nav-category::details-content{height:0;opacity:0;overflow:clip;transition:height .24s ease,opacity .2s ease,content-visibility .24s allow-discrete}.cinema-menu-dropdown .nav-category[open]::details-content{height:auto;opacity:1}}
@media(max-width:600px){body .layout>.sidebar.cinema-menu-dropdown{width:calc(100vw - 32px);padding:20px 16px;border-radius:20px}.cinema-nav-heading{gap:12px;margin-bottom:10px;padding-bottom:17px}.cinema-nav-heading h2{font-size:29px}body .cinema-menu-dropdown .nav button[data-view]{grid-template-columns:24px minmax(0,1fr);gap:9px;min-height:52px;padding:10px;font-size:14px}body .cinema-menu-dropdown .nav button[data-view] .icon{width:24px;height:24px;border-radius:7px}.cinema-nav-links{gap:7px}body .cinema-menu-dropdown>.sidebar-bottom{gap:10px}body .cinema-menu-dropdown .profile-mini small{font-size:9px}}
@media(max-width:380px){.cinema-nav-links{grid-template-columns:1fr}body .cinema-menu-dropdown .nav button[data-view]{min-height:46px}body .cinema-menu-dropdown .profile-mini strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){body .layout>.sidebar.cinema-menu-dropdown,.cinema-nav-scrim,.cinema-menu-icon span,.nexus-mobile-menu,.cinema-nav-close,.cinema-menu-dropdown .nav button,.cinema-menu-dropdown .nav-category:after,.cinema-menu-dropdown .nav-category::details-content{transition:none!important}body .cinema-menu-dropdown .nav button[data-view]:hover{transform:none}}