/* Full-screen, two-level navigation inspired by the supplied Paradiso menu.
   Existing destinations and WIHH's own typefaces remain the navigation. */
body .programme-menu nav {
  display:flex;
  flex-direction:column;
  gap:clamp(56px,10vh,120px);
  padding:128px 4% 48px;
  background:#fff;
  color:#111;
}
body .programme-menu[open] nav {animation:menu-drop-in .28s cubic-bezier(.2,.7,.3,1) both}
body .programme-menu[open] summary {
  left:4%;right:auto;top:30px;
  padding:8px 0;
  color:#111;mix-blend-mode:normal;transform:none;
  text-transform:none;
}
body .programme-menu[open] .menu-bars {display:block;width:23px;height:20px;stroke-width:1.7}
body .menu-main {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:6%;row-gap:12px;
  align-items:start;
}
body .menu-main a {
  display:block;
  width:fit-content;max-width:100%;
  border:0;padding:0;
  font-size:clamp(50px,5.6vw,100px);
  line-height:1.08;
  text-decoration:none;
  text-underline-offset:.13em;
  text-decoration-thickness:2px;
}
body .menu-main a:nth-child(-n+4) {grid-column:1;font-family:var(--font-heading)!important;letter-spacing:.005em!important}
body .menu-main a:nth-child(1) {grid-row:1}
body .menu-main a:nth-child(2) {grid-row:2}
body .menu-main a:nth-child(3) {grid-row:3}
body .menu-main a:nth-child(4) {grid-row:4}
body .menu-main a:nth-child(n+5) {grid-column:2;font-size:clamp(26px,2.8vw,42px);line-height:1.25;padding-top:6px}
body .menu-main a:nth-child(5) {grid-row:1}
body .menu-main a:nth-child(6) {grid-row:2}
body .menu-main a:nth-child(7) {grid-row:3}
body .menu-main a:hover,body .menu-main a[aria-current=page] {text-decoration:underline}
body .programme-menu .menu-note {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:24px 6%;justify-content:start;padding:0;margin-top:auto;
}
body .menu-note a {width:fit-content;min-height:44px;display:inline-flex;align-items:center;gap:12px;font-size:24px}
body .menu-note a[href*="instagram"] {grid-column:1;grid-row:1}
body .menu-note a[href="/privacy.html"] {grid-column:2;grid-row:1;font-size:18px}
body .menu-note a:hover {text-decoration:underline;text-underline-offset:5px}
@keyframes menu-drop-in {from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px) {
  body .programme-menu nav {padding:96px 24px 28px;gap:38px}
  body .programme-menu[open] summary {top:22px;left:24px}
  body .menu-main {grid-template-columns:minmax(0,1fr);row-gap:10px}
  body .menu-main a {font-size:clamp(42px,11.6vw,68px);line-height:1.08;padding:0}
  body .menu-main a:nth-child(n+5) {grid-column:1;grid-row:auto;font-size:25px;padding:0}
  body .menu-main a:nth-child(5) {margin-top:24px}
  body .programme-menu .menu-note {gap:20px;grid-template-columns:1fr auto;margin-top:auto}
  body .menu-note a {font-size:21px}
}
@media(prefers-reduced-motion:reduce) {body .programme-menu[open] nav {animation:none}}
