@import url('./menu-palette.css?v=cinematic7');
/* Layout only. Original menu.css/home-navigation.css/standalone.css supply every visual style. */
#stage .header{grid-template-columns:minmax(170px,1fr) minmax(444px,612px) minmax(155px,1fr)}
#home-navigation .menu-dock{grid-template-columns:repeat(6,minmax(0,1fr))}
#home-navigation .menu-dock a[role=tab]{text-decoration:none}
#home-navigation .menu-placement{margin-bottom:14px}
#home-navigation .menu-dock-viewport{overflow:visible}
#stage #home-navigation{translate:0 -6px}
#home-navigation .menu-dock{border-radius:12px}
/* Frame only the glass below its notched edge; the lifted circle stays open. */
#home-navigation .menu-dock::before{content:"";position:absolute;inset:32.075472% 0 0;border:1px solid #c7ddefa8;border-top:0;border-radius:12px;box-sizing:border-box;pointer-events:none;z-index:3}
#home-navigation .menu-dock-rail{clip-path:inset(32.075472% 0 0 round 12px)}
#home-navigation .menu-dock #menu-tab-car>span{max-width:100%;text-align:center}
@media(min-width:901px) and (max-width:1200px){#stage .header{grid-template-columns:minmax(160px,1fr) minmax(420px,564px) minmax(132px,1fr)}}
@media(max-width:900px){
 #stage .header{grid-template-columns:minmax(0,1fr) auto}
 #home-navigation{width:min(100%,612px)}
 #home-navigation .menu-dock-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x}
 #home-navigation .menu-dock-viewport::-webkit-scrollbar{display:none}
 #home-navigation .menu-dock{min-width:540px;touch-action:pan-x}
}
/* Same original rail and lifted circle, transposed to a vertical axis. */
html[data-menu-placement=side] #stage .header{grid-template-columns:minmax(170px,1fr) auto}
html[data-menu-placement=side] #home-navigation{position:fixed;left:4.5%;top:110px;width:106px;grid-column:auto;grid-row:auto}
html[data-menu-placement=side] #home-navigation .menu-dock-viewport{overflow:visible}
html[data-menu-placement=side] #home-navigation .menu-dock{width:106px;min-width:0;height:576px;grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(0,1fr));touch-action:pan-x}
html[data-menu-placement=side] #home-navigation .menu-dock-rail{width:576px;height:106px;transform-origin:0 0;transform:matrix(0,1,1,0,0,0)}
html[data-menu-placement=side] #home-navigation .menu-dock::before{inset:0 0 0 32.075472%;border-top:1px solid #c7ddefa8;border-left:0;border-radius:12px}
html[data-menu-placement=side] #home-navigation .menu-dock-bead{top:0;left:4px}
html[data-menu-placement=side] #home-navigation .menu-dock-glow{top:0;left:45px;width:110px;height:180px}
html[data-menu-placement=side] #home-navigation .menu-dock [role=tab]{padding-left:25px}
html[data-menu-placement=side] #home-navigation .menu-dock [role=tab]>span{max-width:102px}
html[data-menu-placement=side] #home-navigation .home-panel{top:0;left:calc(100% + 12px);right:auto;width:min(510px,calc(95vw - 136px));max-height:calc(100dvh - 154px)}
@media(max-width:900px){
 html[data-menu-placement=side] #home-navigation{left:4%;top:86px}
 html[data-menu-placement=side] #home-navigation .menu-dock{height:504px}
 html[data-menu-placement=side] #home-navigation .menu-dock-rail{width:504px}
 html[data-menu-placement=side] #home-navigation .home-panel{padding-inline:18px;max-height:calc(100dvh - 116px)}
}
@media(max-width:600px){
 html[data-menu-placement=side] #home-navigation .menu-dock{height:456px}
 html[data-menu-placement=side] #home-navigation .menu-dock-rail{width:456px}
}
/* Edge placement reserves a gutter for the same rail; top arrangement is unaffected. */
html[data-menu-placement=side] #home-navigation{left:max(4px,env(safe-area-inset-left))}
html[data-menu-placement=side] #stage :is(.editorial,.editorial-third,.service-editorial){left:max(126px,calc(env(safe-area-inset-left) + 122px))}
@media(max-width:760px){
 html[data-menu-placement=side] #stage :is(.editorial,.editorial-third,.service-editorial){right:5%;width:auto;max-width:none}
}
#home-navigation[data-owner-menu=true] .menu-dock{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(min-width:901px){html[data-menu-placement=top] #stage .header:has(#home-navigation[data-owner-menu=true]){grid-template-columns:minmax(170px,1fr) minmax(518px,714px) minmax(155px,1fr)}}
@media(max-width:900px){#home-navigation[data-owner-menu=true] .menu-dock{min-width:630px}}
html[data-menu-placement=side] #home-navigation[data-owner-menu=true] .menu-dock{min-width:0;height:672px;grid-template-columns:1fr;grid-template-rows:repeat(7,minmax(0,1fr))}
html[data-menu-placement=side] #home-navigation[data-owner-menu=true] .menu-dock-rail{width:672px}
@media(max-width:900px){html[data-menu-placement=side] #home-navigation[data-owner-menu=true] .menu-dock{height:588px}html[data-menu-placement=side] #home-navigation[data-owner-menu=true] .menu-dock-rail{width:588px}}
@media(max-width:600px){html[data-menu-placement=side] #home-navigation[data-owner-menu=true] .menu-dock{height:532px}html[data-menu-placement=side] #home-navigation[data-owner-menu=true] .menu-dock-rail{width:532px}}

@media(max-height:700px){
 html[data-menu-placement=side] #home-navigation .menu-dock-viewport{max-height:calc(100dvh - 110px - env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;scrollbar-width:none;touch-action:pan-y}
 html[data-menu-placement=side] #home-navigation .menu-dock-viewport::-webkit-scrollbar{display:none}
}

/* First-screen copy follows the approved logo lettering and its left edge. */
html:not([data-menu-placement=side]) #stage .editorial-first{left:4.5%;top:max(calc(var(--navigation-height) + 12px),calc(26svh - 90px))}
#stage .editorial-first{font-style:italic}
#stage .editorial-first :is(h1,h1 em,.eyebrow,.intro,.text-action,.atelier-index){font-family:Arial,Helvetica,sans-serif;font-style:italic}
#stage .editorial-first .eyebrow{font-size:16px;line-height:1.4;letter-spacing:.015em;font-weight:500;text-transform:none}
#stage .editorial-first .eyebrow>span{flex-shrink:0}
@media(max-width:900px){html:not([data-menu-placement=side]) #stage .editorial-first{left:5%}}
@media(max-width:760px) and (min-height:551px){html:not([data-menu-placement=side]) #stage .editorial-first{left:4%;top:calc(var(--navigation-height) + 9px);max-height:calc(var(--copy-limit) - var(--navigation-height) - 17px)}}
@media(max-width:760px) and (max-height:550px){html:not([data-menu-placement=side]) #stage .editorial-first{left:4%;top:calc(var(--navigation-height) + 12px)}}

@media(max-width:900px){#stage .editorial-first .eyebrow{font-size:13px;line-height:1.4}}

/* Keep every top-menu destination visible on small screens; the side rail stays unchanged. */
@media(max-width:900px){
 html:not([data-menu-placement=side]) #stage #home-navigation .menu-dock-viewport{overflow:visible;touch-action:pan-y}
 html:not([data-menu-placement=side]) #stage #home-navigation .menu-dock{min-width:0;width:100%;height:64px;touch-action:pan-y}
 html:not([data-menu-placement=side]) #stage #home-navigation .menu-dock [role=tab]{gap:5px;padding:0 0 6px;touch-action:pan-y}
 html:not([data-menu-placement=side]) #stage #home-navigation .menu-dock [role=tab]>svg{width:17px;height:17px}
 html:not([data-menu-placement=side]) #stage #home-navigation .menu-dock [role=tab]>span[data-mobile-label]{font-size:0;line-height:1;white-space:nowrap}
 html:not([data-menu-placement=side]) #stage #home-navigation .menu-dock [role=tab]>span[data-mobile-label]::after{content:attr(data-mobile-label);font-size:clamp(8px,2.25vw,11px);line-height:1.3;letter-spacing:0}
 html:not([data-menu-placement=side]) #stage #home-navigation .menu-dock-bead{width:28px;height:28px;margin-left:10px;top:3px}
 html:not([data-menu-placement=side]) #stage #home-navigation .menu-dock-bead svg{width:17px;height:17px}
}