/* Gallery drop-down menu for pages that do not use tiga.css (TIGA Studios, Exhibition enquiry) */
/* ===== Gallery menu: drop-down with the Gallery and the TIGA Vault ===== */
.nav__dd{position:relative;display:flex;align-items:center}
.nav__dd-t{display:inline-flex;align-items:center;gap:5px}
.nav__chev{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .2s}
.nav__menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s;z-index:10003}
.nav__dd:hover .nav__menu,.nav__dd:focus-within .nav__menu,.nav__dd.open .nav__menu{opacity:1;visibility:visible;pointer-events:auto}
.nav__dd:hover .nav__chev,.nav__dd.open .nav__chev{transform:rotate(180deg)}
.nav__menu-in{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:600px;padding:12px;background:#fafaf8;border:1px solid rgba(20,20,18,.18);box-shadow:0 26px 50px -30px rgba(20,20,18,.45)}
.nav__mi{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(20,20,18,.09);color:#141412;transition:border-color .2s}
.nav__mi:hover,.nav__mi:focus-visible{border-color:#141412}
.nav__mi-img{display:block;aspect-ratio:16/10;overflow:hidden;background:#f1f1ed}
.nav__mi-img img{width:100%;height:100%;object-fit:cover;display:block}
.nav__mi-t{display:block;padding:14px 16px 16px}
.nav__mi-t b{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:600;letter-spacing:-.01em;margin-bottom:5px}
.nav__mi-t b span{font-weight:400;transition:transform .2s}
.nav__mi:hover .nav__mi-t b span{transform:translateX(3px)}
.nav__mi-t small{display:block;font-size:.8rem;line-height:1.5;color:#55554f}
.nav__mob a.nav__mob-sub{font-size:clamp(1.05rem,3.6vw,1.25rem);font-weight:400;color:#55554f;padding-top:0;margin-top:-6px}
.nav__mob a.nav__mob-sub:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin:0 10px 3px 0;vertical-align:middle;opacity:.5}

.nav__mi-t b,.nav__mi-t small{font-family:'Archivo',Helvetica,Arial,sans-serif;text-transform:none;letter-spacing:0}
.nav__mi-t b{letter-spacing:-.01em;color:#141412}

/* Phone menu: Gallery opens to show the Gallery and the Vault */
.nav__mob{overflow-y:auto;justify-content:center;justify-content:safe center}
.nav__mob-grp{width:100%;display:flex;flex-direction:column;align-items:center}
.nav__mob-gt{display:inline-flex;align-items:center;gap:10px;background:none;border:0;cursor:pointer;font-family:'Archivo',Helvetica,Arial,sans-serif;font-weight:500;letter-spacing:-.02em;font-size:clamp(1.5rem,5vw,2rem);color:#141412;padding:13px 24px;line-height:inherit;text-transform:none}
.nav__mob-gt svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .2s}
.nav__mob-gt[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav__mob-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:calc(100% - 48px);max-width:420px;margin:2px auto 14px}
.nav__mob-cards[hidden]{display:none}
.nav__mob .nav__mob-cards a{display:block;width:auto;padding:0;text-align:left;background:#fff;border:1px solid rgba(20,20,18,.12);font-size:.92rem;letter-spacing:-.01em;color:#141412}
.nav__mob-ci{display:block;aspect-ratio:16/10;overflow:hidden;background:#f1f1ed}
.nav__mob-ci img{width:100%;height:100%;object-fit:cover;display:block}
.nav__mob-ct{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-family:'Archivo',Helvetica,Arial,sans-serif;font-weight:600;text-transform:none}
.nav__mob-ct:after{content:'\2192';font-weight:400}