/* Zak Services — "Living Canopy" / Živá záhrada
   A light, living garden: morning mist → midday → golden hour → dusk with fireflies.
   System fonts only. Motion is progressive: everything is readable without JS and
   with prefers-reduced-motion. */

:root {
  /* light & ground */
  --cream: #f8f4ea;
  --paper: #fffdf7;
  --mist: #e6eee4;
  --mist-deep: #d3e0d0;
  --line: #dbe1cf;
  --line-soft: rgba(84, 110, 62, 0.14);

  /* ink */
  --ink: #1b2a21;
  --ink-soft: #465649;
  --ink-faint: #5d6b5f;

  /* leaves */
  --leaf: #2f6b3f;
  --leaf-deep: #1c4229;
  --leaf-ink: #183a24;
  --sap: #7fae4f;
  --sap-soft: #dcebc9;
  --moss: #5d7a45;
  --moss-text: #4b6437;

  /* light */
  --gold: #e2a83c;
  --gold-soft: #f6e3b5;
  --gold-ink: #7a5310;

  /* dusk */
  --dusk: #22364b;
  --dusk-deep: #152435;
  --night: #0f1a27;
  --firefly: #f4dc6a;
  --moon: #f5eedb;

  /* earth */
  --loam: #33251a;
  --loam-ink: #f6edda;
  --straw: #c9b36a;

  --radius: 14px;
  --radius-lg: 22px;
  --radius-leaf: 26px 8px 26px 8px;
  --radius-pill: 999px;
  --shadow-soft: 0 6px 22px -8px rgba(33, 58, 34, 0.18);
  --shadow: 0 18px 44px -20px rgba(33, 58, 34, 0.3);
  --shadow-lift: 0 28px 60px -26px rgba(33, 58, 34, 0.42);
  --max: 72rem;
  --header-h: 4.5rem;

  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", P052, Georgia, "Times New Roman", serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-grow: cubic-bezier(0.34, 1.35, 0.5, 1);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: var(--font-body);
  font-size: 1.0625rem;
  line-height: 1.7;
  color: var(--ink);
  background: var(--cream);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  -webkit-font-smoothing: antialiased;
}

body.nav-open {
  overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: var(--leaf);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

a:hover {
  color: var(--leaf-deep);
}

a:focus-visible,
button:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--leaf);
  outline-offset: 3px;
  border-radius: 6px;
}

::selection {
  background: var(--sap-soft);
  color: var(--leaf-ink);
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 2000;
  padding: 0.75rem 1.25rem;
  background: var(--leaf-deep);
  color: #fff;
  text-decoration: none;
  border-radius: 0 0 var(--radius) 0;
  font-weight: 600;
}

.skip-link:focus {
  left: 0;
  color: #fff;
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.container {
  width: min(100% - 2.5rem, var(--max));
  margin-inline: auto;
}

/* ——————————————————————————————— Header ——————————————————————————————— */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: #faf7ee;
  border-bottom: 1px solid var(--line-soft);
  transition: background-color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

.site-header.scrolled {
  box-shadow: 0 10px 30px -22px rgba(33, 58, 34, 0.45);
}

/* On the home page the header floats over the morning sky until you scroll. */
.page-home .site-header.header-ready:not(.scrolled) {
  background: rgba(250, 247, 238, 0);
  border-bottom-color: transparent;
}

.header-inner {
  width: min(100% - 2rem, var(--max));
  margin-inline: auto;
  min-height: var(--header-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.logo {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  text-decoration: none;
  color: var(--leaf-deep);
  padding: 0.4rem 0;
}

.logo:hover,
.logo:focus-visible {
  color: var(--leaf);
}

.logo-mark {
  width: 2.1rem;
  height: 2.1rem;
  flex: none;
  overflow: visible;
}

.logo-mark-stem {
  fill: none;
  stroke: var(--leaf);
  stroke-width: 2;
  stroke-linecap: round;
}

.logo-mark-leaf {
  fill: var(--sap);
  transform-origin: 16px 16px;
  transition: transform 0.5s var(--ease-grow);
}

.logo-mark-leaf--b {
  fill: var(--leaf);
}

.logo:hover .logo-mark-leaf {
  transform: rotate(-7deg);
}

.logo:hover .logo-mark-leaf--b {
  transform: rotate(6deg);
}

.logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1.12;
}

.logo-main {
  font-family: var(--font-display);
  font-size: 1.38rem;
  font-weight: 600;
  letter-spacing: 0.005em;
}

.logo-sub {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--moss-text);
  margin-top: 0.12rem;
}

.header-actions {
  display: none;
  align-items: center;
  gap: 0.6rem;
  margin-left: auto;
}

.header-phone {
  display: none;
  align-items: center;
  gap: 0.4rem;
  padding: 0.55rem 1.1rem;
  border-radius: var(--radius-pill);
  background: var(--leaf);
  color: #fff;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 600;
  white-space: nowrap;
  box-shadow: 0 8px 18px -10px rgba(28, 66, 41, 0.7);
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.header-phone:hover {
  background: var(--leaf-deep);
  color: #fff;
  transform: translateY(-1px);
}

/* ——— Language picker ——— */
.lang-picker {
  position: relative;
  display: inline-block;
}

.lang-picker > summary {
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 2.5rem;
  padding: 0.35rem 0.75rem 0.35rem 0.7rem;
  border-radius: var(--radius-pill);
  background: rgba(255, 253, 247, 0.7);
  border: 1px solid var(--line);
  color: var(--leaf-deep);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

.lang-picker > summary::-webkit-details-marker {
  display: none;
}

.lang-picker > summary::after {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  margin-left: 0.15rem;
  border-right: 1.5px solid var(--moss);
  border-bottom: 1.5px solid var(--moss);
  transform: rotate(45deg) translateY(-1px);
  transition: transform 0.15s ease;
  flex-shrink: 0;
}

.lang-picker[open] > summary::after {
  transform: rotate(225deg) translateY(-1px);
}

.lang-picker > summary:hover {
  background: var(--paper);
  border-color: var(--mist-deep);
}

.lang-picker-current {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.lang-flag {
  display: inline-block;
  font-size: 1.05em;
  line-height: 1;
  font-style: normal;
}

.lang-name {
  white-space: nowrap;
}

.lang-picker-list {
  list-style: none;
  margin: 0.4rem 0 0;
  padding: 0.35rem;
  min-width: 12.5rem;
  max-height: min(70vh, 24rem);
  overflow-y: auto;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-lift);
  z-index: 200;
}

.lang-picker-list a,
.lang-picker-list span[aria-current="true"] {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 2.75rem;
  padding: 0.45rem 0.75rem;
  border-radius: calc(var(--radius) - 4px);
  color: var(--ink);
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: 500;
}

.lang-picker-list a:hover,
.lang-picker-list a:focus-visible {
  background: var(--sap-soft);
  color: var(--leaf-deep);
}

.lang-picker-list span[aria-current="true"] {
  background: var(--mist);
  color: var(--leaf-deep);
  font-weight: 650;
  cursor: default;
}

.header-actions .lang-picker-list {
  position: absolute;
  right: 0;
  top: calc(100% + 0.25rem);
}

.site-nav .nav-lang {
  display: block;
  padding: 0.35rem 1.25rem 0.85rem;
}

.site-nav .nav-lang .lang-picker {
  display: block;
  width: 100%;
}

.site-nav .nav-lang .lang-picker > summary {
  width: 100%;
  justify-content: space-between;
  min-height: 2.75rem;
  padding: 0.55rem 0.9rem;
  font-size: 0.95rem;
}

.site-nav .lang-picker-list a {
  display: flex;
  padding: 0.45rem 0.75rem;
  font-size: 0.95rem;
}

.site-nav .nav-lang .lang-picker-list {
  position: static;
  width: 100%;
  margin-top: 0.35rem;
  box-shadow: var(--shadow-soft);
  max-height: none;
}

@media (min-width: 768px) {
  .site-nav .nav-lang {
    display: none;
  }
}

/* ——— Nav ——— */
.nav-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.85rem;
  height: 2.85rem;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 50% 50% 50% 14px;
  background: rgba(255, 253, 247, 0.85);
  color: var(--leaf-deep);
  cursor: pointer;
  transition: border-radius 0.35s var(--ease-grow), background-color 0.2s ease;
}

.nav-toggle[aria-expanded="true"] {
  background: var(--sap-soft);
  border-color: var(--mist-deep);
  border-radius: 14px 50% 50% 50%;
}

.nav-toggle-bars {
  display: block;
  width: 1.2rem;
  height: 2px;
  background: currentColor;
  position: relative;
  border-radius: 1px;
}

.nav-toggle-bars::before,
.nav-toggle-bars::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  border-radius: 1px;
  transition: transform 0.2s, top 0.2s, width 0.2s;
}

.nav-toggle-bars::before {
  top: -6px;
}

.nav-toggle-bars::after {
  top: 6px;
  width: 70%;
}

.nav-toggle[aria-expanded="true"] .nav-toggle-bars {
  background: transparent;
}

.nav-toggle[aria-expanded="true"] .nav-toggle-bars::before {
  top: 0;
  transform: rotate(45deg);
}

.nav-toggle[aria-expanded="true"] .nav-toggle-bars::after {
  top: 0;
  width: 100%;
  transform: rotate(-45deg);
}

.site-nav {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: var(--paper);
  border-bottom: 1px solid var(--line);
  border-radius: 0 0 28px 28px;
  box-shadow: var(--shadow-lift);
  display: none;
  max-height: calc(100vh - var(--header-h));
  max-height: calc(100dvh - var(--header-h));
  overflow-y: auto;
}

.site-nav.is-open {
  display: block;
}

.site-nav ul {
  list-style: none;
  margin: 0;
  padding: 0.65rem 0;
}

.site-nav a {
  display: block;
  padding: 0.85rem 1.25rem;
  color: var(--ink);
  text-decoration: none;
  font-weight: 500;
  font-size: 1.02rem;
}

.site-nav a:hover,
.site-nav a[aria-current="page"] {
  color: var(--leaf-deep);
  background: var(--mist);
}

.site-nav .nav-phone {
  display: block;
  margin: 0.5rem 1.25rem 1.1rem;
  padding: 0.8rem 1rem;
  text-align: center;
  border-radius: var(--radius-pill);
  background: var(--leaf);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

.site-nav .nav-phone:hover {
  background: var(--leaf-deep);
  color: #fff;
}

@media (min-width: 768px) {
  .nav-toggle {
    display: none;
  }

  .header-actions {
    display: flex;
    margin-left: 0;
  }

  .header-phone {
    display: inline-flex;
  }

  .site-nav .nav-phone {
    display: none;
  }

  .site-nav {
    position: static;
    display: block;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    margin-left: auto;
    margin-right: 0.5rem;
    max-height: none;
    overflow: visible;
  }

  .site-nav ul {
    display: flex;
    align-items: center;
    gap: 0.1rem;
    padding: 0;
  }

  .site-nav a {
    position: relative;
    padding: 0.45rem 0.8rem;
    border-radius: var(--radius-pill);
    color: var(--ink-soft);
    background: transparent;
    font-size: 0.93rem;
    white-space: nowrap;
  }

  .site-nav a:hover {
    color: var(--leaf-deep);
    background: rgba(47, 107, 63, 0.08);
  }

  .site-nav a[aria-current="page"] {
    color: var(--leaf-deep);
    background: rgba(47, 107, 63, 0.11);
  }
}

@media (min-width: 768px) and (max-width: 1080px) {
  .logo-sub {
    display: none;
  }

  .site-nav a {
    padding: 0.4rem 0.55rem;
    font-size: 0.86rem;
  }

  .header-phone {
    padding: 0.5rem 0.85rem;
    font-size: 0.84rem;
  }

  .header-actions .lang-picker > summary .lang-name {
    display: none;
  }
}

/* ——————————————————————————————— Base blocks ——————————————————————————————— */
main {
  flex: 1;
}

.section {
  padding: clamp(2.5rem, 6vw, 4rem) 0;
}

.section-airy {
  padding: clamp(3.5rem, 8vw, 5.5rem) 0;
}

.section-tight-top {
  padding-top: 0;
}

.section-title {
  margin: 0 0 1rem;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(1.85rem, 3.8vw, 2.9rem);
  letter-spacing: -0.015em;
  color: var(--leaf-ink);
  text-align: center;
  line-height: 1.12;
  text-wrap: balance;
}

.section-lead {
  margin: 0 auto 2rem;
  max-width: 36rem;
  color: var(--ink-soft);
  text-align: center;
  font-size: 1.05rem;
}

/* ——— Botanical label: one small-caps label style used across the page ——— */
.bot-label {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  font-family: var(--font-body);
  font-size: 0.74rem;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--moss-text);
}

.bot-label::before {
  content: "";
  flex: none;
  width: 2.2rem;
  height: 1px;
  background: currentColor;
  opacity: 0.55;
}

/* ——— Buttons ——— */
.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 3rem;
  padding: 0.8rem 1.6rem;
  border-radius: var(--radius-pill);
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.98rem;
  letter-spacing: 0.01em;
  text-decoration: none;
  border: 1.5px solid transparent;
  cursor: pointer;
  overflow: hidden;
  isolation: isolate;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.25s ease, transform 0.25s var(--ease-out);
}

/* a soft band of light sweeps across on hover */
.btn::after {
  content: "";
  position: absolute;
  inset: -2px;
  z-index: -1;
  background: linear-gradient(105deg, transparent 30%, rgba(255, 250, 225, 0.35) 48%, transparent 66%);
  transform: translateX(-110%);
  transition: transform 0.7s var(--ease-out);
  pointer-events: none;
}

.btn:hover::after {
  transform: translateX(110%);
}

.btn:hover {
  transform: translateY(-2px);
}

.btn:active {
  transform: translateY(0);
}

.btn-primary {
  background: var(--leaf);
  color: #fff;
  border-color: var(--leaf);
  box-shadow: 0 12px 26px -14px rgba(28, 66, 41, 0.85);
}

.btn-primary:hover {
  background: var(--leaf-deep);
  border-color: var(--leaf-deep);
  color: #fff;
}

.btn-glass {
  background: rgba(255, 253, 245, 0.86);
  color: var(--leaf-deep);
  border-color: rgba(47, 107, 63, 0.28);
}

.btn-glass:hover {
  background: rgba(255, 253, 245, 0.9);
  color: var(--leaf-deep);
  border-color: rgba(47, 107, 63, 0.5);
}

.btn-secondary {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.55);
}

.btn-secondary:hover {
  background: rgba(255, 255, 255, 0.24);
  color: #fff;
}

.btn-ghost {
  background: rgba(255, 253, 247, 0.75);
  color: var(--leaf-deep);
  border-color: var(--line);
}

.btn-ghost:hover {
  background: var(--paper);
  color: var(--leaf-deep);
  border-color: var(--sap);
}

.btn-firefly {
  background: var(--firefly);
  color: #1a2433;
  border-color: var(--firefly);
  box-shadow: 0 0 0 0 rgba(244, 220, 106, 0.5), 0 10px 34px -8px rgba(244, 220, 106, 0.55);
}

.btn-firefly:hover {
  background: #fbe88e;
  color: #121a26;
  box-shadow: 0 0 0 6px rgba(244, 220, 106, 0.16), 0 12px 40px -6px rgba(244, 220, 106, 0.7);
}

.btn-night {
  background: rgba(245, 238, 219, 0.06);
  color: var(--moon);
  border-color: rgba(245, 238, 219, 0.45);
}

.btn-night:hover {
  background: rgba(245, 238, 219, 0.14);
  color: #fff;
  border-color: rgba(245, 238, 219, 0.8);
}

.btn-accent {
  background: var(--moss);
  color: #fff;
  border-color: var(--moss);
}

/* ——————————————————————————————— HOME ——————————————————————————————— */

/* Time of day: fixed light layers; garden.js cross-fades them with scroll.
   Stability (WebKit): the fixed layer sits before <main> at z-index 0 and the page stacks above it as
   ONE group (.garden, z-index 1). As a z-index:-1 layer inside <main> it made <html> a second
   full-page composited layer and, by the overlap rule, every section a composited layer of its own
   (53-65 layers at 1440x900). 100vh (the large viewport on iOS) instead of bottom:0: the biggest
   fixed layer is not resized every time the iOS toolbar slides in or out. */
