/* A photographic directory: three destinations, with an image for each. */
.menu-ar{display:none}
html[lang=ar] .menu-en{display:none}
html[lang=ar] .menu-ar{display:inline}
.boutique-menu .boutique-top{position:sticky;top:0;z-index:3;background:var(--bg)}
.boutique-menu .boutique-layout{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(40px,7vw,110px);align-items:start;padding-block:clamp(32px,5vh,64px) 38px}
.boutique-menu .boutique-invitation{margin:0 0 14px;max-width:none}
.boutique-main-links .boutique-link{align-items:center;gap:18px;padding-block:23px;min-height:112px;font-size:clamp(38px,4.5vw,66px);letter-spacing:-1.5px;line-height:1}
.menu-link-copy{display:block;min-width:0;flex:1}
.menu-link-copy>span{overflow-wrap:anywhere}
.menu-link-copy small{display:block;margin-top:12px;font-family:var(--sans);font-size:10px;font-weight:400;letter-spacing:.2px;line-height:1.6;color:var(--muted)}
.boutique-main-links .boutique-arrow{font-size:24px;margin:0;color:var(--gold)}
.boutique-main-links .boutique-number{width:18px;letter-spacing:1px}
.boutique-main-links .boutique-link:hover,.boutique-main-links .boutique-link:focus-visible{color:var(--gold)}
.boutique-main-links .boutique-link:focus-visible,.menu-personal>:focus-visible,.boutique-extras>:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.menu-link-photo{display:none}
.menu-personal{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;padding-top:20px}
.menu-personal>a,.menu-personal>button{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:11px;text-align:start}
.menu-personal .icon{width:17px;height:17px}
.menu-personal .boutique-count{min-width:23px;line-height:23px;font-size:9px}
.boutique-menu .boutique-extras{margin-top:8px;gap:4px 22px}
.boutique-menu .menu-music{margin-top:20px}
.boutique-menu .appearance-choice{margin-top:18px;padding-top:18px}
.boutique-menu .menu-visual{position:sticky;top:30px;align-self:start;margin-top:12px}
.menu-visual-heading{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:2px;line-height:1.7;color:var(--gold);margin-bottom:20px}
.menu-visual-stack{position:relative;aspect-ratio:3/2;background:var(--wash);isolation:isolate}
.menu-visual-frame{position:absolute;inset:0;opacity:0;pointer-events:none}
.menu-visual-frame[data-visible=true]{opacity:1;z-index:1}
.menu-visual-frame>img{display:block;width:100%;height:100%;object-fit:contain}
.menu-visual-caption{position:absolute;inset-inline:0;top:100%;display:flex;align-items:baseline;gap:20px;padding-top:18px;line-height:1.6;font-family:var(--sans);font-size:10px;color:var(--muted);letter-spacing:0}
.menu-visual-caption i{font-size:9px;letter-spacing:1px;color:var(--gold);font-style:normal}
.boutique-menu .menu-visual figcaption{max-width:340px;margin-top:95px;font-size:clamp(30px,3.1vw,44px);letter-spacing:-.7px;line-height:1.2}
html[dir=rtl] .boutique-main-links .boutique-link{font-size:clamp(30px,3.7vw,49px);letter-spacing:0;line-height:1.4}
html[dir=rtl] .menu-link-copy small,html[dir=rtl] .menu-visual-heading{letter-spacing:0}
html[dir=rtl] .menu-visual-caption{direction:ltr;text-align:start}
@media(prefers-reduced-motion:no-preference){
  .menu-visual-frame{transition:opacity .55s ease}
  .menu-link-photo{transition:transform .45s cubic-bezier(.22,1,.36,1)}
  .boutique-main-links .boutique-link:hover .menu-link-photo{transform:translateY(-3px)}
}
@media(max-width:900px){
  .boutique-menu .boutique-layout{grid-template-columns:minmax(0,1fr);padding-block:24px 28px;gap:0}
  .boutique-menu .menu-visual{display:none}
  .boutique-main-links .boutique-link{min-height:112px;gap:13px;padding-block:18px;font-size:clamp(32px,7.5vw,56px);letter-spacing:-1px}
  .menu-link-photo{display:block;width:100px;height:auto;aspect-ratio:3/2;flex-shrink:0;object-fit:contain;background:var(--wash)}
  .boutique-main-links .boutique-arrow{font-size:20px}
  .menu-link-copy small{font-size:9px;margin-top:10px}
  .menu-personal{gap:5px 20px;padding-top:16px}
  html[dir=rtl] .boutique-main-links .boutique-link{font-size:clamp(26px,6.5vw,44px)}
}
@media(max-width:420px){
  .boutique-main-links .boutique-link{gap:10px;min-height:102px;font-size:clamp(27px,7.5vw,32px)}
  .boutique-main-links .boutique-number{width:13px;font-size:8px}
  .menu-link-photo{width:72px}
  .boutique-main-links .boutique-arrow{font-size:17px}
  .menu-link-copy small{font-size:8px;margin-top:9px}
  .menu-personal{gap:3px 18px}
  .menu-personal>a,.menu-personal>button{font-size:10px}
  html[dir=rtl] .boutique-main-links .boutique-link{font-size:25px}
}