body {
  isolation: isolate;
  --botanical-opacity: .27;
}

:root[data-theme="dark"] body { --botanical-opacity: .17; }

body::before,
body::after,
.botanical-corners::before,
.botanical-corners::after {
  content: "";
  position: fixed;
  z-index: -1;
  width: clamp(240px, 37vw, 540px);
  aspect-ratio: 1;
  background: url("assets/tropical-botanicals.webp") center / contain no-repeat;
  pointer-events: none;
  opacity: var(--botanical-opacity);
}

body::before {
  inset: 18% auto auto -8%;
}

body::after {
  inset: auto -10% -12% auto;
  transform: scaleX(-1) rotate(-10deg);
}

.botanical-corners::before {
  inset: 8% -9% auto auto;
  transform: rotate(180deg);
}

.botanical-corners::after {
  inset: auto auto -10% -8%;
}

@media (max-width: 680px) {
  body::before { inset: 25% auto auto -105px; }
  body::after { inset: auto -115px -68px auto; }
  .botanical-corners::before { inset: 7% -108px auto auto; }
  .botanical-corners::after { inset: auto auto -65px -96px; }
}


.footer-contact { display: flex; flex-wrap: wrap; gap: 0 16px; margin-top: 5px; }
.footer-contact a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: var(--ink); text-underline-offset: 3px; }
.footer-contact .icon { width: 17px; height: 17px; color: var(--accent); }
.footer-admin { align-self: flex-start; }

.hero-copy { overflow-wrap: anywhere; }