/* OX-Sense: brand-led navigation, with a separate reading area. */
.menu-dialog{background:#061321;padding:0;overflow:auto}
.menu-dialog:before{position:fixed;background:linear-gradient(90deg,#06132199,#061321d9);opacity:1}
.menu-dialog .menu-top{position:relative;padding:22px 5vw;border-bottom:1px solid #ffffff18;background:transparent}
.menu-layout{min-height:calc(100dvh - 110px);max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;gap:9%;padding:clamp(40px,7vh,88px) 5vw;align-items:center}
.menu-intro .eyebrow{color:#ff8a35;font-size:11px;letter-spacing:.2em}
.menu-statement{white-space:pre-line;font-size:clamp(34px,3.5vw,58px);line-height:1.3;letter-spacing:-.035em;margin:32px 0 24px}
.menu-description{font-size:15px;line-height:1.8;color:#b3c4d5;max-width:32ch}
.menu-signature{font-size:10px;letter-spacing:.3em;color:#a7b8c8;margin-top:24px}
.menu-signal{width:180px;height:1px;background:#ffffff30;position:relative;margin-top:52px;overflow:visible}
.menu-signal i{position:absolute;top:-2px;width:36px;height:5px;background:#ff7916;border-radius:50%;box-shadow:0 0 18px #ff7916;animation:menu-signal 6s ease-in-out infinite alternate}
@keyframes menu-signal{from{transform:translateX(0);opacity:.5}to{transform:translateX(144px);opacity:1}}
.menu-columns{display:block;min-height:0;padding:0}
.menu-column,.menu-column.is-active{display:block;padding:0;text-align:left;border-bottom:1px solid #ffffff22;background:transparent;backdrop-filter:none}
.menu-column h2{position:static;margin:0}
.menu-category{display:flex;align-items:center;gap:18px;text-align:left;padding:23px 0;color:#a7b6c7;font-size:clamp(23px,2.3vw,34px)}
.menu-category:before{display:block;content:attr(data-index);width:auto;height:auto;margin:0;background:none;font-size:11px;color:#71869c}
.menu-column:nth-child(1) .menu-category:before{content:'01'}.menu-column:nth-child(2) .menu-category:before{content:'02'}.menu-column:nth-child(3) .menu-category:before{content:'03'}.menu-column:nth-child(4) .menu-category:before{content:'04'}
.menu-category span{display:block;margin-left:auto;font-size:24px;font-weight:300;transition:transform .25s}
.is-active .menu-category{color:#fff}.is-active .menu-category:before{color:#ff8a35}.is-active .menu-category span{transform:rotate(45deg);color:#ff8a35}
.menu-links{display:none;padding:0 0 25px 34px;gap:4px 24px;transform:none;transition:none}
.is-active .menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.menu-links a{font-size:16px;line-height:1.6;padding:9px 0;text-shadow:none;color:#c7d3de;transition:color .2s}
.menu-links a:hover{color:#ff8a35;text-decoration:none}.menu-links a:after{content:'↗';margin-left:10px;color:#667e94;font-size:13px}.menu-links a:hover:after{color:#ff8a35}
@media(max-width:760px){.menu-dialog .menu-top{position:sticky;top:0;padding:16px 20px;background:#061321f5}.menu-layout{min-height:0;display:block;padding:32px 24px 48px}.menu-intro{margin-bottom:28px}.menu-statement{font-size:30px;margin:16px 0}.menu-description{font-size:13px;max-width:none}.menu-signal,.menu-signature{display:none}.menu-category{font-size:24px;padding:21px 0}.menu-links{padding-left:30px}.menu-links a{font-size:15px}.menu-dialog:before{background:linear-gradient(#061321a6,#061321df)}}
@media(prefers-reduced-motion:reduce){.menu-signal i{animation:none}.menu-category span,.menu-links a{transition:none}}

/* Local sunset footage: warm landscape, stationary readable navigation. */
.menu-dialog{background:#181712}
.menu-dialog:after{content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;background:url('menu-grid-sunset-poster.jpg') 55% center/cover no-repeat}
.menu-dialog .menu-film{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center;z-index:-3;opacity:1;pointer-events:none}
.menu-dialog:before{background:linear-gradient(90deg,rgba(16,20,25,.48),rgba(16,20,25,.72)),linear-gradient(0deg,rgba(12,17,23,.28),transparent 65%);opacity:1}
@media(max-width:760px){
 .menu-dialog .menu-top{background:rgba(18,23,29,.94)}
 .menu-dialog:before{background:linear-gradient(180deg,rgba(16,20,25,.5),rgba(16,20,25,.78))}
 .menu-dialog .menu-film,.menu-dialog:after{object-position:56% center;background-position:56% center}
}
@media(prefers-reduced-motion:reduce){.menu-dialog .menu-film{display:none}}