/* The painting is independent of crisp, selectable text and real page links. */
.garden-footer {
  position: relative;
  isolation: isolate;
  overflow: visible;
  min-height: clamp(790px, 56.25vw, 1120px);
  display: flex;
  flex-direction: column;
  color: #e2e7dc;
  background: #f0f1f2;
  padding: clamp(100px, 9vw, 180px) 7% 30px;
  scroll-margin-top: 0;
}
.weekly-section { padding-bottom: clamp(220px, 18vw, 290px); }
.garden-scene { position: absolute; z-index: -3; inset: -150px 0 0; background: #17383b; overflow: hidden; pointer-events: none; mask-image: linear-gradient(180deg, transparent, #000 150px); }
.garden-painting, .garden-water { position: absolute; inset: 0; width: 100%; height: 100%; }
.garden-painting { object-fit: cover; object-position: center; }
.garden-water { opacity: 0; pointer-events: none; }
.garden-water.is-ready { opacity: 1; }
.garden-footer.is-rippling { user-select: none; cursor: grabbing; }
@media (prefers-reduced-motion: reduce) { .garden-water { display: none; } }
.garden-footer::before { content: ''; position: absolute; z-index: -2; inset: 0; pointer-events: none; background: linear-gradient(180deg, #09262b05 20%, #09262b00 43%, #08252c85 68%, #071f279c 100%); }
.garden-footer::after { content: ''; position: absolute; z-index: -1; top: 9%; left: 0; width: 31%; height: 31%; pointer-events: none; background: radial-gradient(ellipse at 33% 45%, #102e3280, transparent 70%); }
.garden-opening { align-self: flex-start; text-shadow: 0 1px 12px #07222775; }
.garden-opening h2 { margin: 0; font-family: var(--serif); font-weight: 400; font-size: clamp(23px, 1.7vw, 32px); line-height: 1.55; letter-spacing: .13em; }
.garden-footer p { margin: 0; }
.garden-footer p span, .garden-opening h2 span { display: block; }
.garden-rule { display: block; width: 24px; height: 1px; background: currentColor; opacity: .8; margin: 18px 0 13px; }
.garden-opening p, .garden-brand p { font-size: 11px; line-height: 1.8; letter-spacing: .2em; color: #c5d3ce; }
.garden-whisper { position: absolute; top: 28%; right: 7%; font: italic 15px/1.8 Georgia, var(--serif); letter-spacing: .14em; color: #e7eee0; text-shadow: 0 1px 4px #06242b, 0 0 18px #06242b; }
.garden-whisper span + span { margin-left: 12px; }
.garden-bottom { margin: auto auto 58px; padding-top: 265px; width: min(1120px, 85%); display: grid; grid-template-columns: 1.25fr 2fr .85fr; gap: 55px; align-items: start; text-shadow: 0 1px 12px #082126b3; }
.garden-wordmark { color: #e4e9df; font: 400 clamp(28px, 2.2vw, 37px)/1.3 Georgia, var(--serif); letter-spacing: .12em; text-decoration: none; white-space: nowrap; }
.garden-brand .garden-rule { margin-top: 22px; }
.garden-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.garden-link-column { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; }
.garden-link-column h3 { margin: 5px 0 12px; font: 500 11px/1.5 var(--sans); text-transform: uppercase; letter-spacing: .17em; color: #ecede0; }
.garden-link-column a, .garden-link-column button { border: 0; background: none; padding: 3px 0; color: #e1e8e0; text-decoration: none; font: 400 12px/1.6 var(--sans); letter-spacing: .04em; text-align: left; }
.garden-link-column a:hover, .garden-link-column button:hover, .garden-wordmark:hover { color: #fff; }
.garden-link-column a:focus-visible, .garden-link-column button:focus-visible, .garden-wordmark:focus-visible { outline-color: #f1dfb3; }
.garden-signoff { padding-top: 41px; font: italic 15px/1.9 Georgia, var(--serif); letter-spacing: .1em; color: #d5dfd6; }
.garden-signoff p span + span { margin-left: 10px; }
.garden-signoff .garden-rule { margin-left: 9px; }
.garden-footer .garden-copyright { font-size: 10px; line-height: 1.6; color: #bacac6; margin-left: -3.7vw; }
.garden-copyright span { display: inline !important; }
@media (max-width: 1100px) {
  .garden-footer { min-height: 800px; padding-top: 120px; }
  .garden-bottom { width: 100%; gap: 32px; grid-template-columns: 1fr 2fr; padding-top: 255px; margin-bottom: 40px; }
  .garden-signoff { display: none; }
  .garden-links { gap: 20px; }
}
@media (max-width: 760px) {
  .garden-footer { min-height: 990px; padding: 80px 28px 26px; }
  .weekly-section { padding-bottom: 185px; }
  .garden-scene { top: -95px; mask-image: linear-gradient(180deg, transparent, #000 95px); }
  .garden-painting { object-position: 44% center; }
  .garden-footer::before { background: linear-gradient(180deg, #09262b30, #09262b24 32%, #08252c85 53%, #071f27b5 100%); }
  .garden-footer::after { width: 100%; height: 30%; top: 0; }
  .garden-opening h2 { font-size: 24px; }
  .garden-opening p { font-size: 11px; }
  .garden-whisper { top: 36%; right: 28px; font-size: 13px; }
  .garden-bottom { display: block; padding-top: 290px; margin-bottom: 36px; }
  .garden-brand { margin-bottom: 34px; }
  .garden-brand .garden-rule { margin-top: 15px; margin-bottom: 10px; }
  .garden-wordmark { font-size: 30px; }
  .garden-links { gap: 12px; }
  .garden-link-column h3 { font-size: 10px; margin-bottom: 9px; }
  .garden-link-column a, .garden-link-column button { font-size: 11px; letter-spacing: 0; }
  .garden-footer .garden-copyright { margin-left: 0; font-size: 9px; }
}