/* Existing Garden panorama is confined to the opening. */
.hero { position: relative; isolation: isolate; }
.hero-description { color: #37312e; }
.hero .store-note { color: #514942; }
.hero-landscape { position: absolute; z-index: -1; inset: -88px calc((min(1224px, 100vw - 72px) - 100vw) / 2) 0; pointer-events: none; overflow: hidden; background: #f4f1ed; }
.hero-landscape::before { content: ""; position: absolute; inset: 0; background: url("assets/textures/mountain-panorama.jpg") center 38% / cover no-repeat; opacity: .96; }
.hero-landscape::after { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 40%, rgb(255 255 255 / .83) 0%, rgb(255 255 255 / .52) 34%, rgb(255 255 255 / .02) 78%), linear-gradient(0deg, #fff 0%, transparent 34%, rgb(255 255 255 / .2) 100%); }
.site-header .island, .site-header .store-circle { background: rgb(255 255 255 / .95); }
@media (max-width: 800px) {
  .hero-landscape { inset: -76px -23.5px 0; }
}
@media (max-width: 540px) {
  .hero-landscape { inset: -72px -17.5px 0; }
  .hero-landscape::before { background-position: 59% center; opacity: .88; }
  .hero-landscape::after { background: radial-gradient(ellipse at 50% 38%, rgb(255 255 255 / .85), rgb(255 255 255 / .52) 45%, rgb(255 255 255 / .1)), linear-gradient(0deg, #fff, transparent 30%); }
}