.garden{background:#373a2b}
.garden-shade{background:linear-gradient(0deg,#13160ddd 0%,#13160d51 20%,transparent 44%),linear-gradient(180deg,#16232a3d,transparent 16%)}
.garden-caption{max-width:min(530px,calc(100vw - 48px))}
.garden-index{color:#f2dfb9}

.garden [hidden]{display:none!important}
.garden .vp-place-header{--vp-pad:26px}
.garden-caption{bottom:max(134px,calc(120px + env(safe-area-inset-bottom)))}
.garden-navigation{
  position:absolute;left:50%;bottom:max(17px,env(safe-area-inset-bottom));transform:translateX(-50%);
}
.garden-navigation button:disabled{opacity:.42;cursor:default}
.garden-journey{
  position:absolute;left:50%;bottom:max(109px,calc(91px + env(safe-area-inset-bottom)));
  transform:translateX(-50%);width:min(174px,43vw);opacity:.75
}
.garden-service{
  margin-top:12px;min-height:44px;display:inline-flex;align-items:center;gap:8px;
  padding:0 15px;border:1px solid #fff8;border-radius:999px;background:#242b22a6;
  backdrop-filter:blur(7px);color:inherit;font-family:inherit;
  font-size:.78rem;font-weight:650;pointer-events:auto;cursor:pointer
}
.garden-service svg{width:15px;height:15px}
.garden-service:hover{background:#3b4734dc}
.garden-service:focus-visible{outline:2px solid white;outline-offset:3px}
.garden[data-state=ready] .garden-reading-services{display:none}
.garden-quick-links .is-current{border-color:#fff9;background:#fff2}
.garden-replay{margin-top:12px;padding:7px 14px;cursor:pointer;font:inherit;font-size:.8rem}
.garden-service-actions{margin-top:18px}
@media(max-width:760px){
  .garden .vp-place-header{--vp-pad:18px}
  .garden-caption{bottom:max(113px,calc(100px + env(safe-area-inset-bottom)))}
  .garden-journey{bottom:max(96px,calc(80px + env(safe-area-inset-bottom)))}
}
@media(max-height:490px){
  .garden-caption{bottom:80px}
  nav.garden-navigation{height:56px;bottom:9px}
  nav.garden-navigation>button{height:44px}
  nav.garden-navigation svg{width:17px;height:17px}
  .garden-journey{bottom:69px}
}
.garden-points{position:absolute;inset:0;pointer-events:none}
.garden-point{
  position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;
  padding:8px 12px;min-height:44px;border:1px solid #fff7;border-radius:999px;
  background:#283222ab;backdrop-filter:blur(7px);color:#fff;font:600 .68rem "VP Manrope",Arial,sans-serif;
  pointer-events:auto;cursor:pointer;white-space:nowrap
}
.garden-point svg{width:13px;height:13px}
.garden-point:hover{background:#3a4734e6}
.garden-point:focus-visible{outline:2px solid white;outline-offset:3px}
.garden-finishes{border:0;margin:20px 0 0;padding:0}
.garden-finishes legend{margin:0 0 8px;padding:0;font-size:.8rem;font-weight:650}