/* Preview navigation - compact, labelled icon menu on touch-size screens.
   The canonical site-header.js retains the original full-width -> floating pill animation. */
@media (min-width:1025px) and (hover:hover){
 .experience .site-header .site-nav{gap:2px}
 .experience .site-header .site-nav a{padding-inline:clamp(8px,1.15vw,15px)}
}
@media (max-width:640px), ((min-width:641px) and (max-width:1024px) and (orientation:portrait)), ((max-width:900px) and (orientation:landscape) and (max-height:540px)), ((hover:none) and (pointer:coarse) and (min-width:641px) and (max-width:1366px) and (orientation:landscape)) {
 .experience .site-header:not(.is-scrolled){align-items:center}
 .experience .site-header:not(.is-scrolled) .brand{gap:9px}
 .experience .site-header:not(.is-scrolled) .brand span{
   display:inline-block;font-size:clamp(.78rem,3.1vw,1.03rem);
   line-height:1.05;font-weight:750;white-space:nowrap;letter-spacing:-.03em
 }
 .experience .site-header:not(.is-scrolled) .menu-toggle{
   display:inline-flex;flex:0 0 46px;width:46px;min-width:46px;height:46px;
   margin-left:auto;padding:0;border-width:1px;opacity:1;overflow:visible;
   pointer-events:auto;transform:scale(1)
 }
 /* The hamburger also becomes an X when opened before the header shrinks. */
 .experience .site-header:not(.is-scrolled).menu-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
 .experience .site-header:not(.is-scrolled).menu-open .menu-toggle span:nth-child(2){opacity:0}
 .experience .site-header:not(.is-scrolled).menu-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 /* Three equal columns, no stretched rows or vertically scrolling menu panel. */
 .experience .site-header .site-nav,
 .experience .site-header.is-scrolled .site-nav{
   position:absolute;top:calc(100% + 9px);right:0;left:auto;bottom:auto;
   display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
   justify-items:stretch;align-items:stretch;align-content:start;
   flex:none;width:min(346px,calc(100vw - 28px));min-width:0;
   height:max-content;max-height:none;
   margin:0;padding:10px;gap:7px;overflow:visible;
   border:1px solid transparent;border-radius:20px;
   background:
     linear-gradient(145deg,rgba(29,12,37,.94),rgba(19,8,27,.91)) padding-box,
     linear-gradient(135deg,rgba(255,126,202,.72),rgba(178,102,255,.58),rgba(255,255,255,.24)) border-box;
   box-shadow:0 20px 58px rgba(0,0,0,.68),0 0 36px rgba(255,59,141,.24),inset 0 1px 0 rgba(255,255,255,.18);
   -webkit-backdrop-filter:blur(30px) saturate(145%);
   backdrop-filter:blur(30px) saturate(145%);
   opacity:0;visibility:hidden;pointer-events:none;
   transform:translateY(-7px) scale(.97);transform-origin:90% top;
   transition:opacity 240ms ease,transform 320ms cubic-bezier(.22,1,.36,1),visibility 0s linear 320ms;
 }
 /* The expanded header spans the screen: centre the pop-up precisely under it.
    Keep the compact floating pill's menu left-aligned so it cannot run offscreen. */
 .experience .site-header:not(.is-scrolled) .site-nav{
   left:50%;right:auto;transform-origin:center top;
   transform:translate(-50%,-7px) scale(.97);
 }
 .experience .site-header:not(.is-scrolled).menu-open .site-nav{
   left:50%;right:auto;transform:translate(-50%,0) scale(1);
 }
 .experience .site-header.is-scrolled .site-nav{right:auto;left:0;transform-origin:32px top}
 .experience .site-header.menu-open .site-nav,
 .experience .site-header.is-scrolled.menu-open .site-nav{
   display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
   height:max-content;max-height:none;overflow:visible;
   opacity:1;visibility:visible;pointer-events:auto;
   transform:translateY(0) scale(1);
   transition:opacity 260ms ease,transform 340ms cubic-bezier(.22,1,.36,1),visibility 0s;
 }
 .experience .site-header .site-nav a,
 .experience .site-header.is-scrolled.menu-open .site-nav a{
   display:flex;flex-direction:column;align-items:center;justify-content:center;
   justify-self:stretch;gap:8px;flex:none;
   width:100%;min-width:0;height:88px;min-height:88px;
   margin:0;padding:10px 4px;border:1px solid rgba(255,255,255,.09);
   border-radius:14px;background:rgba(255,255,255,.055);
   font-size:clamp(.68rem,2.45vw,.81rem);font-weight:700;
   line-height:1.12;letter-spacing:-.015em;text-align:center;
   white-space:normal;overflow:visible;text-overflow:clip;
   color:#e9dfe9;transform:none;
   transition:background 180ms ease,border-color 180ms ease,color 180ms ease
 }
 /* Locally embedded vector icons. Accessible link text stays below each icon. */
 .experience .site-header .site-nav a::before{
   content:"";display:block;flex:0 0 29px;width:29px;height:29px;
   background-color:currentColor;-webkit-mask-image:var(--gallery-menu-icon);mask-image:var(--gallery-menu-icon);
   -webkit-mask-position:center;mask-position:center;
   -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
   -webkit-mask-size:contain;mask-size:contain
 }
 .experience .site-header .site-nav a[href="/"],
 .experience .site-header .site-nav a[href$="#top"]{--gallery-menu-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M6.5%2019a6%206%200%200%201%2011%200%22%2F%3E%3C%2Fsvg%3E")}
 .experience .site-header .site-nav a[href$="#live"]{--gallery-menu-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018V5l12-2v13%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2216%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")}
 .experience .site-header .site-nav a[href$="#dates"]{--gallery-menu-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%203v4M17%203v4M3%2010h18M8%2014h2M14%2014h2M8%2018h2%22%2F%3E%3C%2Fsvg%3E")}
 .experience .site-header .site-nav a[href="/gallery"]{--gallery-menu-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2216%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m6%2014%204-4%203%203%202-2%204%204M7%2021h12a2%202%200%200%200%202-2V7%22%2F%3E%3C%2Fsvg%3E")}
 .experience .site-header .site-nav a[href="/book"]{--gallery-menu-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%203v4M17%203v4M3%2010h18m5%205%203%203%205-5%22%2F%3E%3C%2Fsvg%3E")}
 .experience .site-header .site-nav a[href="/venue-assets"]{--gallery-menu-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%208V6a2%202%200%200%201%202-2h5l2%203h7a2%202%200%200%201%202%202v10a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%2F%3E%3Cpath%20d%3D%22M12%2011v6m-3-3%203%203%203-3%22%2F%3E%3C%2Fsvg%3E")}
 .experience .site-header .site-nav a:hover:not([aria-current]){
   background:rgba(255,255,255,.095);border-color:rgba(255,255,255,.17);
   color:#fff;transform:none
 }
 .experience .site-header .site-nav a[aria-current="page"],
 .experience .site-header .site-nav a[aria-current="location"]{
   background:linear-gradient(135deg,rgba(239,73,161,.28),rgba(156,79,225,.20));
   border-color:rgba(255,133,209,.42);color:#ffa1de
 }
 .experience .site-header .site-nav a:focus-visible{
   outline:2px solid #ffb9e1;outline-offset:2px
 }
}
@media (orientation:landscape) and (max-height:600px) and (max-width:1366px){
 .experience .site-header .site-nav,
 .experience .site-header.is-scrolled .site-nav,
 .experience .site-header.menu-open .site-nav,
 .experience .site-header.is-scrolled.menu-open .site-nav{
   grid-template-columns:repeat(6,minmax(0,1fr));
   width:min(704px,calc(100vw - 28px));gap:6px;padding:9px;
   max-height:none;overflow:visible
 }
 .experience .site-header .site-nav a,
 .experience .site-header.is-scrolled.menu-open .site-nav a{
   height:82px;min-height:82px;gap:6px;padding:7px 3px;font-size:clamp(.62rem,1.5vw,.77rem)
 }
 .experience .site-header .site-nav a::before{width:27px;height:27px;flex-basis:27px}
}
@media (prefers-reduced-motion:reduce){
 .experience .site-header .site-nav{transition:none!important}
}