/* Shared LittleHeart.London navigation: existing favicon artwork, midnight blue, gold and cream. */
.lh-app-navigation {--lh-nav-blue:#0b142a;--lh-nav-gold:#d6b77a;--lh-nav-cream:#f7f0e4;color:var(--lh-nav-cream);font:12px/1.4 Inter,Arial,sans-serif;position:relative;width:100%;z-index:1400;}
.lh-app-navigation * {box-sizing:border-box;}
.lh-app-navigation svg {fill:none;flex:none;height:24px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35;width:24px;}
.lh-app-navigation a {color:inherit;text-decoration:none;}
.lh-app-navigation button {color:inherit;cursor:pointer;font:inherit;}
.lh-app-nav-panel {background:var(--lh-nav-blue);border-bottom:1px solid #d6b77a66;box-shadow:0 8px 24px #040b1626;padding:10px max(20px,calc((100vw - 1180px)/2));pointer-events:auto;position:relative;}
.lh-app-navigation[data-nav-mode="activity"] {inset:0 0 auto;pointer-events:none;position:fixed;}
.lh-app-navigation[data-modal="true"] {pointer-events:none;visibility:hidden;}
.lh-app-navigation[data-state="closed"] .lh-app-nav-panel {pointer-events:none;transform:translateY(calc(-100% - 16px));visibility:hidden;}
.lh-app-nav-heading {align-items:center;display:flex;gap:24px;min-height:60px;}
.lh-app-navigation .lh-app-nav-brand {align-items:center;display:inline-flex;flex-shrink:0;font:500 25px/1.1 "Cormorant Garamond",Georgia,serif;gap:10px;min-height:44px;position:relative;white-space:nowrap;z-index:1;}
.lh-app-nav-brand img {display:block;height:40px;object-fit:contain;width:40px;}
.lh-app-nav-primary {align-items:stretch;display:flex;gap:8px;margin-left:auto;}
.lh-app-navigation .lh-app-nav-primary > :is(a,button) {align-items:center;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--lh-nav-gold);display:flex;flex-direction:column;font:12px/1.3 Inter,Arial,sans-serif;gap:5px;justify-content:center;min-height:60px;min-width:76px;padding:5px 10px;text-align:center;}
.lh-app-nav-primary > button > span {align-items:center;display:flex;gap:4px;}
.lh-app-nav-primary > button > span svg {height:10px;width:10px;}
.lh-app-navigation .lh-app-nav-primary > [aria-current="page"] {border-bottom-color:var(--lh-nav-gold);color:var(--lh-nav-cream);}
.lh-app-nav-primary > [aria-current="page"] > svg {color:var(--lh-nav-gold);filter:drop-shadow(0 0 5px #d6b77a88);}
.lh-app-navigation .lh-app-nav-primary > :is(a,button):hover {background:#ffffff08;color:var(--lh-nav-cream);}
.lh-app-navigation .lh-app-nav-primary > button[aria-expanded="true"] {background:#ffffff08;color:var(--lh-nav-cream);}
.lh-app-nav-primary > button[aria-expanded="true"] > span svg {transform:rotate(180deg);}
.lh-app-navigation .lh-app-nav-close {align-items:center;background:transparent;border:1px solid #d6b77a66;border-radius:50%;color:var(--lh-nav-gold);display:inline-flex;flex:0 0 44px;height:44px;justify-content:center;padding:10px;}
.lh-app-nav-links {background:var(--lh-nav-blue);border:1px solid #d6b77a66;border-radius:0 0 10px 10px;box-shadow:0 12px 28px #0005;display:grid;gap:2px;max-height:calc(100dvh - 180px);overflow:auto;padding:8px;position:absolute;right:max(20px,calc((100vw - 1180px)/2 + 100px));top:100%;width:270px;}
.lh-app-navigation[data-nav-mode="activity"] .lh-app-nav-links {right:max(20px,calc((100vw - 1180px)/2 + 168px));}
.lh-app-navigation .lh-app-nav-links a {align-items:center;border:1px solid transparent;border-radius:5px;color:var(--lh-nav-cream);display:flex;font:14px/1.4 Inter,Arial,sans-serif;gap:13px;min-height:48px;padding:9px 12px;}
.lh-app-nav-links a > svg {color:var(--lh-nav-gold);}
.lh-app-navigation .lh-app-nav-links a:is([aria-current="page"],[data-current-section]) {background:#d6b77a12;border-color:#d6b77a66;}
.lh-app-nav-links a:is([aria-current="page"],[data-current-section]) > svg {color:var(--lh-nav-gold);}
.lh-app-navigation .lh-app-nav-links a:hover {background:#ffffff0d;}
.lh-app-navigation .lh-app-nav-links a:is([aria-current="page"],[data-current-section]):hover {background:#d6b77a20;}
.lh-app-navigation :is(.lh-app-nav-primary > a,.lh-app-nav-primary > button,.lh-app-nav-links a):active {background:#d6b77a26;}
.lh-app-navigation :is(a,button):focus-visible {outline:2px solid var(--lh-nav-gold);outline-offset:3px;}
.lh-app-navigation .lh-app-nav-reveal {align-items:center;background:var(--lh-nav-blue);border:1px solid #d6b77a66;border-radius:0 0 16px 16px;box-shadow:0 3px 14px #040b1626;color:var(--lh-nav-cream);display:flex;font:12px/1.3 Inter,Arial,sans-serif;gap:7px;justify-content:center;left:50%;min-height:44px;padding:6px 11px;pointer-events:auto;position:fixed;top:0;transform:translateX(-50%);z-index:1401;}
.lh-app-nav-reveal img {height:22px;width:22px;}
.lh-app-nav-reveal svg {color:var(--lh-nav-gold);height:12px;width:12px;}
.lh-app-navigation [hidden] {display:none!important;}
html.lh-app-navigation-ready .gallery-room {height:100dvh;}
html.lh-app-navigation-ready .gallery-room-heading {top:45px;}
html.lh-app-navigation-ready .gallery-room.has-entered .gallery-room-heading {top:40px;}
html.lh-app-navigation-ready .colour-heading {padding-top:48px;}
html.lh-app-navigation-ready .eternal-change {min-height:100dvh;}
html.lh-app-navigation-ready .eternal-change-back {top:52px;}
.garden-nav-help {bottom:16px;left:16px;position:absolute;z-index:6;}
.garden-nav-help button {background:#fff9ebed;border-color:#cab98b;}
html.lh-app-navigation-ready .garden-app {grid-template-rows:minmax(650px,calc(100svh - 42px));margin-top:8px;}
html.lh-app-navigation-ready .garden-app.is-calm {margin:0;}
@media(max-width:700px) {
 .lh-app-nav-panel {padding:6px 12px;}
 .lh-app-nav-heading {flex-wrap:wrap;gap:2px 8px;min-height:0;}
 .lh-app-navigation .lh-app-nav-brand {font-size:19px;gap:7px;min-height:38px;}
 .lh-app-nav-brand img {height:26px;width:26px;}
 .lh-app-nav-primary {flex:1 1 100%;gap:0;justify-content:space-between;margin:0;order:3;}
 .lh-app-navigation .lh-app-nav-primary > :is(a,button) {flex:1 1 25%;font-size:11px;min-height:50px;min-width:0;padding:4px 3px;gap:4px;}
 .lh-app-navigation .lh-app-nav-close {margin-left:auto;}
 .lh-app-nav-primary > :is(a,button) > svg {height:20px;width:20px;}
 .lh-app-navigation .lh-app-nav-links,.lh-app-navigation[data-nav-mode="activity"] .lh-app-nav-links {left:auto;max-height:calc(100dvh - 190px);right:12px;width:min(270px,calc(100vw - 24px));}
 html.lh-app-navigation-ready .garden-stage {height:calc(100svh - 42px);}
 html.lh-app-navigation-ready .garden-app.is-calm .garden-stage {height:100svh;}
}
@media print {.lh-app-navigation {display:none!important;}}