.daylight {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.garden {
  position: relative;
  z-index: 1;
}

.daylight-layer {
  position: absolute;
  inset: 0;
}

.daylight-layer--morning {
  background: linear-gradient(180deg, #e4ede3 0%, #eef0e2 55%, #f4eedb 100%);
}

.daylight-layer--day {
  opacity: 0;
  background: linear-gradient(180deg, #e9f2f1 0%, #f6f7ee 45%, #fbf6e8 100%);
}

.daylight-layer--golden {
  opacity: 0;
  background: linear-gradient(180deg, #f2d7a2 0%, #f7e4bc 42%, #f1cd95 100%);
}

.daylight-layer--rose {
  opacity: 0;
  background: linear-gradient(180deg, #f1d5c6 0%, #eec7ba 50%, #e8baae 100%);
}

.daylight-sun {
  position: absolute;
  left: 0;
  top: 0;
  width: 80vmax;
  height: 80vmax;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 250, 228, 0.95) 0%, rgba(255, 240, 196, 0.5) 12%, rgba(255, 226, 160, 0.16) 34%, rgba(255, 222, 150, 0) 60%);
  transform: translate(40vw, -50vmax);
  opacity: 0.95;
}

/* ——— Hero: one meadow at morning ——— */
.meadow {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 36rem;
  min-height: max(36rem, 100vh);
  min-height: max(34rem, 100svh);
  margin-top: calc(-1 * var(--header-h));
  isolation: isolate;
  background: var(--loam);
}

.hero-stage {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: calc(var(--header-h) + clamp(1.25rem, 5vh, 3.25rem)) max(1.25rem, calc((100% - var(--max)) / 2)) clamp(2.25rem, 7.5vh, 5rem);
}

.meadow-scene {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background: linear-gradient(180deg, #c9dfe0 0%, #d9e9e3 24%, #e8efe0 44%, #f5eed4 60%, #f4e5c2 76%, #eadcb6 100%);
}

/* a large, low, warm sun: the light source of the whole page */
.meadow-sun {
  position: absolute;
  left: 79%;
  top: 40%;
  width: 130vmin;
  height: 130vmin;
  margin: -65vmin 0 0 -65vmin;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 253, 240, 1) 0%, rgba(255, 247, 219, 0.96) 6%, rgba(255, 237, 186, 0.66) 13%, rgba(255, 228, 164, 0.34) 25%, rgba(255, 222, 152, 0.13) 42%, rgba(255, 222, 152, 0) 62%);
  transition: transform 1.5s var(--ease-out), opacity 1.2s ease;
}

.meadow-sun-core {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 17vmin;
  height: 17vmin;
  margin: -8.5vmin 0 0 -8.5vmin;
  border-radius: 50%;
  background: radial-gradient(circle, #ffffff 0%, #fffef7 30%, rgba(255, 251, 232, 0.92) 46%, rgba(255, 246, 214, 0.5) 64%, rgba(255, 240, 200, 0.16) 82%, rgba(255, 240, 200, 0) 100%);
  box-shadow: 0 0 6vmin 2vmin rgba(255, 250, 228, 0.55), 0 0 18vmin 6vmin rgba(255, 238, 190, 0.28);
}

.meadow-rays {
  position: absolute;
  inset: -30% -20% 0 -20%;
  background: repeating-conic-gradient(from 0deg at 79% 52%, rgba(255, 249, 226, 0) 0deg, rgba(255, 249, 226, 0.55) 2.2deg, rgba(255, 249, 226, 0) 5deg, rgba(255, 249, 226, 0) 11deg);
  -webkit-mask-image: radial-gradient(circle at 79% 52%, #000 0%, rgba(0, 0, 0, 0.55) 26%, transparent 58%);
  mask-image: radial-gradient(circle at 79% 52%, #000 0%, rgba(0, 0, 0, 0.55) 26%, transparent 58%);
  opacity: 0.6;
  transform-origin: 79% 52%;
  transition: opacity 1.6s ease;
}

.meadow-hills {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 26%;
  height: 34%;
}

.meadow-hill--far {
  fill: #c5d8d2;
}

.meadow-hill--mid {
  fill: #b5ccb6;
}

/* Static grass: what you see without JS (the canvas grows its own). */
.meadow-fringe {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 36%;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 173 100' preserveAspectRatio='none'%3E%3Cpath fill='%233f7436' d='M-1.2 100Q-1.9 64.0 -4.5 34.6Q0.8 64.0 4.2 100zM8.7 100Q6.2 81.2 0.1 65.7Q9.3 81.2 14.9 100zM14.9 100Q21.6 75.1 33.1 54.8Q24.1 75.1 19.8 100zM27.0 100Q30.0 66.5 34.8 39.0Q31.9 66.5 30.7 100zM32.5 100Q34.5 52.5 36.9 13.6Q37.4 52.5 38.4 100zM40.9 100Q44.4 81.2 49.7 65.8Q47.0 81.2 46.2 100zM46.6 100Q50.7 82.4 57.3 68.0Q53.2 82.4 51.5 100zM56.3 100Q62.5 52.1 72.6 12.9Q65.8 52.1 62.8 100zM62.1 100Q62.6 54.9 62.2 17.9Q65.9 54.9 68.7 100zM74.3 100Q72.1 80.0 67.0 63.7Q74.1 80.0 78.3 100zM82.6 100Q85.4 67.9 89.9 41.6Q87.6 67.9 86.9 100zM87.0 100Q86.4 69.7 83.9 44.9Q89.0 69.7 92.3 100zM94.8 100Q100.4 51.2 109.3 11.2Q103.6 51.2 101.3 100zM105.7 100Q110.6 48.1 118.9 5.6Q112.5 48.1 109.5 100zM112.9 100Q123.4 49.0 141.8 7.3Q126.0 49.0 118.1 100zM119.8 100Q124.7 76.0 132.6 56.3Q127.3 76.0 125.1 100zM124.2 100Q128.9 81.2 136.1 65.9Q132.3 81.2 131.0 100zM132.4 100Q131.5 54.9 129.1 18.0Q133.4 54.9 136.1 100zM141.7 100Q149.9 56.0 164.3 20.0Q151.5 56.0 145.1 100zM151.1 100Q153.9 81.9 158.3 67.1Q156.1 81.9 155.5 100zM159.4 100Q161.2 48.4 163.2 6.3Q164.6 48.4 166.2 100zM165.4 100Q167.1 80.7 169.5 65.0Q168.8 80.7 168.7 100z'/%3E%3C/svg%3E") left bottom / 173px 70% repeat-x,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 131 100' preserveAspectRatio='none'%3E%3Cpath fill='%2377a653' d='M-1.3 100Q-8.8 46.2 -24.0 2.3Q-5.9 46.2 4.5 100zM7.4 100Q15.0 69.8 28.5 45.2Q17.0 69.8 11.3 100zM19.5 100Q19.9 62.8 19.7 32.5Q22.4 62.8 24.4 100zM25.5 100Q17.5 50.6 1.7 10.2Q19.5 50.6 29.6 100zM31.8 100Q32.2 69.2 31.5 44.0Q35.4 69.2 38.3 100zM42.9 100Q41.9 74.2 38.4 53.2Q45.2 74.2 49.7 100zM50.1 100Q49.1 57.5 46.2 22.8Q51.9 57.5 55.6 100zM60.7 100Q62.1 55.2 63.4 18.5Q64.8 55.2 66.3 100zM74.4 100Q68.7 58.8 57.4 25.1Q70.5 58.8 77.9 100zM81.9 100Q78.4 61.9 70.4 30.7Q81.7 61.9 88.5 100zM89.3 100Q98.1 53.9 113.7 16.3Q100.3 53.9 93.5 100zM95.6 100Q88.8 49.0 74.9 7.3Q91.8 49.0 101.5 100zM102.2 100Q107.9 55.2 117.0 18.6Q111.2 55.2 108.8 100zM117.6 100Q113.3 61.4 104.6 29.8Q115.2 61.4 121.3 100zM122.7 100Q116.9 61.2 104.8 29.4Q120.2 61.2 129.2 100z'/%3E%3C/svg%3E") 47px 58% / 131px 50% repeat-x,
    linear-gradient(180deg, transparent 45%, #6f9f4f 45%, #4d7f42 75%);
}

.meadow-back {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.garden-live .meadow.is-drawn .meadow-fringe,
.meadow.is-drawn .meadow-hills {
  display: none;
}

.hero-lift {
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
}

.hero-eyebrow {
  margin: 0;
  color: var(--gold-ink);
}

.hero-title {
  margin: 0;
  max-width: 100%;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(3.1rem, 9vw, 9rem);
  line-height: 0.92;
  letter-spacing: -0.035em;
  color: var(--leaf-ink);
  /* greedy wrap: balance splits "Predaj a / servis záhradnej" in Firefox */
  text-wrap: wrap;
}

.hw {
  display: inline-block;
  transform-origin: 40% 90%;
}

.meadow-front {
  position: absolute;
  z-index: 3;
  left: 0;
  width: 100%;
  top: 50%;
  height: 50%;
  pointer-events: none;
}

/* the soil the meadow grows from: lead and actions sit on the loam */
.hero-soil {
  position: relative;
  z-index: 4;
  padding: clamp(1.1rem, 2.8vh, 1.9rem) 0 clamp(1.25rem, 3.2vh, 2.1rem);
  color: var(--loam-ink);
  background:
    linear-gradient(180deg, rgba(40, 60, 24, 0.55) 0, rgba(40, 60, 24, 0) 14px),
    url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20220%20120%27%3E%3Cg%20fill=%27none%27%20stroke=%27%237a5a38%27%20stroke-opacity=%27.28%27%20stroke-width=%27.9%27%20stroke-linecap=%27round%27%3E%3Cpath%20d=%27M14%200c3%2014-4%2022%202%2036s-2%2020%203%2030%27/%3E%3Cpath%20d=%27M120%200c-2%2010%205%2018%200%2030s4%2018-1%2026%27/%3E%3Cpath%20d=%27M186%200c4%208-2%2014%203%2022%27/%3E%3C/g%3E%3Cg%20fill=%27%238a6e4e%27%20fill-opacity=%27.32%27%3E%3Cellipse%20cx=%2740%27%20cy=%2770%27%20rx=%274.5%27%20ry=%273%27/%3E%3Cellipse%20cx=%27150%27%20cy=%2748%27%20rx=%273.5%27%20ry=%272.4%27/%3E%3Cellipse%20cx=%2796%27%20cy=%27102%27%20rx=%275%27%20ry=%273.2%27/%3E%3Cellipse%20cx=%27200%27%20cy=%2796%27%20rx=%273%27%20ry=%272%27/%3E%3C/g%3E%3Cg%20fill=%27%23e8d3b0%27%20fill-opacity=%27.12%27%3E%3Ccircle%20cx=%2712%27%20cy=%2714%27%20r=%271.2%27/%3E%3Ccircle%20cx=%2747%27%20cy=%2761%27%20r=%27.9%27/%3E%3Ccircle%20cx=%2788%27%20cy=%2722%27%20r=%271.4%27/%3E%3Ccircle%20cx=%27131%27%20cy=%2780%27%20r=%271%27/%3E%3Ccircle%20cx=%27170%27%20cy=%2712%27%20r=%27.8%27/%3E%3Ccircle%20cx=%2771%27%20cy=%2794%27%20r=%271.1%27/%3E%3C/g%3E%3Cg%20fill=%27%23120b06%27%20fill-opacity=%27.26%27%3E%3Ccircle%20cx=%2730%27%20cy=%2740%27%20r=%271.6%27/%3E%3Ccircle%20cx=%27104%27%20cy=%2762%27%20r=%271.3%27/%3E%3Ccircle%20cx=%27160%27%20cy=%2736%27%20r=%271.8%27/%3E%3Ccircle%20cx=%2760%27%20cy=%2716%27%20r=%271.1%27/%3E%3C/g%3E%3C/svg%3E") 0 0 / 220px 120px,
    linear-gradient(180deg, #4a3423 0%, #3c2b1d 45%, #30231a 100%);
}

.grass-edge {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% - 5px);
  height: 44px;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20480%2044%27%20preserveAspectRatio=%27none%27%3E%3Cpath%20fill=%27%234f7f3a%27%20d=%27M-0.8%2038Q0.8%2030.5%202.7%2022.9Q3.0%2030.5%203.7%2038zM479.2%2038Q480.8%2030.5%20482.7%2022.9Q483.0%2030.5%20483.7%2038zM9.1%2038Q10.4%2034.8%2012.1%2031.7Q12.0%2034.8%2012.3%2038zM11.9%2038Q13.7%2033.8%2015.4%2029.6Q17.0%2033.8%2018.7%2038zM23.0%2038Q23.6%2031.3%2023.5%2024.7Q26.3%2031.3%2028.5%2038zM28.8%2038Q31.5%2025.4%2035.4%2012.9Q34.0%2025.4%2033.9%2038zM35.5%2038Q37.1%2034.9%2038.9%2031.7Q40.1%2034.9%2041.4%2038zM39.8%2038Q41.4%2035.0%2043.1%2031.9Q44.6%2035.0%2046.2%2038zM49.6%2038Q53.3%2025.2%2059.0%2012.5Q56.2%2025.2%2055.3%2038zM54.9%2038Q58.2%2026.6%2063.4%2015.2Q60.6%2026.6%2059.7%2038zM65.3%2038Q65.9%2034.7%2066.3%2031.4Q67.8%2034.7%2069.0%2038zM71.8%2038Q72.8%2031.8%2073.5%2025.6Q75.5%2031.8%2077.3%2038zM76.3%2038Q77.7%2032.4%2079.4%2026.8Q80.0%2032.4%2080.8%2038zM83.1%2038Q86.9%2024.8%2092.9%2011.6Q89.7%2024.8%2088.7%2038zM91.6%2038Q91.4%2023.2%2089.7%208.3Q94.2%2023.2%2097.2%2038zM98.1%2038Q100.4%2023.7%20103.2%209.3Q103.6%2023.7%20104.5%2038zM104.2%2038Q105.9%2034.0%20107.8%2030.0Q109.0%2034.0%20110.4%2038zM108.3%2038Q110.6%2034.9%20113.3%2031.7Q113.7%2034.9%20114.6%2038zM114.8%2038Q114.6%2026.6%20113.4%2015.2Q117.0%2026.6%20119.5%2038zM122.1%2038Q122.0%2027.1%20120.4%2016.2Q125.1%2027.1%20128.4%2038zM131.2%2038Q132.5%2034.9%20133.7%2031.8Q135.4%2034.9%20137.0%2038zM140.1%2038Q144.4%2023.4%20151.4%208.7Q146.9%2023.4%20145.1%2038zM143.2%2038Q144.1%2034.8%20144.4%2031.6Q146.7%2034.8%20148.6%2038zM149.4%2038Q150.1%2032.1%20150.2%2026.3Q152.8%2032.1%20154.8%2038zM155.8%2038Q159.4%2025.4%20165.0%2012.9Q161.5%2025.4%20160.1%2038zM167.7%2038Q169.0%2032.5%20170.5%2026.9Q171.5%2032.5%20172.5%2038zM172.8%2038Q174.6%2029.8%20176.9%2021.5Q177.2%2029.8%20178.0%2038zM181.7%2038Q183.6%2031.0%20186.2%2023.9Q186.0%2031.0%20186.5%2038zM183.2%2038Q185.1%2033.2%20187.0%2028.5Q188.4%2033.2%20190.0%2038zM193.0%2038Q194.4%2035.0%20195.8%2032.0Q196.7%2035.0%20197.7%2038zM196.2%2038Q196.3%2029.5%20195.3%2021.0Q199.1%2029.5%20201.7%2038zM206.8%2038Q207.9%2031.5%20208.9%2024.9Q210.8%2031.5%20212.4%2038zM215.3%2038Q214.6%2027.6%20212.5%2017.2Q216.2%2027.6%20218.6%2038zM221.5%2038Q222.6%2023.7%20223.7%209.4Q224.7%2023.7%20225.7%2038zM227.7%2038Q228.6%2033.1%20229.2%2028.1Q230.8%2033.1%20232.2%2038zM233.3%2038Q234.1%2029.8%20234.8%2021.5Q236.3%2029.8%20237.6%2038zM242.1%2038Q243.8%2035.0%20245.7%2031.9Q246.4%2035.0%20247.4%2038zM245.7%2038Q246.9%2033.9%20247.8%2029.8Q250.0%2033.9%20251.8%2038zM252.0%2038Q252.6%2031.8%20252.5%2025.7Q255.5%2031.8%20257.7%2038zM259.5%2038Q261.0%2032.9%20262.5%2027.9Q264.1%2032.9%20265.7%2038zM270.5%2038Q271.9%2034.3%20273.5%2030.6Q274.1%2034.3%20274.9%2038zM277.7%2038Q277.9%2031.6%20277.4%2025.3Q279.9%2031.6%20281.8%2038zM281.4%2038Q283.5%2034.2%20286.1%2030.3Q286.5%2034.2%20287.5%2038zM286.1%2038Q287.9%2033.4%20290.1%2028.9Q291.0%2033.4%20292.2%2038zM298.0%2038Q298.6%2032.8%20298.9%2027.6Q300.4%2032.8%20301.7%2038zM304.4%2038Q305.4%2033.5%20306.5%2029.0Q307.7%2033.5%20308.8%2038zM307.9%2038Q308.9%2032.1%20309.3%2026.2Q312.1%2032.1%20314.4%2038zM312.3%2038Q316.7%2024.1%20323.7%2010.1Q319.9%2024.1%20318.6%2038zM321.7%2038Q322.1%2023.9%20321.4%209.9Q325.4%2023.9%20328.2%2038zM331.0%2038Q332.7%2026.0%20334.7%2014.0Q335.5%2026.0%20336.5%2038zM335.8%2038Q336.0%2032.9%20335.6%2027.7Q338.0%2032.9%20339.8%2038zM343.4%2038Q344.2%2033.4%20344.4%2028.7Q347.3%2033.4%20349.5%2038zM352.0%2038Q355.3%2028.3%20360.0%2018.6Q358.6%2028.3%20358.6%2038zM360.5%2038Q362.2%2030.0%20364.7%2022.0Q363.8%2030.0%20363.7%2038zM361.7%2038Q363.2%2033.3%20364.9%2028.5Q366.0%2033.3%20367.3%2038zM370.1%2038Q370.9%2024.1%20371.2%2010.3Q373.6%2024.1%20375.5%2038zM376.2%2038Q379.1%2025.5%20383.3%2013.1Q381.5%2025.5%20381.2%2038zM383.6%2038Q385.4%2034.1%20387.7%2030.2Q388.0%2034.1%20388.7%2038zM388.7%2038Q391.8%2026.7%20396.3%2015.5Q395.1%2026.7%20395.2%2038zM400.1%2038Q401.9%2035.0%20404.2%2032.0Q404.6%2035.0%20405.5%2038zM402.8%2038Q404.0%2033.5%20405.3%2029.0Q406.1%2033.5%20407.0%2038zM411.0%2038Q411.4%2031.4%20410.8%2024.8Q414.4%2031.4%20417.0%2038zM416.8%2038Q417.2%2034.6%20417.2%2031.1Q419.0%2034.6%20420.4%2038zM429.4%2038Q430.5%2025.7%20431.9%2013.3Q432.3%2025.7%20432.9%2038zM431.7%2038Q433.2%2033.1%20435.0%2028.2Q435.4%2033.1%20436.2%2038zM440.5%2038Q441.3%2032.7%20441.8%2027.3Q443.2%2032.7%20444.4%2038zM443.6%2038Q444.8%2030.3%20445.9%2022.6Q447.7%2030.3%20449.4%2038zM450.8%2038Q452.2%2034.2%20453.7%2030.5Q454.4%2034.2%20455.3%2038zM461.2%2038Q463.1%2032.4%20465.3%2026.9Q466.1%2032.4%20467.3%2038zM466.5%2038Q468.2%2032.5%20470.5%2027.1Q470.7%2032.5%20471.4%2038zM-6.7%2038Q-6.2%2028.3%20-6.4%2018.6Q-3.8%2028.3%20-1.8%2038zM473.3%2038Q473.8%2028.3%20473.6%2018.6Q476.2%2028.3%20478.2%2038z%27/%3E%3Cpath%20fill=%27%2335602d%27%20d=%27M-0.7%2041Q0.8%2035.4%202.3%2029.9Q3.6%2035.4%205.1%2041zM479.3%2041Q480.8%2035.4%20482.3%2029.9Q483.6%2035.4%20485.1%2041zM6.1%2041Q7.1%2035.2%208.2%2029.3Q8.8%2035.2%209.5%2041zM12.1%2041Q12.5%2032.8%2012.4%2024.6Q14.0%2032.8%2015.2%2041zM13.9%2041Q13.9%2032.6%2012.7%2024.2Q16.4%2032.6%2018.9%2041zM23.6%2041Q25.5%2030.5%2028.0%2020.0Q27.9%2030.5%2028.5%2041zM25.2%2041Q26.0%2039.0%2026.6%2037.0Q28.2%2039.0%2029.7%2041zM31.5%2041Q32.2%2038.1%2033.0%2035.1Q33.7%2038.1%2034.4%2041zM37.2%2041Q39.0%2032.2%2041.3%2023.3Q41.2%2032.2%2041.7%2041zM42.9%2041Q43.6%2034.3%2043.8%2027.7Q45.7%2034.3%2047.2%2041zM50.0%2041Q52.5%2030.1%2055.9%2019.1Q55.2%2030.1%2055.5%2041zM53.0%2041Q53.5%2038.1%2053.7%2035.3Q55.4%2038.1%2056.7%2041zM59.6%2041Q60.9%2036.9%2062.1%2032.8Q63.6%2036.9%2065.1%2041zM67.2%2041Q67.1%2032.1%2066.2%2023.2Q68.5%2032.1%2070.0%2041zM70.7%2041Q72.1%2036.3%2073.4%2031.6Q75.1%2036.3%2076.7%2041zM72.4%2041Q73.3%2034.7%2073.8%2028.4Q75.9%2034.7%2077.7%2041zM77.5%2041Q79.4%2037.5%2081.6%2033.9Q82.3%2037.5%2083.4%2041zM84.3%2041Q84.7%2038.0%2084.6%2035.1Q86.2%2038.0%2087.5%2041zM92.2%2041Q93.3%2038.4%2094.5%2035.9Q95.6%2038.4%2096.8%2041zM95.3%2041Q96.7%2033.5%2098.5%2026.1Q98.3%2033.5%2098.5%2041zM100.2%2041Q100.7%2036.7%20101.0%2032.5Q102.5%2036.7%20103.6%2041zM109.4%2041Q111.8%2032.7%20115.3%2024.3Q113.7%2032.7%20113.2%2041zM110.2%2041Q111.9%2037.0%20113.9%2032.9Q114.7%2037.0%20115.8%2041zM116.1%2041Q116.1%2030.2%20115.5%2019.3Q117.9%2030.2%20119.6%2041zM124.5%2041Q124.9%2037.5%20124.9%2034.0Q126.8%2037.5%20128.2%2041zM126.6%2041Q127.9%2035.2%20129.4%2029.4Q129.7%2035.2%20130.2%2041zM132.2%2041Q133.7%2036.5%20135.3%2031.9Q136.6%2036.5%20138.1%2041zM139.7%2041Q139.5%2031.8%20138.4%2022.7Q141.2%2031.8%20143.1%2041zM146.6%2041Q146.6%2032.5%20145.9%2024.0Q148.4%2032.5%20150.2%2041zM151.2%2041Q154.0%2030.8%20158.5%2020.7Q155.7%2030.8%20154.6%2041zM156.8%2041Q157.1%2035.0%20156.6%2029.0Q159.1%2035.0%20161.0%2041zM158.4%2041Q160.3%2030.5%20163.1%2020.1Q162.1%2030.5%20162.0%2041zM164.2%2041Q164.9%2032.4%20165.1%2023.8Q167.2%2032.4%20168.9%2041zM170.0%2041Q170.1%2033.7%20169.7%2026.4Q171.6%2033.7%20173.0%2041zM176.3%2041Q176.9%2032.0%20177.0%2023.1Q179.3%2032.0%20181.1%2041zM184.3%2041Q184.8%2038.3%20185.2%2035.6Q186.3%2038.3%20187.2%2041zM187.1%2041Q187.9%2038.9%20188.6%2036.8Q189.6%2038.9%20190.5%2041zM192.8%2041Q194.2%2038.6%20195.9%2036.3Q196.1%2038.6%20196.7%2041zM199.5%2041Q201.1%2034.4%20203.0%2027.8Q203.6%2034.4%20204.5%2041zM201.9%2041Q203.0%2039.0%20204.4%2036.9Q204.4%2039.0%20204.8%2041zM209.9%2041Q211.4%2030.5%20213.5%2020.1Q212.8%2030.5%20212.8%2041zM213.7%2041Q216.3%2033.6%20220.1%2026.1Q218.2%2033.6%20217.6%2041zM216.4%2041Q218.7%2035.6%20221.7%2030.2Q221.3%2035.6%20221.6%2041zM224.9%2041Q227.5%2033.9%20231.2%2026.7Q230.1%2033.9%20230.2%2041zM228.2%2041Q230.7%2034.1%20234.2%2027.2Q233.6%2034.1%20233.9%2041zM233.9%2041Q235.7%2032.8%20237.8%2024.6Q238.4%2032.8%20239.5%2041zM240.7%2041Q242.1%2037.1%20243.7%2033.1Q244.4%2037.1%20245.3%2041zM242.7%2041Q245.3%2034.6%20248.7%2028.2Q248.3%2034.6%20248.7%2041zM251.6%2041Q253.1%2037.0%20254.7%2033.0Q255.7%2037.0%20256.7%2041zM256.6%2041Q258.4%2032.2%20261.0%2023.4Q259.9%2032.2%20259.6%2041zM259.3%2041Q259.9%2035.0%20260.0%2029.0Q262.1%2035.0%20263.6%2041zM267.6%2041Q269.7%2036.1%20272.6%2031.1Q272.1%2036.1%20272.4%2041zM271.3%2041Q272.5%2039.0%20273.7%2037.0Q274.3%2039.0%20275.1%2041zM275.5%2041Q277.1%2038.5%20278.9%2035.9Q279.9%2038.5%20281.2%2041zM282.9%2041Q284.6%2031.5%20287.0%2022.0Q286.5%2031.5%20286.7%2041zM286.3%2041Q288.4%2036.7%20291.2%2032.3Q291.1%2036.7%20291.6%2041zM295.2%2041Q296.2%2037.1%20297.0%2033.1Q298.5%2037.1%20299.9%2041zM296.6%2041Q298.7%2036.1%20301.5%2031.1Q301.4%2036.1%20302.1%2041zM305.6%2041Q305.4%2030.7%20304.2%2020.4Q307.2%2030.7%20309.3%2041zM309.8%2041Q310.6%2037.9%20311.4%2034.7Q312.3%2037.9%20313.2%2041zM315.8%2041Q317.5%2036.1%20319.8%2031.2Q319.4%2036.1%20319.6%2041zM323.2%2041Q323.2%2036.5%20322.6%2031.9Q324.7%2036.5%20326.2%2041zM327.0%2041Q328.4%2038.9%20329.8%2036.9Q330.9%2038.9%20332.1%2041zM330.7%2041Q330.4%2032.8%20329.3%2024.6Q331.9%2032.8%20333.6%2041zM335.5%2041Q336.7%2039.0%20337.7%2037.0Q339.4%2039.0%20340.9%2041zM339.6%2041Q340.8%2038.9%20342.0%2036.9Q343.2%2038.9%20344.4%2041zM347.0%2041Q349.6%2034.4%20353.4%2027.9Q352.3%2034.4%20352.4%2041zM353.1%2041Q353.9%2038.3%20354.5%2035.6Q356.1%2038.3%20357.4%2041zM354.8%2041Q355.6%2036.3%20356.0%2031.6Q358.2%2036.3%20359.9%2041zM361.5%2041Q362.8%2037.4%20364.3%2033.7Q365.3%2037.4%20366.5%2041zM368.9%2041Q371.0%2033.2%20373.9%2025.5Q373.0%2033.2%20373.0%2041zM374.8%2041Q376.5%2038.8%20378.3%2036.6Q379.4%2038.8%20380.6%2041zM376.9%2041Q378.9%2036.5%20381.6%2031.9Q381.3%2036.5%20381.7%2041zM383.0%2041Q385.2%2035.4%20388.0%2029.7Q388.0%2035.4%20388.6%2041zM391.4%2041Q392.2%2036.4%20392.6%2031.7Q394.6%2036.4%20396.3%2041zM395.7%2041Q397.8%2032.5%20400.6%2023.9Q400.2%2032.5%20400.6%2041zM398.1%2041Q401.5%2031.4%20406.6%2021.8Q404.5%2031.4%20404.0%2041zM406.0%2041Q408.4%2032.8%20412.1%2024.6Q410.3%2032.8%20409.8%2041zM413.2%2041Q414.0%2037.3%20414.7%2033.7Q415.5%2037.3%20416.3%2041zM416.5%2041Q416.3%2033.1%20415.0%2025.2Q418.4%2033.1%20420.8%2041zM422.5%2041Q423.7%2038.9%20424.6%2036.8Q426.3%2038.9%20427.9%2041zM426.6%2041Q426.5%2032.9%20425.6%2024.7Q428.1%2032.9%20429.9%2041zM431.7%2041Q433.8%2033.6%20436.4%2026.3Q436.5%2033.6%20437.2%2041zM439.0%2041Q439.7%2036.1%20439.9%2031.2Q442.6%2036.1%20444.8%2041zM441.9%2041Q443.4%2035.8%20445.3%2030.5Q445.2%2035.8%20445.6%2041zM448.3%2041Q449.9%2035.8%20451.7%2030.6Q452.7%2035.8%20453.8%2041zM452.1%2041Q454.1%2037.1%20456.8%2033.2Q456.9%2037.1%20457.6%2041zM456.7%2041Q458.4%2032.1%20460.4%2023.1Q461.4%2032.1%20462.6%2041zM464.5%2041Q465.7%2038.3%20466.9%2035.6Q467.9%2038.3%20469.0%2041zM469.3%2041Q470.8%2039.0%20472.4%2036.9Q473.8%2039.0%20475.2%2041zM-5.7%2041Q-4.4%2032.7%20-3.0%2024.4Q-2.1%2032.7%20-1.1%2041zM474.3%2041Q475.6%2032.7%20477.0%2024.4Q477.9%2032.7%20478.9%2041z%27/%3E%3Crect%20y=%2740%27%20width=%27480%27%20height=%274%27%20fill=%27%232c4a24%27/%3E%3C/svg%3E") 0 100% / 480px 44px repeat-x;
}

.hero-soil-inner {
  width: min(100% - 2.5rem, var(--max));
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 2.5rem;
}

.hero-lead {
  margin: 0;
  max-width: 42rem;
  font-size: clamp(1rem, 1.3vw, 1.14rem);
  line-height: 1.55;
  color: rgba(246, 237, 218, 0.92);
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.btn-sun {
  background: #f3d57e;
  color: #2a1c0e;
  border-color: #f3d57e;
  box-shadow: 0 10px 30px -12px rgba(243, 213, 126, 0.55);
}

.btn-sun:hover {
  background: #f8e2a2;
  border-color: #f8e2a2;
  color: #22170b;
}

.btn-loam {
  background: rgba(246, 237, 218, 0.06);
  color: #f6edda;
  border-color: rgba(246, 237, 218, 0.5);
}

.btn-loam:hover {
  background: rgba(246, 237, 218, 0.16);
  color: #fff;
  border-color: rgba(246, 237, 218, 0.85);
}

/* ——— the opening (JS present, motion welcome) ——— */
.garden-live .meadow:not(.is-bloom) .meadow-sun {
  transform: scale(0.9);
  opacity: 0.6;
}

.garden-live .meadow:not(.is-bloom) .meadow-rays {
  opacity: 0;
}

.garden-live .hw {
  /* painted from the first frame, leaning in the breeze; the gust straightens each word */
  transform: skewX(8deg) translateY(0.03em);
  animation: hw-failsafe 0.7s var(--ease-out) 3.4s forwards;
}

.garden-live .hw.is-up {
  animation: hw-spring 0.95s cubic-bezier(0.3, 0.9, 0.4, 1) both;
}

.garden-live .hw.is-gust {
  animation: hw-sway 1.3s ease-in-out both;
}

.garden-live .hero-eyebrow {
  animation: rise 0.8s var(--ease-out) 0.1s both;
}

.garden-live .hero-soil-inner > * {
  opacity: 0.6;
  animation: hw-failsafe 0.8s var(--ease-out) 1.6s forwards;
}

.garden-live .is-lead .hero-soil-inner > * {
  animation: rise 0.8s var(--ease-out) 0.12s both;
}

.garden-live .is-lead .hero-soil-inner > * + * {
  animation-delay: 0.24s;
}

/* the rays breathe only while the hero is on screen (garden.js sets .is-inview): a running animation
   keeps this large masked layer and its mask composited however far the reader scrolls away.
   Starting half a cycle in, they resume from their resting angle: no jump when they come back. */
.garden-live .meadow.is-inview .meadow-rays {
  animation: rays-breathe 16s ease-in-out -8s infinite alternate;
}

@keyframes hw-failsafe {
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes hw-spring {
  0% {
    transform: skewX(8deg) translateY(0.03em);
  }
  30% {
    transform: skewX(-13deg) translateX(0.05em);
  }
  58% {
    transform: skewX(5deg);
  }
  80% {
    transform: skewX(-2deg);
  }
  100% {
    transform: none;
  }
}

@keyframes hw-sway {
  0%,
  100% {
    transform: none;
  }
  35% {
    transform: skewX(-6deg) translateX(0.02em);
  }
  70% {
    transform: skewX(2deg);
  }
}

@keyframes rise {
  from {
    opacity: 0.6;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes rays-breathe {
  from {
    transform: rotate(-2deg);
  }
  to {
    transform: rotate(2deg);
  }
}

@media (max-width: 699px) {
  .hero-stage {
    padding-bottom: clamp(2rem, 6vh, 3.5rem);
  }

  .meadow-sun {
    left: 74%;
    top: 34%;
  }

  .meadow-hills {
    bottom: 30%;
    height: 26%;
  }

  .hero-soil-inner {
    gap: 0.9rem;
  }

  .hero-title {
    font-size: clamp(3.1rem, 15vw, 5.5rem);
    line-height: 0.95;
  }

  .hero-lead {
    font-size: 0.98rem;
    line-height: 1.5;
  }

  .hero-actions {
    width: 100%;
    flex-wrap: nowrap;
  }

  .hero-actions .btn {
    flex: 1 1 0;
    min-width: 0;
    min-height: 2.9rem;
    padding-inline: 1rem;
  }
}

/* ——— The canopy: boughs painted once by garden.js, swayed here on the compositor ——— */
.canopy {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}

.bough {
  position: absolute;
  display: block;
  max-width: none;
}

/* swayed every frame by garden.js: keep each bough on its own compositor layer */
.garden-live .bough {
  will-change: transform;
}


/* ——— Intro: an editorial lede and three garden stakes ——— */
.intro {
  position: relative;
  overflow: hidden;
  padding: clamp(3.5rem, 8vw, 6.5rem) 0 clamp(3rem, 7vw, 5.5rem);
}

.hero-soil::after {
  /* the torn lower edge of the loam */
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% - 1px);
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 12' preserveAspectRatio='none'%3E%3Cpath fill='%232a1e15' d='M0 0H240V9.1L236 8.1L232 7.4L228 7.1L224 6.7L220 5.5L216 3.8L212 2.7L208 3L204 4.1L200 4.9L196 4.7L192 4.3L188 4.5L184 5.2L180 5.6L176 5L172 3.9L168 3.4L164 4.3L160 5.8L156 7L152 7.4L148 7.6L144 8.4L140 9.5L136 10L132 9.2L128 7.6L124 6.4L120 6.3L116 6.7L112 6.7L108 6L104 5.5L100 5.8L96 6.7L92 6.9L88 5.9L84 4.2L80 3.1L76 2.9L72 3.3L68 3.3L64 2.9L60 3L56 4.2L52 6.1L48 7.4L44 7.5L40 6.8L36 6.6L32 7L28 7.5L24 7.3L20 6.6L16 6.3L12 7.2L8 8.7L4 9.5L0 9.1z'/%3E%3C/svg%3E") 0 0 / 240px 12px repeat-x;
  pointer-events: none;
}

.intro-inner {
  display: grid;
  gap: clamp(2.5rem, 5vw, 3.5rem);
  align-items: end;
}

@media (min-width: 1000px) {
  .intro-inner {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: clamp(2.5rem, 5vw, 5rem);
  }
}

.intro-label {
  margin: 0 0 1.4rem;
}

.intro-lede {
  margin: 0;
  max-width: 36ch;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(1.3rem, 2.1vw, 1.85rem);
  line-height: 1.42;
  letter-spacing: -0.012em;
  color: var(--leaf-ink);
  hanging-punctuation: first;
  text-wrap: pretty;
}

.stakes {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0 0 6px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: clamp(0.8rem, 2vw, 1.6rem);
}

.stake {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: rotate(var(--lean, 0deg));
  transform-origin: 50% 100%;
}

.stake::after {
  /* the post, pointed, pushed into the bed */
  content: "";
  width: 16px;
  height: var(--post, 4rem);
  margin-top: -2px;
  background: linear-gradient(90deg, #8a5f36, #b3844f 40%, #9a6c3e 70%, #7a532f);
  clip-path: polygon(0 0, 100% 0, 100% 86%, 50% 100%, 0 86%);
  box-shadow: inset 0 6px 6px -4px rgba(40, 20, 5, 0.5);
}

.stake-board {
  position: relative;
  width: 100%;
  max-width: 17rem;
  padding: 1.2rem 1.1rem 1.2rem;
  border-radius: 7px 7px 9px 9px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 60' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%237a5530' stroke-opacity='.22' stroke-width='1'%3E%3Cpath d='M0 8c40-3 80 4 120 1s60-4 80-2'/%3E%3Cpath d='M0 19c30 2 70-3 110 0s70 3 90 1'/%3E%3Cpath d='M0 31c50-4 90 3 130 0s50-2 70 1'/%3E%3Cpath d='M0 43c40 2 60-2 100 1s70 3 100-1'/%3E%3Cpath d='M0 53c30-2 80 3 120 0s60-1 80 2'/%3E%3Cpath d='M60 26c8-4 18-4 24 0-6 5-16 5-24 0z' stroke-opacity='.3'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100%, linear-gradient(180deg, #d7ae78 0%, #c99b62 55%, #bb8b53 100%);
  box-shadow: inset 0 1px 0 rgba(255, 236, 200, 0.55), inset 0 -3px 0 rgba(90, 55, 20, 0.28), 0 14px 26px -14px rgba(60, 35, 10, 0.6);
  color: #2a1a0b;
  text-align: center;
}

.stake-board::before,
.stake-board::after {
  /* two nails */
  content: "";
  position: absolute;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #d9d3c8, #6d665c 70%);
}

.stake-board::before {
  left: 9px;
}

.stake-board::after {
  right: 9px;
}

.stake-h {
  justify-content: center;
  margin: 0 0 0.5rem;
  font-size: 0.66rem;
  color: #4a2f14;
  letter-spacing: 0.14em;
}

.stake-h::before {
  display: none;
}

.stake-v {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.05rem, 1.5vw, 1.32rem);
  line-height: 1.35;
  font-variant-numeric: oldstyle-nums;
  text-shadow: 0 1px 0 rgba(255, 236, 200, 0.45);
  overflow-wrap: break-word;
  text-wrap: balance;
}

.stake-v strong {
  font-size: 1.25em;
  font-weight: 600;
  white-space: nowrap;
}

.stake:first-child {
  flex-grow: 1.35;
}

.stake:first-child .stake-board {
  max-width: 19rem;
}

.stake-v a {
  white-space: nowrap;
  color: #2a1a0b;
  font-weight: 600;
  text-decoration-color: rgba(42, 26, 11, 0.4);
}

.stake-v a:hover {
  color: #000;
}

.stake-v a:focus-visible {
  outline-color: #2a1a0b;
}

/* the little bed the stakes stand in */
/* a patch of real turf the stakes are pushed into, with a few flowers in it */
.stakes::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: -3.5rem;
  right: -3.5rem;
  bottom: -30px;
  height: 64px;
  background:
    radial-gradient(circle at 16% 34%, #fffaf0 0 2.2px, transparent 3.2px),
    radial-gradient(circle at 34% 58%, #f3cf4a 0 2px, transparent 3px),
    radial-gradient(circle at 57% 40%, #fffaf0 0 2px, transparent 3px),
    radial-gradient(circle at 71% 62%, #b7a6dc 0 2.2px, transparent 3.2px),
    radial-gradient(circle at 86% 36%, #fffaf0 0 2px, transparent 3px),
    radial-gradient(ellipse 50% 70% at 50% 22%, #7aab55 0%, #6a9c49 38%, rgba(106, 156, 73, 0.55) 60%, rgba(106, 156, 73, 0) 80%);
  pointer-events: none;
}

.stakes::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: -1.5rem;
  right: -1.5rem;
  bottom: -6px;
  height: 30px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20480%2044%27%20preserveAspectRatio=%27none%27%3E%3Cpath%20fill=%27%234f7f3a%27%20d=%27M-0.8%2038Q0.8%2030.5%202.7%2022.9Q3.0%2030.5%203.7%2038zM479.2%2038Q480.8%2030.5%20482.7%2022.9Q483.0%2030.5%20483.7%2038zM9.1%2038Q10.4%2034.8%2012.1%2031.7Q12.0%2034.8%2012.3%2038zM11.9%2038Q13.7%2033.8%2015.4%2029.6Q17.0%2033.8%2018.7%2038zM23.0%2038Q23.6%2031.3%2023.5%2024.7Q26.3%2031.3%2028.5%2038zM28.8%2038Q31.5%2025.4%2035.4%2012.9Q34.0%2025.4%2033.9%2038zM35.5%2038Q37.1%2034.9%2038.9%2031.7Q40.1%2034.9%2041.4%2038zM39.8%2038Q41.4%2035.0%2043.1%2031.9Q44.6%2035.0%2046.2%2038zM49.6%2038Q53.3%2025.2%2059.0%2012.5Q56.2%2025.2%2055.3%2038zM54.9%2038Q58.2%2026.6%2063.4%2015.2Q60.6%2026.6%2059.7%2038zM65.3%2038Q65.9%2034.7%2066.3%2031.4Q67.8%2034.7%2069.0%2038zM71.8%2038Q72.8%2031.8%2073.5%2025.6Q75.5%2031.8%2077.3%2038zM76.3%2038Q77.7%2032.4%2079.4%2026.8Q80.0%2032.4%2080.8%2038zM83.1%2038Q86.9%2024.8%2092.9%2011.6Q89.7%2024.8%2088.7%2038zM91.6%2038Q91.4%2023.2%2089.7%208.3Q94.2%2023.2%2097.2%2038zM98.1%2038Q100.4%2023.7%20103.2%209.3Q103.6%2023.7%20104.5%2038zM104.2%2038Q105.9%2034.0%20107.8%2030.0Q109.0%2034.0%20110.4%2038zM108.3%2038Q110.6%2034.9%20113.3%2031.7Q113.7%2034.9%20114.6%2038zM114.8%2038Q114.6%2026.6%20113.4%2015.2Q117.0%2026.6%20119.5%2038zM122.1%2038Q122.0%2027.1%20120.4%2016.2Q125.1%2027.1%20128.4%2038zM131.2%2038Q132.5%2034.9%20133.7%2031.8Q135.4%2034.9%20137.0%2038zM140.1%2038Q144.4%2023.4%20151.4%208.7Q146.9%2023.4%20145.1%2038zM143.2%2038Q144.1%2034.8%20144.4%2031.6Q146.7%2034.8%20148.6%2038zM149.4%2038Q150.1%2032.1%20150.2%2026.3Q152.8%2032.1%20154.8%2038zM155.8%2038Q159.4%2025.4%20165.0%2012.9Q161.5%2025.4%20160.1%2038zM167.7%2038Q169.0%2032.5%20170.5%2026.9Q171.5%2032.5%20172.5%2038zM172.8%2038Q174.6%2029.8%20176.9%2021.5Q177.2%2029.8%20178.0%2038zM181.7%2038Q183.6%2031.0%20186.2%2023.9Q186.0%2031.0%20186.5%2038zM183.2%2038Q185.1%2033.2%20187.0%2028.5Q188.4%2033.2%20190.0%2038zM193.0%2038Q194.4%2035.0%20195.8%2032.0Q196.7%2035.0%20197.7%2038zM196.2%2038Q196.3%2029.5%20195.3%2021.0Q199.1%2029.5%20201.7%2038zM206.8%2038Q207.9%2031.5%20208.9%2024.9Q210.8%2031.5%20212.4%2038zM215.3%2038Q214.6%2027.6%20212.5%2017.2Q216.2%2027.6%20218.6%2038zM221.5%2038Q222.6%2023.7%20223.7%209.4Q224.7%2023.7%20225.7%2038zM227.7%2038Q228.6%2033.1%20229.2%2028.1Q230.8%2033.1%20232.2%2038zM233.3%2038Q234.1%2029.8%20234.8%2021.5Q236.3%2029.8%20237.6%2038zM242.1%2038Q243.8%2035.0%20245.7%2031.9Q246.4%2035.0%20247.4%2038zM245.7%2038Q246.9%2033.9%20247.8%2029.8Q250.0%2033.9%20251.8%2038zM252.0%2038Q252.6%2031.8%20252.5%2025.7Q255.5%2031.8%20257.7%2038zM259.5%2038Q261.0%2032.9%20262.5%2027.9Q264.1%2032.9%20265.7%2038zM270.5%2038Q271.9%2034.3%20273.5%2030.6Q274.1%2034.3%20274.9%2038zM277.7%2038Q277.9%2031.6%20277.4%2025.3Q279.9%2031.6%20281.8%2038zM281.4%2038Q283.5%2034.2%20286.1%2030.3Q286.5%2034.2%20287.5%2038zM286.1%2038Q287.9%2033.4%20290.1%2028.9Q291.0%2033.4%20292.2%2038zM298.0%2038Q298.6%2032.8%20298.9%2027.6Q300.4%2032.8%20301.7%2038zM304.4%2038Q305.4%2033.5%20306.5%2029.0Q307.7%2033.5%20308.8%2038zM307.9%2038Q308.9%2032.1%20309.3%2026.2Q312.1%2032.1%20314.4%2038zM312.3%2038Q316.7%2024.1%20323.7%2010.1Q319.9%2024.1%20318.6%2038zM321.7%2038Q322.1%2023.9%20321.4%209.9Q325.4%2023.9%20328.2%2038zM331.0%2038Q332.7%2026.0%20334.7%2014.0Q335.5%2026.0%20336.5%2038zM335.8%2038Q336.0%2032.9%20335.6%2027.7Q338.0%2032.9%20339.8%2038zM343.4%2038Q344.2%2033.4%20344.4%2028.7Q347.3%2033.4%20349.5%2038zM352.0%2038Q355.3%2028.3%20360.0%2018.6Q358.6%2028.3%20358.6%2038zM360.5%2038Q362.2%2030.0%20364.7%2022.0Q363.8%2030.0%20363.7%2038zM361.7%2038Q363.2%2033.3%20364.9%2028.5Q366.0%2033.3%20367.3%2038zM370.1%2038Q370.9%2024.1%20371.2%2010.3Q373.6%2024.1%20375.5%2038zM376.2%2038Q379.1%2025.5%20383.3%2013.1Q381.5%2025.5%20381.2%2038zM383.6%2038Q385.4%2034.1%20387.7%2030.2Q388.0%2034.1%20388.7%2038zM388.7%2038Q391.8%2026.7%20396.3%2015.5Q395.1%2026.7%20395.2%2038zM400.1%2038Q401.9%2035.0%20404.2%2032.0Q404.6%2035.0%20405.5%2038zM402.8%2038Q404.0%2033.5%20405.3%2029.0Q406.1%2033.5%20407.0%2038zM411.0%2038Q411.4%2031.4%20410.8%2024.8Q414.4%2031.4%20417.0%2038zM416.8%2038Q417.2%2034.6%20417.2%2031.1Q419.0%2034.6%20420.4%2038zM429.4%2038Q430.5%2025.7%20431.9%2013.3Q432.3%2025.7%20432.9%2038zM431.7%2038Q433.2%2033.1%20435.0%2028.2Q435.4%2033.1%20436.2%2038zM440.5%2038Q441.3%2032.7%20441.8%2027.3Q443.2%2032.7%20444.4%2038zM443.6%2038Q444.8%2030.3%20445.9%2022.6Q447.7%2030.3%20449.4%2038zM450.8%2038Q452.2%2034.2%20453.7%2030.5Q454.4%2034.2%20455.3%2038zM461.2%2038Q463.1%2032.4%20465.3%2026.9Q466.1%2032.4%20467.3%2038zM466.5%2038Q468.2%2032.5%20470.5%2027.1Q470.7%2032.5%20471.4%2038zM-6.7%2038Q-6.2%2028.3%20-6.4%2018.6Q-3.8%2028.3%20-1.8%2038zM473.3%2038Q473.8%2028.3%20473.6%2018.6Q476.2%2028.3%20478.2%2038z%27/%3E%3Cpath%20fill=%27%2335602d%27%20d=%27M-0.7%2041Q0.8%2035.4%202.3%2029.9Q3.6%2035.4%205.1%2041zM479.3%2041Q480.8%2035.4%20482.3%2029.9Q483.6%2035.4%20485.1%2041zM6.1%2041Q7.1%2035.2%208.2%2029.3Q8.8%2035.2%209.5%2041zM12.1%2041Q12.5%2032.8%2012.4%2024.6Q14.0%2032.8%2015.2%2041zM13.9%2041Q13.9%2032.6%2012.7%2024.2Q16.4%2032.6%2018.9%2041zM23.6%2041Q25.5%2030.5%2028.0%2020.0Q27.9%2030.5%2028.5%2041zM25.2%2041Q26.0%2039.0%2026.6%2037.0Q28.2%2039.0%2029.7%2041zM31.5%2041Q32.2%2038.1%2033.0%2035.1Q33.7%2038.1%2034.4%2041zM37.2%2041Q39.0%2032.2%2041.3%2023.3Q41.2%2032.2%2041.7%2041zM42.9%2041Q43.6%2034.3%2043.8%2027.7Q45.7%2034.3%2047.2%2041zM50.0%2041Q52.5%2030.1%2055.9%2019.1Q55.2%2030.1%2055.5%2041zM53.0%2041Q53.5%2038.1%2053.7%2035.3Q55.4%2038.1%2056.7%2041zM59.6%2041Q60.9%2036.9%2062.1%2032.8Q63.6%2036.9%2065.1%2041zM67.2%2041Q67.1%2032.1%2066.2%2023.2Q68.5%2032.1%2070.0%2041zM70.7%2041Q72.1%2036.3%2073.4%2031.6Q75.1%2036.3%2076.7%2041zM72.4%2041Q73.3%2034.7%2073.8%2028.4Q75.9%2034.7%2077.7%2041zM77.5%2041Q79.4%2037.5%2081.6%2033.9Q82.3%2037.5%2083.4%2041zM84.3%2041Q84.7%2038.0%2084.6%2035.1Q86.2%2038.0%2087.5%2041zM92.2%2041Q93.3%2038.4%2094.5%2035.9Q95.6%2038.4%2096.8%2041zM95.3%2041Q96.7%2033.5%2098.5%2026.1Q98.3%2033.5%2098.5%2041zM100.2%2041Q100.7%2036.7%20101.0%2032.5Q102.5%2036.7%20103.6%2041zM109.4%2041Q111.8%2032.7%20115.3%2024.3Q113.7%2032.7%20113.2%2041zM110.2%2041Q111.9%2037.0%20113.9%2032.9Q114.7%2037.0%20115.8%2041zM116.1%2041Q116.1%2030.2%20115.5%2019.3Q117.9%2030.2%20119.6%2041zM124.5%2041Q124.9%2037.5%20124.9%2034.0Q126.8%2037.5%20128.2%2041zM126.6%2041Q127.9%2035.2%20129.4%2029.4Q129.7%2035.2%20130.2%2041zM132.2%2041Q133.7%2036.5%20135.3%2031.9Q136.6%2036.5%20138.1%2041zM139.7%2041Q139.5%2031.8%20138.4%2022.7Q141.2%2031.8%20143.1%2041zM146.6%2041Q146.6%2032.5%20145.9%2024.0Q148.4%2032.5%20150.2%2041zM151.2%2041Q154.0%2030.8%20158.5%2020.7Q155.7%2030.8%20154.6%2041zM156.8%2041Q157.1%2035.0%20156.6%2029.0Q159.1%2035.0%20161.0%2041zM158.4%2041Q160.3%2030.5%20163.1%2020.1Q162.1%2030.5%20162.0%2041zM164.2%2041Q164.9%2032.4%20165.1%2023.8Q167.2%2032.4%20168.9%2041zM170.0%2041Q170.1%2033.7%20169.7%2026.4Q171.6%2033.7%20173.0%2041zM176.3%2041Q176.9%2032.0%20177.0%2023.1Q179.3%2032.0%20181.1%2041zM184.3%2041Q184.8%2038.3%20185.2%2035.6Q186.3%2038.3%20187.2%2041zM187.1%2041Q187.9%2038.9%20188.6%2036.8Q189.6%2038.9%20190.5%2041zM192.8%2041Q194.2%2038.6%20195.9%2036.3Q196.1%2038.6%20196.7%2041zM199.5%2041Q201.1%2034.4%20203.0%2027.8Q203.6%2034.4%20204.5%2041zM201.9%2041Q203.0%2039.0%20204.4%2036.9Q204.4%2039.0%20204.8%2041zM209.9%2041Q211.4%2030.5%20213.5%2020.1Q212.8%2030.5%20212.8%2041zM213.7%2041Q216.3%2033.6%20220.1%2026.1Q218.2%2033.6%20217.6%2041zM216.4%2041Q218.7%2035.6%20221.7%2030.2Q221.3%2035.6%20221.6%2041zM224.9%2041Q227.5%2033.9%20231.2%2026.7Q230.1%2033.9%20230.2%2041zM228.2%2041Q230.7%2034.1%20234.2%2027.2Q233.6%2034.1%20233.9%2041zM233.9%2041Q235.7%2032.8%20237.8%2024.6Q238.4%2032.8%20239.5%2041zM240.7%2041Q242.1%2037.1%20243.7%2033.1Q244.4%2037.1%20245.3%2041zM242.7%2041Q245.3%2034.6%20248.7%2028.2Q248.3%2034.6%20248.7%2041zM251.6%2041Q253.1%2037.0%20254.7%2033.0Q255.7%2037.0%20256.7%2041zM256.6%2041Q258.4%2032.2%20261.0%2023.4Q259.9%2032.2%20259.6%2041zM259.3%2041Q259.9%2035.0%20260.0%2029.0Q262.1%2035.0%20263.6%2041zM267.6%2041Q269.7%2036.1%20272.6%2031.1Q272.1%2036.1%20272.4%2041zM271.3%2041Q272.5%2039.0%20273.7%2037.0Q274.3%2039.0%20275.1%2041zM275.5%2041Q277.1%2038.5%20278.9%2035.9Q279.9%2038.5%20281.2%2041zM282.9%2041Q284.6%2031.5%20287.0%2022.0Q286.5%2031.5%20286.7%2041zM286.3%2041Q288.4%2036.7%20291.2%2032.3Q291.1%2036.7%20291.6%2041zM295.2%2041Q296.2%2037.1%20297.0%2033.1Q298.5%2037.1%20299.9%2041zM296.6%2041Q298.7%2036.1%20301.5%2031.1Q301.4%2036.1%20302.1%2041zM305.6%2041Q305.4%2030.7%20304.2%2020.4Q307.2%2030.7%20309.3%2041zM309.8%2041Q310.6%2037.9%20311.4%2034.7Q312.3%2037.9%20313.2%2041zM315.8%2041Q317.5%2036.1%20319.8%2031.2Q319.4%2036.1%20319.6%2041zM323.2%2041Q323.2%2036.5%20322.6%2031.9Q324.7%2036.5%20326.2%2041zM327.0%2041Q328.4%2038.9%20329.8%2036.9Q330.9%2038.9%20332.1%2041zM330.7%2041Q330.4%2032.8%20329.3%2024.6Q331.9%2032.8%20333.6%2041zM335.5%2041Q336.7%2039.0%20337.7%2037.0Q339.4%2039.0%20340.9%2041zM339.6%2041Q340.8%2038.9%20342.0%2036.9Q343.2%2038.9%20344.4%2041zM347.0%2041Q349.6%2034.4%20353.4%2027.9Q352.3%2034.4%20352.4%2041zM353.1%2041Q353.9%2038.3%20354.5%2035.6Q356.1%2038.3%20357.4%2041zM354.8%2041Q355.6%2036.3%20356.0%2031.6Q358.2%2036.3%20359.9%2041zM361.5%2041Q362.8%2037.4%20364.3%2033.7Q365.3%2037.4%20366.5%2041zM368.9%2041Q371.0%2033.2%20373.9%2025.5Q373.0%2033.2%20373.0%2041zM374.8%2041Q376.5%2038.8%20378.3%2036.6Q379.4%2038.8%20380.6%2041zM376.9%2041Q378.9%2036.5%20381.6%2031.9Q381.3%2036.5%20381.7%2041zM383.0%2041Q385.2%2035.4%20388.0%2029.7Q388.0%2035.4%20388.6%2041zM391.4%2041Q392.2%2036.4%20392.6%2031.7Q394.6%2036.4%20396.3%2041zM395.7%2041Q397.8%2032.5%20400.6%2023.9Q400.2%2032.5%20400.6%2041zM398.1%2041Q401.5%2031.4%20406.6%2021.8Q404.5%2031.4%20404.0%2041zM406.0%2041Q408.4%2032.8%20412.1%2024.6Q410.3%2032.8%20409.8%2041zM413.2%2041Q414.0%2037.3%20414.7%2033.7Q415.5%2037.3%20416.3%2041zM416.5%2041Q416.3%2033.1%20415.0%2025.2Q418.4%2033.1%20420.8%2041zM422.5%2041Q423.7%2038.9%20424.6%2036.8Q426.3%2038.9%20427.9%2041zM426.6%2041Q426.5%2032.9%20425.6%2024.7Q428.1%2032.9%20429.9%2041zM431.7%2041Q433.8%2033.6%20436.4%2026.3Q436.5%2033.6%20437.2%2041zM439.0%2041Q439.7%2036.1%20439.9%2031.2Q442.6%2036.1%20444.8%2041zM441.9%2041Q443.4%2035.8%20445.3%2030.5Q445.2%2035.8%20445.6%2041zM448.3%2041Q449.9%2035.8%20451.7%2030.6Q452.7%2035.8%20453.8%2041zM452.1%2041Q454.1%2037.1%20456.8%2033.2Q456.9%2037.1%20457.6%2041zM456.7%2041Q458.4%2032.1%20460.4%2023.1Q461.4%2032.1%20462.6%2041zM464.5%2041Q465.7%2038.3%20466.9%2035.6Q467.9%2038.3%20469.0%2041zM469.3%2041Q470.8%2039.0%20472.4%2036.9Q473.8%2039.0%20475.2%2041zM-5.7%2041Q-4.4%2032.7%20-3.0%2024.4Q-2.1%2032.7%20-1.1%2041zM474.3%2041Q475.6%2032.7%20477.0%2024.4Q477.9%2032.7%20478.9%2041z%27/%3E%3Crect%20y=%2740%27%20width=%27480%27%20height=%274%27%20fill=%27%232c4a24%27/%3E%3C/svg%3E") 0 100% / 300px 30px repeat-x;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  pointer-events: none;
}

.stakes-bed {
  display: none;
  position: relative;
  height: 34px;
  margin-top: -26px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20480%2044%27%20preserveAspectRatio=%27none%27%3E%3Cpath%20fill=%27%234f7f3a%27%20d=%27M-0.8%2038Q0.8%2030.5%202.7%2022.9Q3.0%2030.5%203.7%2038zM479.2%2038Q480.8%2030.5%20482.7%2022.9Q483.0%2030.5%20483.7%2038zM9.1%2038Q10.4%2034.8%2012.1%2031.7Q12.0%2034.8%2012.3%2038zM11.9%2038Q13.7%2033.8%2015.4%2029.6Q17.0%2033.8%2018.7%2038zM23.0%2038Q23.6%2031.3%2023.5%2024.7Q26.3%2031.3%2028.5%2038zM28.8%2038Q31.5%2025.4%2035.4%2012.9Q34.0%2025.4%2033.9%2038zM35.5%2038Q37.1%2034.9%2038.9%2031.7Q40.1%2034.9%2041.4%2038zM39.8%2038Q41.4%2035.0%2043.1%2031.9Q44.6%2035.0%2046.2%2038zM49.6%2038Q53.3%2025.2%2059.0%2012.5Q56.2%2025.2%2055.3%2038zM54.9%2038Q58.2%2026.6%2063.4%2015.2Q60.6%2026.6%2059.7%2038zM65.3%2038Q65.9%2034.7%2066.3%2031.4Q67.8%2034.7%2069.0%2038zM71.8%2038Q72.8%2031.8%2073.5%2025.6Q75.5%2031.8%2077.3%2038zM76.3%2038Q77.7%2032.4%2079.4%2026.8Q80.0%2032.4%2080.8%2038zM83.1%2038Q86.9%2024.8%2092.9%2011.6Q89.7%2024.8%2088.7%2038zM91.6%2038Q91.4%2023.2%2089.7%208.3Q94.2%2023.2%2097.2%2038zM98.1%2038Q100.4%2023.7%20103.2%209.3Q103.6%2023.7%20104.5%2038zM104.2%2038Q105.9%2034.0%20107.8%2030.0Q109.0%2034.0%20110.4%2038zM108.3%2038Q110.6%2034.9%20113.3%2031.7Q113.7%2034.9%20114.6%2038zM114.8%2038Q114.6%2026.6%20113.4%2015.2Q117.0%2026.6%20119.5%2038zM122.1%2038Q122.0%2027.1%20120.4%2016.2Q125.1%2027.1%20128.4%2038zM131.2%2038Q132.5%2034.9%20133.7%2031.8Q135.4%2034.9%20137.0%2038zM140.1%2038Q144.4%2023.4%20151.4%208.7Q146.9%2023.4%20145.1%2038zM143.2%2038Q144.1%2034.8%20144.4%2031.6Q146.7%2034.8%20148.6%2038zM149.4%2038Q150.1%2032.1%20150.2%2026.3Q152.8%2032.1%20154.8%2038zM155.8%2038Q159.4%2025.4%20165.0%2012.9Q161.5%2025.4%20160.1%2038zM167.7%2038Q169.0%2032.5%20170.5%2026.9Q171.5%2032.5%20172.5%2038zM172.8%2038Q174.6%2029.8%20176.9%2021.5Q177.2%2029.8%20178.0%2038zM181.7%2038Q183.6%2031.0%20186.2%2023.9Q186.0%2031.0%20186.5%2038zM183.2%2038Q185.1%2033.2%20187.0%2028.5Q188.4%2033.2%20190.0%2038zM193.0%2038Q194.4%2035.0%20195.8%2032.0Q196.7%2035.0%20197.7%2038zM196.2%2038Q196.3%2029.5%20195.3%2021.0Q199.1%2029.5%20201.7%2038zM206.8%2038Q207.9%2031.5%20208.9%2024.9Q210.8%2031.5%20212.4%2038zM215.3%2038Q214.6%2027.6%20212.5%2017.2Q216.2%2027.6%20218.6%2038zM221.5%2038Q222.6%2023.7%20223.7%209.4Q224.7%2023.7%20225.7%2038zM227.7%2038Q228.6%2033.1%20229.2%2028.1Q230.8%2033.1%20232.2%2038zM233.3%2038Q234.1%2029.8%20234.8%2021.5Q236.3%2029.8%20237.6%2038zM242.1%2038Q243.8%2035.0%20245.7%2031.9Q246.4%2035.0%20247.4%2038zM245.7%2038Q246.9%2033.9%20247.8%2029.8Q250.0%2033.9%20251.8%2038zM252.0%2038Q252.6%2031.8%20252.5%2025.7Q255.5%2031.8%20257.7%2038zM259.5%2038Q261.0%2032.9%20262.5%2027.9Q264.1%2032.9%20265.7%2038zM270.5%2038Q271.9%2034.3%20273.5%2030.6Q274.1%2034.3%20274.9%2038zM277.7%2038Q277.9%2031.6%20277.4%2025.3Q279.9%2031.6%20281.8%2038zM281.4%2038Q283.5%2034.2%20286.1%2030.3Q286.5%2034.2%20287.5%2038zM286.1%2038Q287.9%2033.4%20290.1%2028.9Q291.0%2033.4%20292.2%2038zM298.0%2038Q298.6%2032.8%20298.9%2027.6Q300.4%2032.8%20301.7%2038zM304.4%2038Q305.4%2033.5%20306.5%2029.0Q307.7%2033.5%20308.8%2038zM307.9%2038Q308.9%2032.1%20309.3%2026.2Q312.1%2032.1%20314.4%2038zM312.3%2038Q316.7%2024.1%20323.7%2010.1Q319.9%2024.1%20318.6%2038zM321.7%2038Q322.1%2023.9%20321.4%209.9Q325.4%2023.9%20328.2%2038zM331.0%2038Q332.7%2026.0%20334.7%2014.0Q335.5%2026.0%20336.5%2038zM335.8%2038Q336.0%2032.9%20335.6%2027.7Q338.0%2032.9%20339.8%2038zM343.4%2038Q344.2%2033.4%20344.4%2028.7Q347.3%2033.4%20349.5%2038zM352.0%2038Q355.3%2028.3%20360.0%2018.6Q358.6%2028.3%20358.6%2038zM360.5%2038Q362.2%2030.0%20364.7%2022.0Q363.8%2030.0%20363.7%2038zM361.7%2038Q363.2%2033.3%20364.9%2028.5Q366.0%2033.3%20367.3%2038zM370.1%2038Q370.9%2024.1%20371.2%2010.3Q373.6%2024.1%20375.5%2038zM376.2%2038Q379.1%2025.5%20383.3%2013.1Q381.5%2025.5%20381.2%2038zM383.6%2038Q385.4%2034.1%20387.7%2030.2Q388.0%2034.1%20388.7%2038zM388.7%2038Q391.8%2026.7%20396.3%2015.5Q395.1%2026.7%20395.2%2038zM400.1%2038Q401.9%2035.0%20404.2%2032.0Q404.6%2035.0%20405.5%2038zM402.8%2038Q404.0%2033.5%20405.3%2029.0Q406.1%2033.5%20407.0%2038zM411.0%2038Q411.4%2031.4%20410.8%2024.8Q414.4%2031.4%20417.0%2038zM416.8%2038Q417.2%2034.6%20417.2%2031.1Q419.0%2034.6%20420.4%2038zM429.4%2038Q430.5%2025.7%20431.9%2013.3Q432.3%2025.7%20432.9%2038zM431.7%2038Q433.2%2033.1%20435.0%2028.2Q435.4%2033.1%20436.2%2038zM440.5%2038Q441.3%2032.7%20441.8%2027.3Q443.2%2032.7%20444.4%2038zM443.6%2038Q444.8%2030.3%20445.9%2022.6Q447.7%2030.3%20449.4%2038zM450.8%2038Q452.2%2034.2%20453.7%2030.5Q454.4%2034.2%20455.3%2038zM461.2%2038Q463.1%2032.4%20465.3%2026.9Q466.1%2032.4%20467.3%2038zM466.5%2038Q468.2%2032.5%20470.5%2027.1Q470.7%2032.5%20471.4%2038zM-6.7%2038Q-6.2%2028.3%20-6.4%2018.6Q-3.8%2028.3%20-1.8%2038zM473.3%2038Q473.8%2028.3%20473.6%2018.6Q476.2%2028.3%20478.2%2038z%27/%3E%3Cpath%20fill=%27%2335602d%27%20d=%27M-0.7%2041Q0.8%2035.4%202.3%2029.9Q3.6%2035.4%205.1%2041zM479.3%2041Q480.8%2035.4%20482.3%2029.9Q483.6%2035.4%20485.1%2041zM6.1%2041Q7.1%2035.2%208.2%2029.3Q8.8%2035.2%209.5%2041zM12.1%2041Q12.5%2032.8%2012.4%2024.6Q14.0%2032.8%2015.2%2041zM13.9%2041Q13.9%2032.6%2012.7%2024.2Q16.4%2032.6%2018.9%2041zM23.6%2041Q25.5%2030.5%2028.0%2020.0Q27.9%2030.5%2028.5%2041zM25.2%2041Q26.0%2039.0%2026.6%2037.0Q28.2%2039.0%2029.7%2041zM31.5%2041Q32.2%2038.1%2033.0%2035.1Q33.7%2038.1%2034.4%2041zM37.2%2041Q39.0%2032.2%2041.3%2023.3Q41.2%2032.2%2041.7%2041zM42.9%2041Q43.6%2034.3%2043.8%2027.7Q45.7%2034.3%2047.2%2041zM50.0%2041Q52.5%2030.1%2055.9%2019.1Q55.2%2030.1%2055.5%2041zM53.0%2041Q53.5%2038.1%2053.7%2035.3Q55.4%2038.1%2056.7%2041zM59.6%2041Q60.9%2036.9%2062.1%2032.8Q63.6%2036.9%2065.1%2041zM67.2%2041Q67.1%2032.1%2066.2%2023.2Q68.5%2032.1%2070.0%2041zM70.7%2041Q72.1%2036.3%2073.4%2031.6Q75.1%2036.3%2076.7%2041zM72.4%2041Q73.3%2034.7%2073.8%2028.4Q75.9%2034.7%2077.7%2041zM77.5%2041Q79.4%2037.5%2081.6%2033.9Q82.3%2037.5%2083.4%2041zM84.3%2041Q84.7%2038.0%2084.6%2035.1Q86.2%2038.0%2087.5%2041zM92.2%2041Q93.3%2038.4%2094.5%2035.9Q95.6%2038.4%2096.8%2041zM95.3%2041Q96.7%2033.5%2098.5%2026.1Q98.3%2033.5%2098.5%2041zM100.2%2041Q100.7%2036.7%20101.0%2032.5Q102.5%2036.7%20103.6%2041zM109.4%2041Q111.8%2032.7%20115.3%2024.3Q113.7%2032.7%20113.2%2041zM110.2%2041Q111.9%2037.0%20113.9%2032.9Q114.7%2037.0%20115.8%2041zM116.1%2041Q116.1%2030.2%20115.5%2019.3Q117.9%2030.2%20119.6%2041zM124.5%2041Q124.9%2037.5%20124.9%2034.0Q126.8%2037.5%20128.2%2041zM126.6%2041Q127.9%2035.2%20129.4%2029.4Q129.7%2035.2%20130.2%2041zM132.2%2041Q133.7%2036.5%20135.3%2031.9Q136.6%2036.5%20138.1%2041zM139.7%2041Q139.5%2031.8%20138.4%2022.7Q141.2%2031.8%20143.1%2041zM146.6%2041Q146.6%2032.5%20145.9%2024.0Q148.4%2032.5%20150.2%2041zM151.2%2041Q154.0%2030.8%20158.5%2020.7Q155.7%2030.8%20154.6%2041zM156.8%2041Q157.1%2035.0%20156.6%2029.0Q159.1%2035.0%20161.0%2041zM158.4%2041Q160.3%2030.5%20163.1%2020.1Q162.1%2030.5%20162.0%2041zM164.2%2041Q164.9%2032.4%20165.1%2023.8Q167.2%2032.4%20168.9%2041zM170.0%2041Q170.1%2033.7%20169.7%2026.4Q171.6%2033.7%20173.0%2041zM176.3%2041Q176.9%2032.0%20177.0%2023.1Q179.3%2032.0%20181.1%2041zM184.3%2041Q184.8%2038.3%20185.2%2035.6Q186.3%2038.3%20187.2%2041zM187.1%2041Q187.9%2038.9%20188.6%2036.8Q189.6%2038.9%20190.5%2041zM192.8%2041Q194.2%2038.6%20195.9%2036.3Q196.1%2038.6%20196.7%2041zM199.5%2041Q201.1%2034.4%20203.0%2027.8Q203.6%2034.4%20204.5%2041zM201.9%2041Q203.0%2039.0%20204.4%2036.9Q204.4%2039.0%20204.8%2041zM209.9%2041Q211.4%2030.5%20213.5%2020.1Q212.8%2030.5%20212.8%2041zM213.7%2041Q216.3%2033.6%20220.1%2026.1Q218.2%2033.6%20217.6%2041zM216.4%2041Q218.7%2035.6%20221.7%2030.2Q221.3%2035.6%20221.6%2041zM224.9%2041Q227.5%2033.9%20231.2%2026.7Q230.1%2033.9%20230.2%2041zM228.2%2041Q230.7%2034.1%20234.2%2027.2Q233.6%2034.1%20233.9%2041zM233.9%2041Q235.7%2032.8%20237.8%2024.6Q238.4%2032.8%20239.5%2041zM240.7%2041Q242.1%2037.1%20243.7%2033.1Q244.4%2037.1%20245.3%2041zM242.7%2041Q245.3%2034.6%20248.7%2028.2Q248.3%2034.6%20248.7%2041zM251.6%2041Q253.1%2037.0%20254.7%2033.0Q255.7%2037.0%20256.7%2041zM256.6%2041Q258.4%2032.2%20261.0%2023.4Q259.9%2032.2%20259.6%2041zM259.3%2041Q259.9%2035.0%20260.0%2029.0Q262.1%2035.0%20263.6%2041zM267.6%2041Q269.7%2036.1%20272.6%2031.1Q272.1%2036.1%20272.4%2041zM271.3%2041Q272.5%2039.0%20273.7%2037.0Q274.3%2039.0%20275.1%2041zM275.5%2041Q277.1%2038.5%20278.9%2035.9Q279.9%2038.5%20281.2%2041zM282.9%2041Q284.6%2031.5%20287.0%2022.0Q286.5%2031.5%20286.7%2041zM286.3%2041Q288.4%2036.7%20291.2%2032.3Q291.1%2036.7%20291.6%2041zM295.2%2041Q296.2%2037.1%20297.0%2033.1Q298.5%2037.1%20299.9%2041zM296.6%2041Q298.7%2036.1%20301.5%2031.1Q301.4%2036.1%20302.1%2041zM305.6%2041Q305.4%2030.7%20304.2%2020.4Q307.2%2030.7%20309.3%2041zM309.8%2041Q310.6%2037.9%20311.4%2034.7Q312.3%2037.9%20313.2%2041zM315.8%2041Q317.5%2036.1%20319.8%2031.2Q319.4%2036.1%20319.6%2041zM323.2%2041Q323.2%2036.5%20322.6%2031.9Q324.7%2036.5%20326.2%2041zM327.0%2041Q328.4%2038.9%20329.8%2036.9Q330.9%2038.9%20332.1%2041zM330.7%2041Q330.4%2032.8%20329.3%2024.6Q331.9%2032.8%20333.6%2041zM335.5%2041Q336.7%2039.0%20337.7%2037.0Q339.4%2039.0%20340.9%2041zM339.6%2041Q340.8%2038.9%20342.0%2036.9Q343.2%2038.9%20344.4%2041zM347.0%2041Q349.6%2034.4%20353.4%2027.9Q352.3%2034.4%20352.4%2041zM353.1%2041Q353.9%2038.3%20354.5%2035.6Q356.1%2038.3%20357.4%2041zM354.8%2041Q355.6%2036.3%20356.0%2031.6Q358.2%2036.3%20359.9%2041zM361.5%2041Q362.8%2037.4%20364.3%2033.7Q365.3%2037.4%20366.5%2041zM368.9%2041Q371.0%2033.2%20373.9%2025.5Q373.0%2033.2%20373.0%2041zM374.8%2041Q376.5%2038.8%20378.3%2036.6Q379.4%2038.8%20380.6%2041zM376.9%2041Q378.9%2036.5%20381.6%2031.9Q381.3%2036.5%20381.7%2041zM383.0%2041Q385.2%2035.4%20388.0%2029.7Q388.0%2035.4%20388.6%2041zM391.4%2041Q392.2%2036.4%20392.6%2031.7Q394.6%2036.4%20396.3%2041zM395.7%2041Q397.8%2032.5%20400.6%2023.9Q400.2%2032.5%20400.6%2041zM398.1%2041Q401.5%2031.4%20406.6%2021.8Q404.5%2031.4%20404.0%2041zM406.0%2041Q408.4%2032.8%20412.1%2024.6Q410.3%2032.8%20409.8%2041zM413.2%2041Q414.0%2037.3%20414.7%2033.7Q415.5%2037.3%20416.3%2041zM416.5%2041Q416.3%2033.1%20415.0%2025.2Q418.4%2033.1%20420.8%2041zM422.5%2041Q423.7%2038.9%20424.6%2036.8Q426.3%2038.9%20427.9%2041zM426.6%2041Q426.5%2032.9%20425.6%2024.7Q428.1%2032.9%20429.9%2041zM431.7%2041Q433.8%2033.6%20436.4%2026.3Q436.5%2033.6%20437.2%2041zM439.0%2041Q439.7%2036.1%20439.9%2031.2Q442.6%2036.1%20444.8%2041zM441.9%2041Q443.4%2035.8%20445.3%2030.5Q445.2%2035.8%20445.6%2041zM448.3%2041Q449.9%2035.8%20451.7%2030.6Q452.7%2035.8%20453.8%2041zM452.1%2041Q454.1%2037.1%20456.8%2033.2Q456.9%2037.1%20457.6%2041zM456.7%2041Q458.4%2032.1%20460.4%2023.1Q461.4%2032.1%20462.6%2041zM464.5%2041Q465.7%2038.3%20466.9%2035.6Q467.9%2038.3%20469.0%2041zM469.3%2041Q470.8%2039.0%20472.4%2036.9Q473.8%2039.0%20475.2%2041zM-5.7%2041Q-4.4%2032.7%20-3.0%2024.4Q-2.1%2032.7%20-1.1%2041zM474.3%2041Q475.6%2032.7%20477.0%2024.4Q477.9%2032.7%20478.9%2041z%27/%3E%3Crect%20y=%2740%27%20width=%27480%27%20height=%274%27%20fill=%27%232c4a24%27/%3E%3C/svg%3E") 0 100% / 360px 34px repeat-x;
  opacity: 0.95;
  pointer-events: none;
}

.stakes-bed::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 6px;
  background: linear-gradient(180deg, #5a4430, rgba(90, 68, 48, 0));
}

@media (prefers-reduced-motion: no-preference) {
  /* only near the view (garden.js sets .is-inview), from the resting lean (half a cycle in) */
  .garden-live .intro.is-inview .stake {
    animation: stake-sway var(--dur, 6s) ease-in-out calc(var(--dur, 6s) * -0.5) infinite alternate;
  }
}

@keyframes stake-sway {
  from {
    transform: rotate(calc(var(--lean, 0deg) - 1.1deg));
  }
  to {
    transform: rotate(calc(var(--lean, 0deg) + 1.1deg));
  }
}

@media (max-width: 599px) {
  /* short, wide signboards, stacked and staggered, one post each */
  .stakes {
    flex-direction: column;
    align-items: stretch;
    gap: 0.4rem;
  }

  .stake {
    flex: none;
    width: 86%;
  }

  .stake:nth-child(2) {
    align-self: flex-end;
  }

  .stake-board {
    max-width: none;
    display: grid;
    grid-template-columns: 1fr;
    text-align: left;
    padding: 0.85rem 1.1rem 0.9rem 1.4rem;
  }

  .stake-h {
    justify-content: flex-start;
  }

  .stake::after {
    height: 1.6rem;
  }
}

/* ——— The Mowing Pass ———
   Static (no JS / reduced motion): five stacked phrases over a still meadow.
   Live: a pinned stage; a luminous cut line mows one landscape and one phrase into the next. */
.morph {
  position: relative;
}

.morph-pin {
  position: relative;
  overflow: hidden;
  padding: clamp(4rem, 9vw, 7rem) 0 max(15rem, 48vh);
}

.morph-back,
.morph-front {
  position: absolute;
  left: 0;
  width: 100%;
  pointer-events: none;
}

.morph-back {
  bottom: 0;
  height: 58vh;
}

.morph-front {
  display: none;
}

.morph-fringe {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 12rem;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 173 100' preserveAspectRatio='none'%3E%3Cpath fill='%233f7436' d='M-1.2 100Q-1.9 64.0 -4.5 34.6Q0.8 64.0 4.2 100zM8.7 100Q6.2 81.2 0.1 65.7Q9.3 81.2 14.9 100zM14.9 100Q21.6 75.1 33.1 54.8Q24.1 75.1 19.8 100zM27.0 100Q30.0 66.5 34.8 39.0Q31.9 66.5 30.7 100zM32.5 100Q34.5 52.5 36.9 13.6Q37.4 52.5 38.4 100zM40.9 100Q44.4 81.2 49.7 65.8Q47.0 81.2 46.2 100zM46.6 100Q50.7 82.4 57.3 68.0Q53.2 82.4 51.5 100zM56.3 100Q62.5 52.1 72.6 12.9Q65.8 52.1 62.8 100zM62.1 100Q62.6 54.9 62.2 17.9Q65.9 54.9 68.7 100zM74.3 100Q72.1 80.0 67.0 63.7Q74.1 80.0 78.3 100zM82.6 100Q85.4 67.9 89.9 41.6Q87.6 67.9 86.9 100zM87.0 100Q86.4 69.7 83.9 44.9Q89.0 69.7 92.3 100zM94.8 100Q100.4 51.2 109.3 11.2Q103.6 51.2 101.3 100zM105.7 100Q110.6 48.1 118.9 5.6Q112.5 48.1 109.5 100zM112.9 100Q123.4 49.0 141.8 7.3Q126.0 49.0 118.1 100zM119.8 100Q124.7 76.0 132.6 56.3Q127.3 76.0 125.1 100zM124.2 100Q128.9 81.2 136.1 65.9Q132.3 81.2 131.0 100zM132.4 100Q131.5 54.9 129.1 18.0Q133.4 54.9 136.1 100zM141.7 100Q149.9 56.0 164.3 20.0Q151.5 56.0 145.1 100zM151.1 100Q153.9 81.9 158.3 67.1Q156.1 81.9 155.5 100zM159.4 100Q161.2 48.4 163.2 6.3Q164.6 48.4 166.2 100zM165.4 100Q167.1 80.7 169.5 65.0Q168.8 80.7 168.7 100z'/%3E%3C/svg%3E") left bottom / 173px 70% repeat-x,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 131 100' preserveAspectRatio='none'%3E%3Cpath fill='%2377a653' d='M-1.3 100Q-8.8 46.2 -24.0 2.3Q-5.9 46.2 4.5 100zM7.4 100Q15.0 69.8 28.5 45.2Q17.0 69.8 11.3 100zM19.5 100Q19.9 62.8 19.7 32.5Q22.4 62.8 24.4 100zM25.5 100Q17.5 50.6 1.7 10.2Q19.5 50.6 29.6 100zM31.8 100Q32.2 69.2 31.5 44.0Q35.4 69.2 38.3 100zM42.9 100Q41.9 74.2 38.4 53.2Q45.2 74.2 49.7 100zM50.1 100Q49.1 57.5 46.2 22.8Q51.9 57.5 55.6 100zM60.7 100Q62.1 55.2 63.4 18.5Q64.8 55.2 66.3 100zM74.4 100Q68.7 58.8 57.4 25.1Q70.5 58.8 77.9 100zM81.9 100Q78.4 61.9 70.4 30.7Q81.7 61.9 88.5 100zM89.3 100Q98.1 53.9 113.7 16.3Q100.3 53.9 93.5 100zM95.6 100Q88.8 49.0 74.9 7.3Q91.8 49.0 101.5 100zM102.2 100Q107.9 55.2 117.0 18.6Q111.2 55.2 108.8 100zM117.6 100Q113.3 61.4 104.6 29.8Q115.2 61.4 121.3 100zM122.7 100Q116.9 61.2 104.8 29.4Q120.2 61.2 129.2 100z'/%3E%3C/svg%3E") 47px 58% / 131px 50% repeat-x,
    linear-gradient(180deg, transparent 45%, #6f9f4f 45%, #4d7f42 75%);
}

.js .morph-fringe {
  display: none;
}

.morph-inner {
  position: relative;
  z-index: 2;
  width: min(100% - 2.5rem, var(--max));
  margin-inline: auto;
  text-align: center;
}

.morph-index {
  display: none;
  font-variant-numeric: oldstyle-nums;
}

.morph-lead {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 0 0 1.8rem;
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(1.2rem, 2.4vw, 2rem);
  line-height: 1.2;
  color: var(--moss-text);
}

.morph-lead::before,
.morph-lead::after {
  content: "";
  flex: 0 1 4rem;
  height: 1px;
  background: currentColor;
  opacity: 0.4;
}

.morph-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1.6rem;
}

.morph-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}

.morph-item::before {
  content: "";
  width: 1.1rem;
  height: 1.1rem;
  margin-bottom: 0.1rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 23V11' stroke='%235d7a45' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3Cpath d='M12 13C7 13 4 10 3 5c5 0 8.5 3 9 8zM12 11c.5-5 4-8 9-8-1 5-4 8-9 8z' fill='%237fae4f'/%3E%3C/svg%3E") center / contain no-repeat;
}

.morph-word {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(2.5rem, 7.5vw, 5.4rem);
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--leaf-ink);
  overflow-wrap: anywhere;
}

.morph-tools {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  font-family: var(--font-display);
  font-style: italic;
  font-size: clamp(1.05rem, 2vw, 1.5rem);
  line-height: 1.3;
  color: var(--ink-soft);
}

.tool-icon {
  flex: none;
  width: 2.1em;
  height: 1.26em;
  fill: none;
  stroke: var(--moss);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.morph-live {
  display: none;
}

/* ——— live stage ——— */
.morph.is-live {
  height: 420vh;
  height: 420svh;
}

.morph.is-live .morph-pin {
  position: sticky;
  top: 0;
  height: 100vh;
  height: 100svh;
  padding: 0;
  /* no background here: the stage's sky haze is painted by garden.js into .morph-back, behind the
     landscape. A pinned (sticky) element is always composited; one that paints nothing of its own
     needs no full-screen backing store. */
}

.morph.is-live .morph-pin::after {
  /* every landscape stands on the same loam as the hero */
  content: "";
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  bottom: 0;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 16' preserveAspectRatio='none'%3E%3Cpath fill='%2333251a' d='M0 16V7.3L4 6.9L8 6.3L12 6.3L16 6.4L20 5.8L24 5.2L28 5.4L32 6.2L36 6.3L40 4.9L44 3.2L48 2.6L52 2.8L56 2.9L60 2.9L64 3.7L68 5.3L72 6.3L76 6L80 5L84 5L88 5.9L92 6.6L96 6.6L100 6.6L104 7L108 7.1L112 5.7L116 3.7L120 2.7L124 3.1L128 3.7L132 3.7L136 3.6L140 4.2L144 4.8L148 4.6L152 3.8L156 3.7L160 5.1L164 6.8L168 7.4L172 7.2L176 7.1L180 7.1L184 6.3L188 4.7L192 3.7L196 4L200 5L204 5L208 4.1L212 3.4L216 3.4L220 3.4L224 3L228 2.9L232 4.3L236 6.3L240 7.3V16z'/%3E%3C/svg%3E") 0 0 / 240px 16px repeat-x;
  pointer-events: none;
}

.morph.is-live .morph-back {
  top: 0;
  bottom: auto;
  height: 100%;
  z-index: 0;
}

.morph.is-live .morph-front {
  display: block;
  top: 40%;
  height: 60%;
  z-index: 3;
}

/* Live, .morph-inner and .morph-live are plain wrappers: their positioned children use the pinned
   stage as containing block (the same box they had as inset:0 layers) and carry the z-index
   themselves. Stability (WebKit): anything painted over the stage canvas is composited (overlap rule);
   as full-screen boxes these two made one full-screen layer for a few lines of text. */
.morph.is-live .morph-inner {
  position: static;
  width: auto;
  margin: 0;
}

.morph.is-live .morph-list {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.morph.is-live .morph-live {
  display: block;
}

.morph.is-live .morph-lead {
  position: absolute;
  z-index: 2;
  left: 1.25rem;
  right: 1.25rem;
  margin: 0;
  bottom: calc(var(--mp-bottom, 40vh) + var(--mp-h, 8rem) + clamp(0.6rem, 2.2vh, 1.4rem));
}

.morph.is-live .morph-index {
  display: flex;
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(var(--mp-bottom, 40vh) + var(--mp-h, 8rem) + clamp(3.4rem, 9vh, 5.4rem));
  color: var(--gold-ink);
}

.morph.is-live .morph-index::after {
  content: "";
  width: 2.2rem;
  height: 1px;
  background: currentColor;
  opacity: 0.55;
}

.morph-words {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 40vh;
  height: 0;
}

.mp {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  visibility: hidden;
}

.mp.is-on {
  visibility: visible;
}

.mp-line {
  display: inline-block;
  max-width: 94%;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: var(--mp-size, 6rem);
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--leaf-ink);
  text-shadow: 0 0 1.2em rgba(252, 250, 238, 0.55);
}

.mg {
  display: inline-block;
  white-space: nowrap;
}

.ml {
  position: relative;
  display: inline-block;
  transform-origin: 50% var(--mp-base, 80%);
}

.mp-base {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: baseline;
}

/* under 480px long phrases keep their natural tracking (RU, DE, HU) */
.morph.is-narrow .mp-line {
  letter-spacing: -0.01em;
}

/* the tools, on a plant label stuck in the ground */
.morph-label {
  position: absolute;
  z-index: 4;
  pointer-events: none;
  left: 50%;
  top: calc(var(--gl, 60vh) + clamp(3.2rem, 11vh, 7.5rem));
  display: grid;
  width: max-content;
  max-width: min(88vw, 46rem);
  padding: 0.7rem 1.3rem 0.75rem;
  background: linear-gradient(180deg, #fffdf6, #f4efe0);
  border-radius: 6px 6px 10px 10px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 16px 30px -14px rgba(20, 40, 20, 0.55);
  transform: translateX(-50%) rotate(-1.6deg);
}

.morph-label::after {
  /* the label's stake */
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 14px;
  height: clamp(2rem, 8vh, 4rem);
  margin-left: -7px;
  background: linear-gradient(90deg, #efe8d6, #fffdf6 45%, #e2dac6);
  clip-path: polygon(0 0, 100% 0, 60% 100%, 40% 100%);
}

.mt {
  grid-area: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  visibility: hidden;
  font-family: var(--font-display);
  font-style: italic;
  font-size: clamp(1.05rem, 2vw, 1.75rem);
  line-height: 1.25;
  color: #2d3a2d;
  text-align: center;
}

.mt.is-on {
  visibility: visible;
}

.mt.is-grow {
  animation: rise 0.5s var(--ease-out) 0.05s both;
}

.mt .tool-icon {
  stroke: #4e6b3a;
}

@media (max-width: 699px) {
  .morph-label {
    padding: 0.6rem 0.9rem 0.65rem;
  }

  .mt {
    font-size: 1.02rem;
  }
}

/* ——— Display titles: huge roman, the last word in italic ——— */
.display-title {
  margin: 0 0 clamp(2rem, 5vw, 3.5rem);
  max-width: 16ch;
  font-size: clamp(2.3rem, 12.5vw, 7rem);
  overflow-wrap: break-word;
  font-weight: 500;
  line-height: 0.98;
  letter-spacing: -0.035em;
  text-align: left;
  text-wrap: balance;
  hanging-punctuation: first;
}

.display-title em {
  font-style: italic;
  font-weight: 400;
  color: var(--moss-text);
}

@media (min-width: 700px) {
  .display-title {
    font-size: clamp(3rem, 7vw, 7rem);
  }
}

/* ——— Services: three leaves on one runner ———
   Sideways leaves (petiole left, drawn-out tip right) fit the landscape photos: faces and the
   shop stay whole. The runner passes through every petiole; golden light and a twig's soft
   shadow fall across the wall behind them. */
.leaves {
  position: relative;
  overflow: hidden;
  padding: clamp(2.5rem, 6vw, 4.5rem) 0 clamp(4rem, 8vw, 6rem);
}

.leaf-defs {
  position: absolute;
  width: 0;
  height: 0;
}

.leaves-light {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  /* two shafts of low sun across the wall */
  background: linear-gradient(112deg, rgba(255, 244, 214, 0) 18%, rgba(255, 247, 224, 0.55) 34%, rgba(255, 244, 214, 0) 50%, rgba(255, 244, 214, 0) 62%, rgba(255, 240, 205, 0.4) 72%, rgba(255, 240, 205, 0) 84%);
  transform-origin: 100% 0;
}

.leaves-light::before {
  /* a twig's soft shadow thrown across the wall */
  content: "";
  position: absolute;
  right: -3%;
  top: 3%;
  width: min(62vw, 58rem);
  aspect-ratio: 600 / 420;
  background: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20600%20420%27%3E%3Cfilter%20id=%27b%27%20x=%27-10%25%27%20y=%27-10%25%27%20width=%27120%25%27%20height=%27120%25%27%3E%3CfeGaussianBlur%20stdDeviation=%276%27/%3E%3C/filter%3E%3Cg%20filter=%27url%28%23b%29%27%3E%3Cpath%20d=%27M600%20-10%20520%2060%20430%20120%20330%20170%20240%20230%20150%20260%27%20fill=%27none%27%20stroke=%27%235a3510%27%20stroke-width=%275%27%20stroke-linecap=%27round%27/%3E%3Cg%20fill=%27%235a3510%27%3E%3Cellipse%20cx=%27572%27%20cy=%2743%27%20rx=%2721%27%20ry=%2751%27%20transform=%27rotate%28184%20572%2043%29%27/%3E%3Cellipse%20cx=%27569%27%20cy=%27-12%27%20rx=%2718%27%20ry=%2744%27%20transform=%27rotate%28285%20569%20-12%29%27/%3E%3Cellipse%20cx=%27598%27%20cy=%2715%27%20rx=%2715%27%20ry=%2735%27%20transform=%27rotate%28174%20598%2015%29%27/%3E%3Cellipse%20cx=%27476%27%20cy=%27107%27%20rx=%2715%27%20ry=%2736%27%20transform=%27rotate%28194%20476%20107%29%27/%3E%3Cellipse%20cx=%27463%27%20cy=%2774%27%20rx=%2716%27%20ry=%2737%27%20transform=%27rotate%28301%20463%2074%29%27/%3E%3Cellipse%20cx=%27501%27%20cy=%27109%27%20rx=%2725%27%20ry=%2759%27%20transform=%27rotate%28177%20501%20109%29%27/%3E%3Cellipse%20cx=%27365%27%20cy=%27184%27%20rx=%2725%27%20ry=%2759%27%20transform=%27rotate%28192%20365%20184%29%27/%3E%3Cellipse%20cx=%27406%27%20cy=%27107%27%20rx=%2717%27%20ry=%2742%27%20transform=%27rotate%28309%20406%20107%29%27/%3E%3Cellipse%20cx=%27407%27%20cy=%27151%27%20rx=%2718%27%20ry=%2742%27%20transform=%27rotate%28200%20407%20151%29%27/%3E%3Cellipse%20cx=%27251%27%20cy=%27248%27%20rx=%2721%27%20ry=%2749%27%20transform=%27rotate%28191%20251%20248%29%27/%3E%3Cellipse%20cx=%27245%27%20cy=%27200%27%20rx=%2720%27%20ry=%2748%27%20transform=%27rotate%28287%20245%20200%29%27/%3E%3Cellipse%20cx=%27318%27%20cy=%27197%27%20rx=%2717%27%20ry=%2739%27%20transform=%27rotate%28195%20318%20197%29%27/%3E%3Cellipse%20cx=%27171%27%20cy=%27274%27%20rx=%2718%27%20ry=%2742%27%20transform=%27rotate%28199%20171%20274%29%27/%3E%3Cellipse%20cx=%27167%27%20cy=%27233%27%20rx=%2718%27%20ry=%2742%27%20transform=%27rotate%28305%20167%20233%29%27/%3E%3Cellipse%20cx=%27164%27%20cy=%27278%27%20rx=%2717%27%20ry=%2740%27%20transform=%27rotate%28191%20164%20278%29%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
  opacity: 0.3;
}

.leaves-light::after {
  /* the same twig's shadow, smaller and farther, low on the left */
  content: "";
  position: absolute;
  left: -6%;
  bottom: 2%;
  width: min(40vw, 30rem);
  aspect-ratio: 600 / 420;
  background: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20600%20420%27%3E%3Cfilter%20id=%27b%27%20x=%27-10%25%27%20y=%27-10%25%27%20width=%27120%25%27%20height=%27120%25%27%3E%3CfeGaussianBlur%20stdDeviation=%276%27/%3E%3C/filter%3E%3Cg%20filter=%27url%28%23b%29%27%3E%3Cpath%20d=%27M600%20-10%20520%2060%20430%20120%20330%20170%20240%20230%20150%20260%27%20fill=%27none%27%20stroke=%27%235a3510%27%20stroke-width=%275%27%20stroke-linecap=%27round%27/%3E%3Cg%20fill=%27%235a3510%27%3E%3Cellipse%20cx=%27572%27%20cy=%2743%27%20rx=%2721%27%20ry=%2751%27%20transform=%27rotate%28184%20572%2043%29%27/%3E%3Cellipse%20cx=%27569%27%20cy=%27-12%27%20rx=%2718%27%20ry=%2744%27%20transform=%27rotate%28285%20569%20-12%29%27/%3E%3Cellipse%20cx=%27598%27%20cy=%2715%27%20rx=%2715%27%20ry=%2735%27%20transform=%27rotate%28174%20598%2015%29%27/%3E%3Cellipse%20cx=%27476%27%20cy=%27107%27%20rx=%2715%27%20ry=%2736%27%20transform=%27rotate%28194%20476%20107%29%27/%3E%3Cellipse%20cx=%27463%27%20cy=%2774%27%20rx=%2716%27%20ry=%2737%27%20transform=%27rotate%28301%20463%2074%29%27/%3E%3Cellipse%20cx=%27501%27%20cy=%27109%27%20rx=%2725%27%20ry=%2759%27%20transform=%27rotate%28177%20501%20109%29%27/%3E%3Cellipse%20cx=%27365%27%20cy=%27184%27%20rx=%2725%27%20ry=%2759%27%20transform=%27rotate%28192%20365%20184%29%27/%3E%3Cellipse%20cx=%27406%27%20cy=%27107%27%20rx=%2717%27%20ry=%2742%27%20transform=%27rotate%28309%20406%20107%29%27/%3E%3Cellipse%20cx=%27407%27%20cy=%27151%27%20rx=%2718%27%20ry=%2742%27%20transform=%27rotate%28200%20407%20151%29%27/%3E%3Cellipse%20cx=%27251%27%20cy=%27248%27%20rx=%2721%27%20ry=%2749%27%20transform=%27rotate%28191%20251%20248%29%27/%3E%3Cellipse%20cx=%27245%27%20cy=%27200%27%20rx=%2720%27%20ry=%2748%27%20transform=%27rotate%28287%20245%20200%29%27/%3E%3Cellipse%20cx=%27318%27%20cy=%27197%27%20rx=%2717%27%20ry=%2739%27%20transform=%27rotate%28195%20318%20197%29%27/%3E%3Cellipse%20cx=%27171%27%20cy=%27274%27%20rx=%2718%27%20ry=%2742%27%20transform=%27rotate%28199%20171%20274%29%27/%3E%3Cellipse%20cx=%27167%27%20cy=%27233%27%20rx=%2718%27%20ry=%2742%27%20transform=%27rotate%28305%20167%20233%29%27/%3E%3Cellipse%20cx=%27164%27%20cy=%27278%27%20rx=%2717%27%20ry=%2740%27%20transform=%27rotate%28191%20164%20278%29%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
  opacity: 0.22;
  bottom: -8%;
  transform: scale(-1, 1) rotate(14deg);
}

.leaves > .container {
  position: relative;
  z-index: 1;
}

.leaf-cards {
  position: relative;
  display: grid;
  gap: clamp(2.5rem, 7vw, 3.25rem);
  padding-top: 1rem;
}

@media (min-width: 760px) {
  .leaf-cards {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(2rem, 4vw, 3.5rem);
    align-items: start;
  }

  .leaf-card--b {
    margin-top: 5.5rem;
  }

  .leaf-card--c {
    margin-top: 2rem;
  }
}

.leaf-stem {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.leaf-stem-path {
  fill: none;
  stroke: #5e6a2e;
  stroke-width: 3.2;
  stroke-linecap: round;
}

.leaf-petioles {
  stroke-width: 4.4;
  stroke: #56622a;
}

.leaf-card {
  position: relative;
  z-index: 1;
}

.leaf-media {
  --tilt: -4deg;
  position: relative;
  aspect-ratio: 4 / 3;
  transform-origin: 0% 53%;
  transform: rotate(calc(var(--tilt) + (1 - var(--u, 1)) * -30deg)) scale(calc(0.2 + 0.8 * var(--u, 1)));
}

.leaf-card--b .leaf-media {
  --tilt: 2.5deg;
  transform-origin: 0% 52%;
}

.leaf-card--c .leaf-media {
  --tilt: -2deg;
  transform-origin: 0% 50%;
}

.leaf-photo,
.leaf-shadow {
  position: absolute;
  inset: 0;
  -webkit-clip-path: url(#leaf-clip-a);
  clip-path: url(#leaf-clip-a);
}

.leaf-card--b .leaf-photo,
.leaf-card--b .leaf-shadow {
  -webkit-clip-path: url(#leaf-clip-b);
  clip-path: url(#leaf-clip-b);
}

.leaf-card--c .leaf-photo,
.leaf-card--c .leaf-shadow {
  -webkit-clip-path: url(#leaf-clip-c);
  clip-path: url(#leaf-clip-c);
}

.leaf-shadow {
  background: rgba(96, 54, 14, 0.24);
  transform: translate(0.7rem, 1rem);
}

.leaf-photo {
  background: #b99a5e;
}

.leaf-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* one golden-hour grade for every photo */
  filter: saturate(0.92) sepia(0.08) contrast(1.03) brightness(1.02);
  transition: transform 0.9s var(--ease-out);
}

.leaf-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 80% 70% at 88% 10%, rgba(255, 226, 160, 0.3), rgba(255, 226, 160, 0) 62%), linear-gradient(180deg, rgba(0, 0, 0, 0) 62%, rgba(70, 40, 10, 0.2) 100%);
  mix-blend-mode: multiply;
}

.leaf-rim {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: none;
  stroke: rgba(255, 247, 222, 0.85);
  stroke-width: 2;
  pointer-events: none;
}

.leaf-midrib {
  stroke: rgba(255, 247, 222, 0.5);
  stroke-width: 1.4;
}

.leaf-card:hover .leaf-photo img {
  transform: scale(1.04);
}



.leaf-body {
  padding: 1.1rem 0.4rem 0;
}

.leaf-body h3 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0 0 0.45rem;
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 2.4vw, 2rem);
  font-weight: 500;
  color: var(--leaf-ink);
  letter-spacing: -0.015em;
}

.leaf-body h3::before {
  content: "";
  width: 1.6rem;
  height: 1px;
  background: var(--gold-ink);
}

.leaf-body p {
  margin: 0;
  font-size: 1.0625rem;
  color: #34402f;
  line-height: 1.62;
}

/* the twig's shadow on the wall stirs in the same breeze while the section is near */
@media (prefers-reduced-motion: no-preference) {
  .garden-live .leaves.is-near .leaves-light::before {
    transform-origin: 96% 4%;
    animation: twig-stir 9s ease-in-out infinite alternate;
  }

  .garden-live .leaves.is-near .leaves-light::after {
    transform-origin: 4% 96%;
    animation: twig-stir 11s ease-in-out -4s infinite alternate-reverse;
  }
}

@keyframes twig-stir {
  0% {
    transform: rotate(-1.2deg) translate(0, 0);
  }
  55% {
    transform: rotate(0.9deg) translate(-6px, 4px);
  }
  100% {
    transform: rotate(1.6deg) translate(-3px, 8px);
  }
}

/* the leaves sway only while the section is on screen (garden.js marks it) */
@media (prefers-reduced-motion: no-preference) {
  .garden-live .leaves.is-near .leaf-media {
    animation: leaf-sway 7.5s ease-in-out infinite alternate;
  }

  .garden-live .leaves.is-near .leaf-card--b .leaf-media {
    animation-duration: 9s;
    animation-delay: -3s;
  }

  .garden-live .leaves.is-near .leaf-card--c .leaf-media {
    animation-duration: 6.4s;
    animation-delay: -1.5s;
  }
}

@keyframes leaf-sway {
  from {
    rotate: -1.2deg;
  }
  to {
    rotate: 1.4deg;
  }
}

@media (max-width: 759px) {
  .leaf-cards {
    padding-left: 1.6rem;
  }

  .leaf-card {
    width: 90%;
  }

  .leaf-card--b {
    margin-left: auto;
  }

}

/* ——— Brands: kraft seed-packet tags hanging from one branch ——— */
.vine {
  position: relative;
  /* tags swing and leaves overhang: never let them widen the page */
  overflow-x: clip;
  padding: clamp(3.5rem, 8vw, 6rem) 0 clamp(1.25rem, 3vw, 2.25rem);
}

/* the painted branch (JS): one limb per row of tags, threaded through their pivots */
.branch-cv {
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

.has-branch .branch {
  display: none;
}

.brands-title {
  max-width: 14ch;
}

.branch-scroll {
  position: relative;
}

.branch-track {
  --bh: clamp(9rem, 16vw, 15rem);
  --len-a: clamp(1.4rem, 3vw, 2.6rem);
  --len-b: clamp(9rem, 15vw, 14.5rem);
  position: relative;
  width: min(100% - 7rem, 88rem);
  margin: 1rem auto 0;
  padding-bottom: 2rem;
}

.branch {
  position: absolute;
  left: -2%;
  top: 0;
  width: 104%;
  height: var(--bh);
  overflow: visible;
}

.branch-twig {
  fill: none;
  stroke: #5b4230;
  stroke-width: 5;
  stroke-linecap: round;
}

.branch-leaves path {
  fill: #5f8f45;
}

.branch-leaves path:nth-child(3n) {
  fill: #7fae55;
}

.branch-leaves path:nth-child(3n + 1) {
  fill: #3f7038;
}

.tags {
  list-style: none;
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(var(--n, 6), minmax(0, 1fr));
  column-gap: 0;
}

.tag-slot {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: calc(var(--bh) * var(--y));
}

.tag-swing {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform-origin: 50% 0;
}

.tag-twine {
  width: 2px;
  height: var(--len);
  background: repeating-linear-gradient(180deg, #b69a6a 0 3px, #9c7f50 3px 6px);
}

.tag {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* every tag fits its own column: six across never run off the edge */
  width: min(15.5rem, calc(min(100vw - 7rem, 88rem) / var(--n, 6) - 1.1rem));
  margin-top: -6px;
  padding: 2.1rem 0.7rem 0.9rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg stroke='%236b4a22' stroke-opacity='.16' stroke-width='.7' fill='none'%3E%3Cpath d='M4 12l14 3M30 40l18-2M70 18l12 4M90 60l18 1M12 80l16-3M50 96l14 4M100 100l12-4M40 64l10 2M78 84l14-2M20 104l10 3'/%3E%3C/g%3E%3Cg fill='%23fff4dc' fill-opacity='.18'%3E%3Ccircle cx='24' cy='28' r='1'/%3E%3Ccircle cx='88' cy='36' r='.8'/%3E%3Ccircle cx='60' cy='76' r='1.1'/%3E%3Ccircle cx='104' cy='88' r='.8'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 120px 120px, linear-gradient(180deg, #d2b07d 0%, #c49f69 60%, #b89260 100%);
  clip-path: polygon(14% 0, 86% 0, 100% 10%, 100% 100%, 0 100%, 0 10%);
  box-shadow: inset 0 -3px 0 rgba(90, 60, 20, 0.2);
  text-decoration: none;
  filter: drop-shadow(0 14px 14px rgba(60, 30, 20, 0.28));
  transition: transform 0.35s var(--ease-grow);
}

.tag-hole {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(60, 40, 20, 0.35) 0 40%, #e9ddc2 42% 62%, #b8a37a 64% 100%);
}

.tag-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 6.4rem;
  padding: 0.6rem 0.4rem;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(120, 90, 40, 0.18), 0 1px 2px rgba(90, 60, 20, 0.2);
}

.tag-label img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 5rem;
  object-fit: contain;
}

.tag:hover,
.tag:focus-visible {
  transform: translateY(3px) scale(1.03);
}

.tag:focus-visible {
  outline: none;
}

.tag:focus-visible .tag-label {
  box-shadow: 0 0 0 3px var(--leaf-ink);
}

.tag-ribbon {
  position: absolute;
  left: 50%;
  bottom: -1.05rem;
  transform: translateX(-50%) rotate(-2deg);
  width: max-content;
  max-width: 94%;
  padding: 0.3rem 0.7rem;
  background: var(--leaf-deep);
  color: #fbf3de;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.25;
  box-shadow: 0 6px 12px -6px rgba(20, 40, 20, 0.6);
  pointer-events: none;
}

.brands-more {
  margin: 0.5rem 0 0;
  text-align: center;
}

@media (max-width: 899px) {
  /* two staggered rows of three, each on its own limb: every brand in view, no sideways swipe */
  .branch-track {
    --bh: 4.6rem;
    --len-a: 0.7rem;
    --len-b: 2.4rem;
    width: min(100% - 1.5rem, 38rem);
    margin: 0.25rem auto 0;
    padding: 0 0 1.75rem;
  }

  .branch {
    display: none;
  }

  .tags {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 1.4rem;
  }

  .tag-slot {
    padding-top: calc(var(--bh) * 0.3);
  }

  .has-branch .tag-slot {
    padding-top: calc(var(--bh) * var(--ym, 0.3));
  }

  /* without script: a plain limb along each row */
  .tag-slot::before {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    top: calc(var(--bh) * 0.3 - 5px);
    height: 9px;
    border-radius: 5px;
    background: linear-gradient(180deg, #8f6c49, #654a33 45%, #3a2a1c);
  }

  .has-branch .tag-slot::before {
    display: none;
  }

  .tag {
    width: calc(100% - 0.7rem);
    padding: 1.55rem 0.45rem 0.7rem;
  }

  .tag-hole {
    top: 7px;
    width: 13px;
    height: 13px;
    margin-left: -6.5px;
  }

  .tag-label {
    min-height: 3.9rem;
    padding: 0.45rem 0.3rem;
  }

  .tag-label img {
    max-height: 2.7rem;
  }

  .tag-ribbon {
    bottom: -1.25rem;
    font-size: 0.55rem;
    letter-spacing: 0.06em;
    padding: 0.25rem 0.45rem;
  }
}

/* ——— Nightfall meadow ——— */
.dusk {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 112vh;
  min-height: 112svh;
  padding: 24vh 0 clamp(8rem, 22vh, 13rem);
  padding: 24svh 0 clamp(8rem, 22svh, 13rem);
  color: var(--moon);
  text-align: center;
  background:
    radial-gradient(ellipse 55% 20% at 24% 58%, rgba(255, 190, 150, 0.45), rgba(255, 178, 150, 0) 72%),
    linear-gradient(180deg, #e3b3a9 0%, #cc9ea9 10%, #a483ab 22%, #75629a 34%, #4b4379 46%, #2f3060 58%, #1d2544 72%, #121b30 86%, #0e1726 100%);
}

.dusk-stars {
  position: absolute;
  inset: 22% 0 45% 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(1.2px 1.2px at 8% 30%, #fff8e6 99%, transparent),
    radial-gradient(1px 1px at 17% 62%, #fff 99%, transparent),
    radial-gradient(1.4px 1.4px at 29% 18%, #fff4d6 99%, transparent),
    radial-gradient(1px 1px at 41% 48%, #fff 99%, transparent),
    radial-gradient(1.3px 1.3px at 57% 22%, #fff8e6 99%, transparent),
    radial-gradient(1px 1px at 66% 70%, #fff 99%, transparent),
    radial-gradient(1.5px 1.5px at 79% 42%, #fff4d6 99%, transparent),
    radial-gradient(1px 1px at 91% 16%, #fff 99%, transparent),
    radial-gradient(1.1px 1.1px at 95% 64%, #fff 99%, transparent),
    radial-gradient(1px 1px at 3% 80%, #fff 99%, transparent);
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 55%);
  mask-image: linear-gradient(180deg, transparent 0%, #000 55%);
  opacity: 0.85;
}

/* a large soft crescent with a cool halo and earthshine */
.dusk-moon {
  position: absolute;
  z-index: -1;
  right: 4%;
  top: 4%;
  width: calc(clamp(6.5rem, 13vw, 11.5rem) / 0.36 * 0.75);
  height: auto;
  aspect-ratio: 1;
  pointer-events: none;
}

.dusk-ridge {
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 22%;
  fill: #0e1726;
}

.dusk.is-drawn .dusk-ridge {
  display: none;
}

.dusk-land {
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 58%;
  pointer-events: none;
}

.dusk-inner {
  position: relative;
  z-index: 2;
}

.dusk-title {
  margin: 0 auto 1rem;
  max-width: 18ch;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(2.4rem, 5.5vw, 5rem);
  line-height: 1.02;
  letter-spacing: -0.03em;
  color: #fbf4e2;
  text-wrap: balance;
  text-shadow: 0 2px 30px rgba(20, 16, 50, 0.35);
}

.dusk p {
  margin: 0 auto 2rem;
  max-width: 34rem;
  color: rgba(248, 241, 224, 0.9);
  font-size: clamp(1.02rem, 1.4vw, 1.16rem);
}

.cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  justify-content: center;
}

.vine {
  background: linear-gradient(180deg, rgba(238, 199, 186, 0) 0%, rgba(238, 199, 186, 0) 28%, #e8bcb0 76%, #e3b3a9 100%);
}

/* ——————————————————————————————— Inner pages ——————————————————————————————— */
.page-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: clamp(3rem, 7vw, 5.5rem) 0 clamp(5rem, 11vw, 8rem);
  background:
    radial-gradient(ellipse 55% 90% at 92% -20%, rgba(255, 243, 208, 0.95) 0%, rgba(255, 238, 196, 0.35) 40%, rgba(255, 238, 196, 0) 70%),
    linear-gradient(180deg, #dde9e1 0%, #e9eee2 50%, #f3efdf 100%);
}

.page-hero::after {
  /* the same garden edge as the home page: a grass crown over loam */
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  height: 56px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20480%2044%27%20preserveAspectRatio=%27none%27%3E%3Cpath%20fill=%27%234f7f3a%27%20d=%27M-0.8%2038Q0.8%2030.5%202.7%2022.9Q3.0%2030.5%203.7%2038zM479.2%2038Q480.8%2030.5%20482.7%2022.9Q483.0%2030.5%20483.7%2038zM9.1%2038Q10.4%2034.8%2012.1%2031.7Q12.0%2034.8%2012.3%2038zM11.9%2038Q13.7%2033.8%2015.4%2029.6Q17.0%2033.8%2018.7%2038zM23.0%2038Q23.6%2031.3%2023.5%2024.7Q26.3%2031.3%2028.5%2038zM28.8%2038Q31.5%2025.4%2035.4%2012.9Q34.0%2025.4%2033.9%2038zM35.5%2038Q37.1%2034.9%2038.9%2031.7Q40.1%2034.9%2041.4%2038zM39.8%2038Q41.4%2035.0%2043.1%2031.9Q44.6%2035.0%2046.2%2038zM49.6%2038Q53.3%2025.2%2059.0%2012.5Q56.2%2025.2%2055.3%2038zM54.9%2038Q58.2%2026.6%2063.4%2015.2Q60.6%2026.6%2059.7%2038zM65.3%2038Q65.9%2034.7%2066.3%2031.4Q67.8%2034.7%2069.0%2038zM71.8%2038Q72.8%2031.8%2073.5%2025.6Q75.5%2031.8%2077.3%2038zM76.3%2038Q77.7%2032.4%2079.4%2026.8Q80.0%2032.4%2080.8%2038zM83.1%2038Q86.9%2024.8%2092.9%2011.6Q89.7%2024.8%2088.7%2038zM91.6%2038Q91.4%2023.2%2089.7%208.3Q94.2%2023.2%2097.2%2038zM98.1%2038Q100.4%2023.7%20103.2%209.3Q103.6%2023.7%20104.5%2038zM104.2%2038Q105.9%2034.0%20107.8%2030.0Q109.0%2034.0%20110.4%2038zM108.3%2038Q110.6%2034.9%20113.3%2031.7Q113.7%2034.9%20114.6%2038zM114.8%2038Q114.6%2026.6%20113.4%2015.2Q117.0%2026.6%20119.5%2038zM122.1%2038Q122.0%2027.1%20120.4%2016.2Q125.1%2027.1%20128.4%2038zM131.2%2038Q132.5%2034.9%20133.7%2031.8Q135.4%2034.9%20137.0%2038zM140.1%2038Q144.4%2023.4%20151.4%208.7Q146.9%2023.4%20145.1%2038zM143.2%2038Q144.1%2034.8%20144.4%2031.6Q146.7%2034.8%20148.6%2038zM149.4%2038Q150.1%2032.1%20150.2%2026.3Q152.8%2032.1%20154.8%2038zM155.8%2038Q159.4%2025.4%20165.0%2012.9Q161.5%2025.4%20160.1%2038zM167.7%2038Q169.0%2032.5%20170.5%2026.9Q171.5%2032.5%20172.5%2038zM172.8%2038Q174.6%2029.8%20176.9%2021.5Q177.2%2029.8%20178.0%2038zM181.7%2038Q183.6%2031.0%20186.2%2023.9Q186.0%2031.0%20186.5%2038zM183.2%2038Q185.1%2033.2%20187.0%2028.5Q188.4%2033.2%20190.0%2038zM193.0%2038Q194.4%2035.0%20195.8%2032.0Q196.7%2035.0%20197.7%2038zM196.2%2038Q196.3%2029.5%20195.3%2021.0Q199.1%2029.5%20201.7%2038zM206.8%2038Q207.9%2031.5%20208.9%2024.9Q210.8%2031.5%20212.4%2038zM215.3%2038Q214.6%2027.6%20212.5%2017.2Q216.2%2027.6%20218.6%2038zM221.5%2038Q222.6%2023.7%20223.7%209.4Q224.7%2023.7%20225.7%2038zM227.7%2038Q228.6%2033.1%20229.2%2028.1Q230.8%2033.1%20232.2%2038zM233.3%2038Q234.1%2029.8%20234.8%2021.5Q236.3%2029.8%20237.6%2038zM242.1%2038Q243.8%2035.0%20245.7%2031.9Q246.4%2035.0%20247.4%2038zM245.7%2038Q246.9%2033.9%20247.8%2029.8Q250.0%2033.9%20251.8%2038zM252.0%2038Q252.6%2031.8%20252.5%2025.7Q255.5%2031.8%20257.7%2038zM259.5%2038Q261.0%2032.9%20262.5%2027.9Q264.1%2032.9%20265.7%2038zM270.5%2038Q271.9%2034.3%20273.5%2030.6Q274.1%2034.3%20274.9%2038zM277.7%2038Q277.9%2031.6%20277.4%2025.3Q279.9%2031.6%20281.8%2038zM281.4%2038Q283.5%2034.2%20286.1%2030.3Q286.5%2034.2%20287.5%2038zM286.1%2038Q287.9%2033.4%20290.1%2028.9Q291.0%2033.4%20292.2%2038zM298.0%2038Q298.6%2032.8%20298.9%2027.6Q300.4%2032.8%20301.7%2038zM304.4%2038Q305.4%2033.5%20306.5%2029.0Q307.7%2033.5%20308.8%2038zM307.9%2038Q308.9%2032.1%20309.3%2026.2Q312.1%2032.1%20314.4%2038zM312.3%2038Q316.7%2024.1%20323.7%2010.1Q319.9%2024.1%20318.6%2038zM321.7%2038Q322.1%2023.9%20321.4%209.9Q325.4%2023.9%20328.2%2038zM331.0%2038Q332.7%2026.0%20334.7%2014.0Q335.5%2026.0%20336.5%2038zM335.8%2038Q336.0%2032.9%20335.6%2027.7Q338.0%2032.9%20339.8%2038zM343.4%2038Q344.2%2033.4%20344.4%2028.7Q347.3%2033.4%20349.5%2038zM352.0%2038Q355.3%2028.3%20360.0%2018.6Q358.6%2028.3%20358.6%2038zM360.5%2038Q362.2%2030.0%20364.7%2022.0Q363.8%2030.0%20363.7%2038zM361.7%2038Q363.2%2033.3%20364.9%2028.5Q366.0%2033.3%20367.3%2038zM370.1%2038Q370.9%2024.1%20371.2%2010.3Q373.6%2024.1%20375.5%2038zM376.2%2038Q379.1%2025.5%20383.3%2013.1Q381.5%2025.5%20381.2%2038zM383.6%2038Q385.4%2034.1%20387.7%2030.2Q388.0%2034.1%20388.7%2038zM388.7%2038Q391.8%2026.7%20396.3%2015.5Q395.1%2026.7%20395.2%2038zM400.1%2038Q401.9%2035.0%20404.2%2032.0Q404.6%2035.0%20405.5%2038zM402.8%2038Q404.0%2033.5%20405.3%2029.0Q406.1%2033.5%20407.0%2038zM411.0%2038Q411.4%2031.4%20410.8%2024.8Q414.4%2031.4%20417.0%2038zM416.8%2038Q417.2%2034.6%20417.2%2031.1Q419.0%2034.6%20420.4%2038zM429.4%2038Q430.5%2025.7%20431.9%2013.3Q432.3%2025.7%20432.9%2038zM431.7%2038Q433.2%2033.1%20435.0%2028.2Q435.4%2033.1%20436.2%2038zM440.5%2038Q441.3%2032.7%20441.8%2027.3Q443.2%2032.7%20444.4%2038zM443.6%2038Q444.8%2030.3%20445.9%2022.6Q447.7%2030.3%20449.4%2038zM450.8%2038Q452.2%2034.2%20453.7%2030.5Q454.4%2034.2%20455.3%2038zM461.2%2038Q463.1%2032.4%20465.3%2026.9Q466.1%2032.4%20467.3%2038zM466.5%2038Q468.2%2032.5%20470.5%2027.1Q470.7%2032.5%20471.4%2038zM-6.7%2038Q-6.2%2028.3%20-6.4%2018.6Q-3.8%2028.3%20-1.8%2038zM473.3%2038Q473.8%2028.3%20473.6%2018.6Q476.2%2028.3%20478.2%2038z%27/%3E%3Cpath%20fill=%27%2335602d%27%20d=%27M-0.7%2041Q0.8%2035.4%202.3%2029.9Q3.6%2035.4%205.1%2041zM479.3%2041Q480.8%2035.4%20482.3%2029.9Q483.6%2035.4%20485.1%2041zM6.1%2041Q7.1%2035.2%208.2%2029.3Q8.8%2035.2%209.5%2041zM12.1%2041Q12.5%2032.8%2012.4%2024.6Q14.0%2032.8%2015.2%2041zM13.9%2041Q13.9%2032.6%2012.7%2024.2Q16.4%2032.6%2018.9%2041zM23.6%2041Q25.5%2030.5%2028.0%2020.0Q27.9%2030.5%2028.5%2041zM25.2%2041Q26.0%2039.0%2026.6%2037.0Q28.2%2039.0%2029.7%2041zM31.5%2041Q32.2%2038.1%2033.0%2035.1Q33.7%2038.1%2034.4%2041zM37.2%2041Q39.0%2032.2%2041.3%2023.3Q41.2%2032.2%2041.7%2041zM42.9%2041Q43.6%2034.3%2043.8%2027.7Q45.7%2034.3%2047.2%2041zM50.0%2041Q52.5%2030.1%2055.9%2019.1Q55.2%2030.1%2055.5%2041zM53.0%2041Q53.5%2038.1%2053.7%2035.3Q55.4%2038.1%2056.7%2041zM59.6%2041Q60.9%2036.9%2062.1%2032.8Q63.6%2036.9%2065.1%2041zM67.2%2041Q67.1%2032.1%2066.2%2023.2Q68.5%2032.1%2070.0%2041zM70.7%2041Q72.1%2036.3%2073.4%2031.6Q75.1%2036.3%2076.7%2041zM72.4%2041Q73.3%2034.7%2073.8%2028.4Q75.9%2034.7%2077.7%2041zM77.5%2041Q79.4%2037.5%2081.6%2033.9Q82.3%2037.5%2083.4%2041zM84.3%2041Q84.7%2038.0%2084.6%2035.1Q86.2%2038.0%2087.5%2041zM92.2%2041Q93.3%2038.4%2094.5%2035.9Q95.6%2038.4%2096.8%2041zM95.3%2041Q96.7%2033.5%2098.5%2026.1Q98.3%2033.5%2098.5%2041zM100.2%2041Q100.7%2036.7%20101.0%2032.5Q102.5%2036.7%20103.6%2041zM109.4%2041Q111.8%2032.7%20115.3%2024.3Q113.7%2032.7%20113.2%2041zM110.2%2041Q111.9%2037.0%20113.9%2032.9Q114.7%2037.0%20115.8%2041zM116.1%2041Q116.1%2030.2%20115.5%2019.3Q117.9%2030.2%20119.6%2041zM124.5%2041Q124.9%2037.5%20124.9%2034.0Q126.8%2037.5%20128.2%2041zM126.6%2041Q127.9%2035.2%20129.4%2029.4Q129.7%2035.2%20130.2%2041zM132.2%2041Q133.7%2036.5%20135.3%2031.9Q136.6%2036.5%20138.1%2041zM139.7%2041Q139.5%2031.8%20138.4%2022.7Q141.2%2031.8%20143.1%2041zM146.6%2041Q146.6%2032.5%20145.9%2024.0Q148.4%2032.5%20150.2%2041zM151.2%2041Q154.0%2030.8%20158.5%2020.7Q155.7%2030.8%20154.6%2041zM156.8%2041Q157.1%2035.0%20156.6%2029.0Q159.1%2035.0%20161.0%2041zM158.4%2041Q160.3%2030.5%20163.1%2020.1Q162.1%2030.5%20162.0%2041zM164.2%2041Q164.9%2032.4%20165.1%2023.8Q167.2%2032.4%20168.9%2041zM170.0%2041Q170.1%2033.7%20169.7%2026.4Q171.6%2033.7%20173.0%2041zM176.3%2041Q176.9%2032.0%20177.0%2023.1Q179.3%2032.0%20181.1%2041zM184.3%2041Q184.8%2038.3%20185.2%2035.6Q186.3%2038.3%20187.2%2041zM187.1%2041Q187.9%2038.9%20188.6%2036.8Q189.6%2038.9%20190.5%2041zM192.8%2041Q194.2%2038.6%20195.9%2036.3Q196.1%2038.6%20196.7%2041zM199.5%2041Q201.1%2034.4%20203.0%2027.8Q203.6%2034.4%20204.5%2041zM201.9%2041Q203.0%2039.0%20204.4%2036.9Q204.4%2039.0%20204.8%2041zM209.9%2041Q211.4%2030.5%20213.5%2020.1Q212.8%2030.5%20212.8%2041zM213.7%2041Q216.3%2033.6%20220.1%2026.1Q218.2%2033.6%20217.6%2041zM216.4%2041Q218.7%2035.6%20221.7%2030.2Q221.3%2035.6%20221.6%2041zM224.9%2041Q227.5%2033.9%20231.2%2026.7Q230.1%2033.9%20230.2%2041zM228.2%2041Q230.7%2034.1%20234.2%2027.2Q233.6%2034.1%20233.9%2041zM233.9%2041Q235.7%2032.8%20237.8%2024.6Q238.4%2032.8%20239.5%2041zM240.7%2041Q242.1%2037.1%20243.7%2033.1Q244.4%2037.1%20245.3%2041zM242.7%2041Q245.3%2034.6%20248.7%2028.2Q248.3%2034.6%20248.7%2041zM251.6%2041Q253.1%2037.0%20254.7%2033.0Q255.7%2037.0%20256.7%2041zM256.6%2041Q258.4%2032.2%20261.0%2023.4Q259.9%2032.2%20259.6%2041zM259.3%2041Q259.9%2035.0%20260.0%2029.0Q262.1%2035.0%20263.6%2041zM267.6%2041Q269.7%2036.1%20272.6%2031.1Q272.1%2036.1%20272.4%2041zM271.3%2041Q272.5%2039.0%20273.7%2037.0Q274.3%2039.0%20275.1%2041zM275.5%2041Q277.1%2038.5%20278.9%2035.9Q279.9%2038.5%20281.2%2041zM282.9%2041Q284.6%2031.5%20287.0%2022.0Q286.5%2031.5%20286.7%2041zM286.3%2041Q288.4%2036.7%20291.2%2032.3Q291.1%2036.7%20291.6%2041zM295.2%2041Q296.2%2037.1%20297.0%2033.1Q298.5%2037.1%20299.9%2041zM296.6%2041Q298.7%2036.1%20301.5%2031.1Q301.4%2036.1%20302.1%2041zM305.6%2041Q305.4%2030.7%20304.2%2020.4Q307.2%2030.7%20309.3%2041zM309.8%2041Q310.6%2037.9%20311.4%2034.7Q312.3%2037.9%20313.2%2041zM315.8%2041Q317.5%2036.1%20319.8%2031.2Q319.4%2036.1%20319.6%2041zM323.2%2041Q323.2%2036.5%20322.6%2031.9Q324.7%2036.5%20326.2%2041zM327.0%2041Q328.4%2038.9%20329.8%2036.9Q330.9%2038.9%20332.1%2041zM330.7%2041Q330.4%2032.8%20329.3%2024.6Q331.9%2032.8%20333.6%2041zM335.5%2041Q336.7%2039.0%20337.7%2037.0Q339.4%2039.0%20340.9%2041zM339.6%2041Q340.8%2038.9%20342.0%2036.9Q343.2%2038.9%20344.4%2041zM347.0%2041Q349.6%2034.4%20353.4%2027.9Q352.3%2034.4%20352.4%2041zM353.1%2041Q353.9%2038.3%20354.5%2035.6Q356.1%2038.3%20357.4%2041zM354.8%2041Q355.6%2036.3%20356.0%2031.6Q358.2%2036.3%20359.9%2041zM361.5%2041Q362.8%2037.4%20364.3%2033.7Q365.3%2037.4%20366.5%2041zM368.9%2041Q371.0%2033.2%20373.9%2025.5Q373.0%2033.2%20373.0%2041zM374.8%2041Q376.5%2038.8%20378.3%2036.6Q379.4%2038.8%20380.6%2041zM376.9%2041Q378.9%2036.5%20381.6%2031.9Q381.3%2036.5%20381.7%2041zM383.0%2041Q385.2%2035.4%20388.0%2029.7Q388.0%2035.4%20388.6%2041zM391.4%2041Q392.2%2036.4%20392.6%2031.7Q394.6%2036.4%20396.3%2041zM395.7%2041Q397.8%2032.5%20400.6%2023.9Q400.2%2032.5%20400.6%2041zM398.1%2041Q401.5%2031.4%20406.6%2021.8Q404.5%2031.4%20404.0%2041zM406.0%2041Q408.4%2032.8%20412.1%2024.6Q410.3%2032.8%20409.8%2041zM413.2%2041Q414.0%2037.3%20414.7%2033.7Q415.5%2037.3%20416.3%2041zM416.5%2041Q416.3%2033.1%20415.0%2025.2Q418.4%2033.1%20420.8%2041zM422.5%2041Q423.7%2038.9%20424.6%2036.8Q426.3%2038.9%20427.9%2041zM426.6%2041Q426.5%2032.9%20425.6%2024.7Q428.1%2032.9%20429.9%2041zM431.7%2041Q433.8%2033.6%20436.4%2026.3Q436.5%2033.6%20437.2%2041zM439.0%2041Q439.7%2036.1%20439.9%2031.2Q442.6%2036.1%20444.8%2041zM441.9%2041Q443.4%2035.8%20445.3%2030.5Q445.2%2035.8%20445.6%2041zM448.3%2041Q449.9%2035.8%20451.7%2030.6Q452.7%2035.8%20453.8%2041zM452.1%2041Q454.1%2037.1%20456.8%2033.2Q456.9%2037.1%20457.6%2041zM456.7%2041Q458.4%2032.1%20460.4%2023.1Q461.4%2032.1%20462.6%2041zM464.5%2041Q465.7%2038.3%20466.9%2035.6Q467.9%2038.3%20469.0%2041zM469.3%2041Q470.8%2039.0%20472.4%2036.9Q473.8%2039.0%20475.2%2041zM-5.7%2041Q-4.4%2032.7%20-3.0%2024.4Q-2.1%2032.7%20-1.1%2041zM474.3%2041Q475.6%2032.7%20477.0%2024.4Q477.9%2032.7%20478.9%2041z%27/%3E%3Crect%20y=%2740%27%20width=%27480%27%20height=%274%27%20fill=%27%232c4a24%27/%3E%3C/svg%3E") 0 0 / 480px 44px repeat-x, linear-gradient(180deg, #3d2b1c, #2a1e15) 0 100% / 100% 14px no-repeat;
}

.page-hero h1 {
  margin: 0 0 0.7rem;
  max-width: 22ch;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(2.2rem, 5vw, 3.7rem);
  letter-spacing: -0.02em;
  color: var(--leaf-ink);
  line-height: 1.08;
  text-wrap: balance;
}

.page-hero p {
  margin: 0;
  max-width: 38rem;
  color: var(--ink-soft);
  font-size: 1.08rem;
}

@media (prefers-reduced-motion: no-preference) {
  .js .page-hero h1,
  .js .page-hero p {
    animation: rise 0.9s var(--ease-out) both;
  }

  .js .page-hero p {
    animation-delay: 0.15s;
  }
}

/* ——— Contact ——— */
.contact-grid {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .contact-grid {
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
}

.contact-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius-leaf);
  padding: 1.6rem clamp(1.35rem, 3vw, 2.2rem);
  box-shadow: var(--shadow-soft);
}

.contact-grid > .contact-card:nth-child(2) {
  border-radius: 8px 26px 8px 26px;
}

.contact-card h2 {
  margin: 0 0 1rem;
  font-family: var(--font-display);
  font-size: 1.55rem;
  font-weight: 500;
  color: var(--leaf-ink);
  letter-spacing: -0.01em;
}

.contact-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.contact-list li {
  margin: 0 0 1rem;
}

.contact-list li:last-child {
  margin-bottom: 0;
}

.contact-label {
  display: block;
  font-size: 0.74rem;
  font-weight: 650;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--moss-text);
  margin-bottom: 0.2rem;
}

.contact-list a {
  font-weight: 600;
  text-decoration: none;
  color: var(--leaf);
}

.contact-list a:hover {
  color: var(--leaf-deep);
  text-decoration: underline;
}

.hours-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.98rem;
}

.hours-table th,
.hours-table td {
  text-align: left;
  padding: 0.65rem 0;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
}

.hours-table th {
  font-weight: 600;
  width: 42%;
  padding-right: 1rem;
}

.hours-widget {
  margin: 0 0 1.25rem;
  padding: 1.15rem 1.2rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  background:
    radial-gradient(ellipse 70% 90% at 100% 0%, rgba(246, 227, 181, 0.7), rgba(246, 227, 181, 0) 70%),
    var(--mist);
}

.hours-widget-label {
  margin: 0 0 0.55rem;
  font-size: 0.76rem;
  font-weight: 650;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--moss-text);
}

.hours-widget-primary {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  margin: 0 0 0.85rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid rgba(84, 110, 62, 0.2);
}

.hours-widget-days {
  font-weight: 700;
  font-size: 1.05rem;
}

.hours-widget-time {
  font-family: var(--font-display);
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1.1;
  color: var(--leaf-ink);
  letter-spacing: 0.01em;
}

.hours-widget-rest {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.4rem;
  font-size: 0.95rem;
}

.hours-widget-rest li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.hours-widget-day {
  font-weight: 600;
}

.hours-widget-status {
  color: var(--ink-soft);
  text-align: right;
}

.map-directions {
  margin-top: 2.25rem;
  margin-bottom: 0;
}

.map-directions + .map-wrap {
  margin-top: 1rem;
}

.map-wrap {
  margin-top: 2.25rem;
  border-radius: 28px 10px 28px 10px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--mist);
  aspect-ratio: 16 / 10;
  min-height: 220px;
  box-shadow: var(--shadow);
}

.map-wrap iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.note {
  font-size: 0.9rem;
  color: var(--ink-soft);
  margin: 1rem 0 0;
}

/* ——— Brands overview page ——— */
.brands-intro {
  max-width: 42rem;
  margin: 0 auto 2.25rem;
  text-align: center;
  color: var(--ink-soft);
  line-height: 1.7;
  font-size: 1.08rem;
}

.brand-cards {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1.35rem;
  grid-template-columns: 1fr;
}

@media (min-width: 720px) {
  .brand-cards {
    grid-template-columns: 1fr 1fr;
  }
}

.brand-card {
  display: flex;
  gap: 1.1rem;
  align-items: flex-start;
  padding: 1.3rem 1.35rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-leaf);
  background: var(--paper);
  box-shadow: var(--shadow-soft);
  scroll-margin-top: 6rem;
  transition: box-shadow 0.3s ease, transform 0.3s var(--ease-out);
}

.brand-card:nth-child(4n + 2),
.brand-card:nth-child(4n + 3) {
  border-radius: 8px 26px 8px 26px;
}

.brand-card:hover {
  box-shadow: var(--shadow);
  transform: translateY(-2px);
}

.brand-card:target {
  box-shadow: 0 0 0 2px var(--sap), var(--shadow);
}

.brand-card-logo {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 7.5rem;
  min-height: 4rem;
  padding: 0.6rem 0.8rem;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 0 6px #d2b07d, 0 0 0 7px rgba(120, 90, 40, 0.25), 0 10px 18px -8px rgba(60, 35, 10, 0.4);
  margin: 7px;
}

.brand-card-logo img {
  max-height: 2.3rem;
  width: auto;
  max-width: 7rem;
  object-fit: contain;
}

@media (max-width: 519px) {
  /* logo above the text: the text keeps a full-width column */
  .brand-card {
    flex-direction: column;
  }

  .brand-card-logo {
    align-self: flex-start;
  }
}

.brand-card-body h3 {
  margin: 0 0 0.4rem;
  font-family: var(--font-display);
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--leaf-ink);
}

.brand-card-body p {
  margin: 0;
  color: var(--ink-soft);
  line-height: 1.6;
  font-size: 0.98rem;
}

.brands-page-cta {
  margin-top: 2.5rem;
  text-align: center;
}

.brands-page-cta p {
  margin: 0 0 1rem;
  color: var(--ink-soft);
}

.brand-profile-link {
  margin: 0.65rem 0 0;
  font-size: 0.92rem;
}

.brand-profile-link a {
  font-weight: 600;
  text-decoration: none;
}

.brand-profile-link a:hover {
  text-decoration: underline;
}

/* ——— Prose (privacy, articles) ——— */
.prose {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 1.5rem;
  box-shadow: var(--shadow-soft);
  max-width: 46rem;
}

@media (min-width: 640px) {
  .prose {
    padding: 2.25rem 2.5rem;
  }
}

.prose h2 {
  margin: 2rem 0 0.6rem;
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--leaf-ink);
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.prose h2:first-child {
  margin-top: 0;
}

.prose h3 {
  margin: 1.5rem 0 0.45rem;
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--leaf-ink);
}

.prose p,
.prose li {
  color: var(--ink-soft);
}

.prose strong {
  color: var(--ink);
}

.prose ul,
.prose ol {
  padding-left: 1.25rem;
}

.prose li {
  margin-bottom: 0.35rem;
}

.prose ul li::marker {
  color: var(--sap);
}

.prose-article {
  max-width: 52rem;
}

.prose .table-wrap,
.prose-table-wrap {
  overflow-x: auto;
  margin: 1.25rem 0;
  -webkit-overflow-scrolling: touch;
}

.prose table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  margin: 1.25rem 0;
}

.prose th,
.prose td {
  text-align: left;
  padding: 0.65rem 0.75rem;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
}

.prose thead th {
  font-weight: 600;
  color: var(--ink);
  background: var(--mist);
}

.prose tbody tr:last-child th,
.prose tbody tr:last-child td {
  border-bottom: none;
}

.prose a {
  color: var(--leaf);
  font-weight: 600;
  text-decoration: none;
}

.prose a:hover {
  color: var(--leaf-deep);
  text-decoration: underline;
}

.article-figure {
  margin: 0 0 2.25rem;
  max-width: 52rem;
  border-radius: 28px 10px 28px 10px;
  overflow: hidden;
  background: var(--mist);
  box-shadow: var(--shadow);
}

.article-figure img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

/* ——— FAQ index ——— */
.faq-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
  max-width: 50rem;
}

.faq-card {
  margin: 0;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius-leaf);
  box-shadow: var(--shadow-soft);
  transition: border-color 0.2s ease, box-shadow 0.3s ease, transform 0.3s var(--ease-out);
}

.faq-card:nth-child(even) {
  border-radius: 8px 26px 8px 26px;
}

.faq-card:hover {
  border-color: var(--sap);
  box-shadow: var(--shadow);
  transform: translateY(-2px);
}

.faq-card-link {
  display: grid;
  grid-template-columns: 8rem 1fr;
  gap: 1.1rem;
  align-items: center;
  padding: 0.9rem;
  text-decoration: none;
  color: inherit;
}

@media (max-width: 520px) {
  .faq-card-link {
    grid-template-columns: 1fr;
  }
}

/* wide screens: two columns, leaf corners alternating as a checkerboard */
@media (min-width: 1100px) {
  .faq-list {
    max-width: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem 1.5rem;
  }

  .faq-card-link {
    height: 100%;
  }

  .faq-card:nth-child(even) {
    border-radius: var(--radius-leaf);
  }

  .faq-card:nth-child(4n + 2),
  .faq-card:nth-child(4n + 3) {
    border-radius: 8px 26px 8px 26px;
  }
}

.faq-card-media {
  display: block;
  border-radius: 18px 6px 18px 6px;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: var(--mist);
}

.faq-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s var(--ease-out);
}

.faq-card:hover .faq-card-media img {
  transform: scale(1.06);
}

.faq-card-body {
  display: block;
  padding: 0.25rem 0.75rem 0.25rem 0;
}

@media (max-width: 520px) {
  .faq-card-body {
    padding: 0 0.4rem 0.4rem;
  }
}

.faq-card-title {
  margin: 0 0 0.4rem;
  font-family: var(--font-display);
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--leaf-ink);
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.faq-card-summary {
  margin: 0;
  color: var(--ink-soft);
  font-size: 0.98rem;
  line-height: 1.55;
}

.article-back {
  margin: 0 0 1rem;
  font-size: 0.92rem;
}

.article-back a {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--leaf);
  font-weight: 600;
  text-decoration: none;
}

.article-back a::before {
  content: "\2190";
}

.article-back a:hover {
  color: var(--leaf-deep);
  text-decoration: underline;
}

/* ——— STIHL authorized dealer badge ——— */
.stihl-badge {
  display: inline-block;
  margin: 0;
  padding: 0.3rem 0.8rem;
  border-radius: var(--radius-pill);
  background: var(--paper);
  color: var(--leaf-deep);
  font-size: 0.82rem;
  font-weight: 650;
  letter-spacing: 0.01em;
  line-height: 1.35;
  border: 1px solid var(--line);
}

.stihl-badge--footer {
  font-size: 0.78rem;
  padding: 0.22rem 0.7rem;
  background: rgba(245, 238, 219, 0.08);
  color: var(--moon);
  border-color: rgba(245, 238, 219, 0.28);
}

.stihl-dealer-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.55rem 0.85rem;
  max-width: 40rem;
  margin: 0 auto 1rem;
  text-align: center;
  color: var(--ink-soft);
  font-size: 0.98rem;
  line-height: 1.5;
}

.stihl-dealer-line--page {
  margin-top: 1.1rem;
  margin-bottom: 0;
  justify-content: flex-start;
  text-align: left;
  max-width: none;
}

.page-hero .stihl-dealer-line--page {
  justify-content: flex-start;
}

.brand-card-body .stihl-badge {
  margin: 0 0 0.55rem;
  border-radius: 12px;
}

/* ——————————————————————————————— Footer (night) ——————————————————————————————— */
.site-footer {
  position: relative;
  background: linear-gradient(180deg, var(--night) 0%, #0b141f 100%);
  color: rgba(245, 238, 219, 0.82);
  padding: clamp(2.5rem, 6vw, 3.5rem) 0 1.75rem;
  margin-top: clamp(50px, 7vw, 100px);
}

/* rolling hills at nightfall, rising out of the page */
.site-footer::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% - 1px);
  height: clamp(50px, 7vw, 100px);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M0 46c160-34 330-50 520-24s330-24 480-30 300 16 440-8v116H0z' fill='%23a4b3a4' opacity='.55'/%3E%3Cpath d='M0 70c200-26 380-10 560-26s360 8 520-6 250-16 360-8v70H0z' fill='%2334495a'/%3E%3Cpath d='M0 88c240-14 470-6 700-14s460 4 740-2v28H0z' fill='%230f1a27'/%3E%3C/svg%3E") bottom / 100% 100% no-repeat;
  pointer-events: none;
}

.page-home .site-footer {
  margin-top: 0;
  background: linear-gradient(180deg, #0e1726 0%, #0a121d 100%);
}

.page-home .site-footer::before {
  display: none;
}

.fireflies {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

/* the footer's words sit in front of the fireflies, never under a glow */
.footer-inner,
.footer-bottom {
  position: relative;
  z-index: 1;
}

.fireflies span {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff5b8;
  box-shadow: 0 0 6px 2px rgba(244, 220, 106, 0.75), 0 0 20px 7px rgba(244, 220, 106, 0.2);
  opacity: 0.75;
}

/* kept to the margins and the band above the words: no glow sits on the footer text */
.fireflies span:nth-child(1) { left: 4%; top: 18%; }
.fireflies span:nth-child(2) { left: 12%; top: 7%; opacity: 0.45; }
.fireflies span:nth-child(3) { left: 27%; top: 12%; }
.fireflies span:nth-child(4) { left: 3%; top: 62%; opacity: 0.5; }
.fireflies span:nth-child(5) { left: 44%; top: 5%; opacity: 0.4; }
.fireflies span:nth-child(6) { left: 53%; top: 15%; }
.fireflies span:nth-child(7) { left: 67%; top: 8%; opacity: 0.55; }
.fireflies span:nth-child(8) { left: 81%; top: 17%; }
.fireflies span:nth-child(9) { left: 95%; top: 36%; opacity: 0.45; }
.fireflies span:nth-child(10) { left: 97%; top: 70%; }
.fireflies span:nth-child(11) { left: 91%; top: 9%; opacity: 0.5; }
.fireflies span:nth-child(12) { left: 2%; top: 90%; opacity: 0.5; }

@media (max-width: 699px) {
  /* the stacked footer fills the middle: only the fireflies at the edges stay */
  .fireflies span:nth-child(3),
  .fireflies span:nth-child(5),
  .fireflies span:nth-child(6),
  .fireflies span:nth-child(7),
  .fireflies span:nth-child(8) {
    display: none;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .fireflies span {
    animation: firefly-drift 11s ease-in-out infinite alternate, firefly-blink 3.4s ease-in-out infinite;
  }

  .fireflies span:nth-child(3n) {
    animation-duration: 14s, 4.1s;
    animation-delay: -3s, -1.2s;
  }

  .fireflies span:nth-child(3n + 1) {
    animation-duration: 9s, 2.9s;
    animation-delay: -6s, -2s;
  }

  .fireflies span:nth-child(4n) {
    animation-direction: alternate-reverse, normal;
  }
}

@keyframes firefly-drift {
  0% { transform: translate(0, 0); }
  33% { transform: translate(18px, -14px); }
  66% { transform: translate(-10px, -26px); }
  100% { transform: translate(14px, 8px); }
}

@keyframes firefly-blink {
  0%, 100% { opacity: 0.15; }
  45%, 60% { opacity: 0.95; }
}

.footer-inner {
  position: relative;
  width: min(100% - 2.5rem, var(--max));
  margin-inline: auto;
  display: grid;
  gap: 1.75rem;
  align-items: start;
}

@media (min-width: 720px) {
  .footer-inner {
    grid-template-columns: 1.4fr 1fr;
  }
}

.footer-brand {
  font-family: var(--font-display);
  font-size: 1.55rem;
  font-weight: 500;
  color: var(--moon);
  margin: 0 0 0.4rem;
  letter-spacing: -0.01em;
}

.footer-tagline {
  margin: 0 0 0.3rem;
  font-size: 0.92rem;
  color: rgba(245, 238, 219, 0.72);
}

.footer-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 1.3rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer a {
  color: rgba(245, 238, 219, 0.88);
  text-decoration: none;
}

.site-footer a:hover {
  color: var(--firefly);
}

.site-footer a:focus-visible {
  outline-color: var(--firefly);
}

.footer-bottom {
  position: relative;
  width: min(100% - 2.5rem, var(--max));
  margin: 1.75rem auto 0;
  padding-top: 1.1rem;
  border-top: 1px solid rgba(245, 238, 219, 0.12);
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  justify-content: space-between;
  font-size: 0.85rem;
  color: rgba(245, 238, 219, 0.75);
}

.footer-bottom p {
  margin: 0;
}

.footer-bottom nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
}

.footer-stihl {
  margin-top: 0.45rem;
}

/* ——————————————————————————————— Motion gating ——————————————————————————————— */
.garden-live .reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 0.9s ease, transform 1.1s var(--ease-out);
}

.garden-live .reveal.is-in {
  opacity: 1;
  transform: none;
}

/* garden.js adds .garden-live on <html> only when motion is welcome and it is running.
   Hidden-until-revealed states live exclusively behind that class. Card text is never hidden. */
.garden-live .leaf-body {
  transform: translateY(calc((1 - var(--u, 1)) * 12px));
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
  }
}