:root {

  --color-bg: var(--old-lace);
  --color-bg-alt: var(--bone);
  --color-surface: #ffffff;
  --color-text: var(--earth-green-d3);
  --color-text-muted: var(--coyote-d1);
  --color-accent: var(--dark-goldenrod);
  --color-accent-dark: var(--kobicha);
  --color-border: color-mix(in oklch, var(--earth-green) 12%, transparent);
  --color-landing-accent: var(--kobicha-d2);
  --color-landing-sub: var(--kobicha);

  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.25rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 2.5rem;
  --space-3xl: 3rem;
  --space-4xl: 3.75rem;
  --space-5xl: 4rem;
  --space-6xl: 5rem;
  --space-7xl: 6.25rem;
  --space-8xl: 7.5rem;

  --gutter: var(--space-2xl);
  --max-width: 100rem;
  --wide-width: 95%;
  --content-max-width: 47.5rem;
  --testimonial-max-width: 50rem;
  --logo-height: 2.5rem;
  --header-logo-height: 20rem;
  --nav-toggle-gap: 0.3125rem;
  --btn-padding-block: 0.875rem;

  --radius: 0.25rem;

  --fs-xs:   0.8125rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.5rem;
  --fs-xl:   1.75rem;
  --fs-1xl:   2.5rem;
  --fs-2xl:  clamp(2rem, 5vw, 3.25rem);
  --fs-3xl:  clamp(3rem, 8vw, 6rem);
  --fs-landing-sub: 1.6rem;

  --fs-nav:  clamp(1.75rem, min(1rem + 2.5vw, 6vh), 3rem);

  --lh-very-tight: 1;
  --lh-tight:   1.2;
  --lh-base:    1.6;
  --lh-relaxed: 1.8;

  --transition-fast: 0.2s ease;
  --transition-slow: 0.4s ease;

  --z-logo:    500;
  --z-header:  900;
  --z-overlay: 1000;

  --page-bg: var(--color-bg);
  --logo-bg: var(--color-bg);
  --logo-mark-fill: var(--kobicha-d1);
  --logo-flower-opacity: 0.35;
  --nav-bg: var(--earth-green);
  --toggle-fill: var(--color-bg-alt);
  --toggle-bar: var(--earth-green);
  --nav-link-color: var(--color-bg-alt);
  --nav-link-hover: var(--color-bg);
  --nav-link-active: var(--color-bg);
  --social-link-fill: var(--color-bg-alt);

  --footer-bg: var(--kobicha-d5);
  --footer-logo-fill: var(--old-lace);
  --footer-subhead: var(--kobicha-l3);
  --footer-social-fill: var(--old-lace);
  --footer-text: var(--kobicha-l3);
  --footer-link: var(--kobicha-l3);
  --footer-link-hover: var(--kobicha-l3);
  --page-nav-link: var(--kobicha-l4);
  --page-nav-hover: var(--color-accent);
  --footer-text-pipe: var(--kobicha-l4);

  --testimonial-bg: var(--dark-goldenrod-l2);
  --testimonial-text: var(--color-text);
  --testimonial-name: var(--color-text-muted);
  --testimonial-arrows: var(--color-accent);
  --testimonial-quote-mark: color-mix(in oklch, currentColor 18%, transparent);

  --section-link: currentColor;
  --section-link-hover: var(--section-link);
}

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

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

body {
  margin: 0;
  background: var(--page-bg);
  color: var(--color-text);
  font-family: var(--ff-body);
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  -webkit-font-smoothing: antialiased;
}

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

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ff-display);
  font-weight: 400;
  line-height: var(--lh-tight);
  margin: 0 0 0.5em;
}

p {
  margin: 0 0 1.25rem;
}

.ff-display {
  font-family: var(--ff-display);
}

.ff-body {
  font-family: var(--ff-body);
}

.section .wp-block-image {
  cursor: pointer;
}

.fs-xs   { font-size: var(--fs-xs); }
.fs-sm   { font-size: var(--fs-sm); }
.fs-base { font-size: var(--fs-base); }
.fs-md   { font-size: var(--fs-md); }
.fs-lg   { font-size: var(--fs-lg); }
.fs-xl   { font-size: var(--fs-xl); }
.fs-2xl  { font-size: var(--fs-2xl); }
.fs-3xl  { font-size: var(--fs-3xl); }

.lh-very-tight   { line-height: var(--lh-very-tight); }
.lh-tight   { line-height: var(--lh-tight); }
.lh-base    { line-height: var(--lh-base); }
.lh-relaxed { line-height: var(--lh-relaxed); }

.clr-old-lace { color: var(--old-lace); }
.clr-old-lace-d1 { color: var(--old-lace-d1); }
.clr-old-lace-d2 { color: var(--old-lace-d2); }
.clr-old-lace-d3 { color: var(--old-lace-d3); }
.clr-old-lace-d4 { color: var(--old-lace-d4); }
.clr-old-lace-d5 { color: var(--old-lace-d5); }
.clr-old-lace-d6 { color: var(--old-lace-d6); }

.clr-bone { color: var(--bone); }
.clr-bone-d1 { color: var(--bone-d1); }
.clr-bone-d2 { color: var(--bone-d2); }
.clr-bone-d3 { color: var(--bone-d3); }
.clr-bone-d4 { color: var(--bone-d4); }
.clr-bone-d5 { color: var(--bone-d5); }
.clr-bone-d6 { color: var(--bone-d6); }
.clr-bone-l1 { color: var(--bone-l1); }
.clr-bone-l2 { color: var(--bone-l2); }
.clr-bone-l3 { color: var(--bone-l3); }
.clr-bone-l4 { color: var(--bone-l4); }
.clr-bone-l5 { color: var(--bone-l5); }
.clr-bone-l6 { color: var(--bone-l6); }

.clr-dark-goldenrod { color: var(--dark-goldenrod); }
.clr-dark-goldenrod-d1 { color: var(--dark-goldenrod-d1); }
.clr-dark-goldenrod-d2 { color: var(--dark-goldenrod-d2); }
.clr-dark-goldenrod-d3 { color: var(--dark-goldenrod-d3); }
.clr-dark-goldenrod-d4 { color: var(--dark-goldenrod-d4); }
.clr-dark-goldenrod-d5 { color: var(--dark-goldenrod-d5); }
.clr-dark-goldenrod-d6 { color: var(--dark-goldenrod-d6); }
.clr-dark-goldenrod-l1 { color: var(--dark-goldenrod-l1); }
.clr-dark-goldenrod-l2 { color: var(--dark-goldenrod-l2); }
.clr-dark-goldenrod-l3 { color: var(--dark-goldenrod-l3); }
.clr-dark-goldenrod-l4 { color: var(--dark-goldenrod-l4); }
.clr-dark-goldenrod-l5 { color: var(--dark-goldenrod-l5); }
.clr-dark-goldenrod-l6 { color: var(--dark-goldenrod-l6); }

.clr-kobicha { color: var(--kobicha); }
.clr-kobicha-d1 { color: var(--kobicha-d1); }
.clr-kobicha-d2 { color: var(--kobicha-d2); }
.clr-kobicha-d3 { color: var(--kobicha-d3); }
.clr-kobicha-d4 { color: var(--kobicha-d4); }
.clr-kobicha-d5 { color: var(--kobicha-d5); }
.clr-kobicha-d6 { color: var(--kobicha-d6); }
.clr-kobicha-l1 { color: var(--kobicha-l1); }
.clr-kobicha-l2 { color: var(--kobicha-l2); }
.clr-kobicha-l3 { color: var(--kobicha-l3); }
.clr-kobicha-l4 { color: var(--kobicha-l4); }
.clr-kobicha-l5 { color: var(--kobicha-l5); }
.clr-kobicha-l6 { color: var(--kobicha-l6); }

.clr-coyote { color: var(--coyote); }
.clr-coyote-d1 { color: var(--coyote-d1); }
.clr-coyote-d2 { color: var(--coyote-d2); }
.clr-coyote-d3 { color: var(--coyote-d3); }
.clr-coyote-d4 { color: var(--coyote-d4); }
.clr-coyote-d5 { color: var(--coyote-d5); }
.clr-coyote-d6 { color: var(--coyote-d6); }
.clr-coyote-l1 { color: var(--coyote-l1); }
.clr-coyote-l2 { color: var(--coyote-l2); }
.clr-coyote-l3 { color: var(--coyote-l3); }
.clr-coyote-l4 { color: var(--coyote-l4); }
.clr-coyote-l5 { color: var(--coyote-l5); }
.clr-coyote-l6 { color: var(--coyote-l6); }

.clr-earth-green { color: var(--earth-green); }
.clr-earth-green-d1 { color: var(--earth-green-d1); }
.clr-earth-green-d2 { color: var(--earth-green-d2); }
.clr-earth-green-d3 { color: var(--earth-green-d3); }
.clr-earth-green-d4 { color: var(--earth-green-d4); }
.clr-earth-green-d5 { color: var(--earth-green-d5); }
.clr-earth-green-d6 { color: var(--earth-green-d6); }
.clr-earth-green-l1 { color: var(--earth-green-l1); }
.clr-earth-green-l2 { color: var(--earth-green-l2); }
.clr-earth-green-l3 { color: var(--earth-green-l3); }
.clr-earth-green-l4 { color: var(--earth-green-l4); }
.clr-earth-green-l5 { color: var(--earth-green-l5); }
.clr-earth-green-l6 { color: var(--earth-green-l6); }

.bg-old-lace { background-color: var(--old-lace); }
.bg-old-lace-d1 { background-color: var(--old-lace-d1); }
.bg-old-lace-d2 { background-color: var(--old-lace-d2); }
.bg-old-lace-d3 { background-color: var(--old-lace-d3); }
.bg-old-lace-d4 { background-color: var(--old-lace-d4); }
.bg-old-lace-d5 { background-color: var(--old-lace-d5); }
.bg-old-lace-d6 { background-color: var(--old-lace-d6); }

.bg-bone { background-color: var(--bone); }
.bg-bone-d1 { background-color: var(--bone-d1); }
.bg-bone-d2 { background-color: var(--bone-d2); }
.bg-bone-d3 { background-color: var(--bone-d3); }
.bg-bone-d4 { background-color: var(--bone-d4); }
.bg-bone-d5 { background-color: var(--bone-d5); }
.bg-bone-d6 { background-color: var(--bone-d6); }
.bg-bone-l1 { background-color: var(--bone-l1); }
.bg-bone-l2 { background-color: var(--bone-l2); }
.bg-bone-l3 { background-color: var(--bone-l3); }
.bg-bone-l4 { background-color: var(--bone-l4); }
.bg-bone-l5 { background-color: var(--bone-l5); }
.bg-bone-l6 { background-color: var(--bone-l6); }

.bg-dark-goldenrod { background-color: var(--dark-goldenrod); }
.bg-dark-goldenrod-d1 { background-color: var(--dark-goldenrod-d1); }
.bg-dark-goldenrod-d2 { background-color: var(--dark-goldenrod-d2); }
.bg-dark-goldenrod-d3 { background-color: var(--dark-goldenrod-d3); }
.bg-dark-goldenrod-d4 { background-color: var(--dark-goldenrod-d4); }
.bg-dark-goldenrod-d5 { background-color: var(--dark-goldenrod-d5); }
.bg-dark-goldenrod-d6 { background-color: var(--dark-goldenrod-d6); }
.bg-dark-goldenrod-l1 { background-color: var(--dark-goldenrod-l1); }
.bg-dark-goldenrod-l2 { background-color: var(--dark-goldenrod-l2); }
.bg-dark-goldenrod-l3 { background-color: var(--dark-goldenrod-l3); }
.bg-dark-goldenrod-l4 { background-color: var(--dark-goldenrod-l4); }
.bg-dark-goldenrod-l5 { background-color: var(--dark-goldenrod-l5); }
.bg-dark-goldenrod-l6 { background-color: var(--dark-goldenrod-l6); }

.bg-kobicha { background-color: var(--kobicha); }
.bg-kobicha-d1 { background-color: var(--kobicha-d1); }
.bg-kobicha-d2 { background-color: var(--kobicha-d2); }
.bg-kobicha-d3 { background-color: var(--kobicha-d3); }
.bg-kobicha-d4 { background-color: var(--kobicha-d4); }
.bg-kobicha-d5 { background-color: var(--kobicha-d5); }
.bg-kobicha-d6 { background-color: var(--kobicha-d6); }
.bg-kobicha-l1 { background-color: var(--kobicha-l1); }
.bg-kobicha-l2 { background-color: var(--kobicha-l2); }
.bg-kobicha-l3 { background-color: var(--kobicha-l3); }
.bg-kobicha-l4 { background-color: var(--kobicha-l4); }
.bg-kobicha-l5 { background-color: var(--kobicha-l5); }
.bg-kobicha-l6 { background-color: var(--kobicha-l6); }

.bg-coyote { background-color: var(--coyote); }
.bg-coyote-d1 { background-color: var(--coyote-d1); }
.bg-coyote-d2 { background-color: var(--coyote-d2); }
.bg-coyote-d3 { background-color: var(--coyote-d3); }
.bg-coyote-d4 { background-color: var(--coyote-d4); }
.bg-coyote-d5 { background-color: var(--coyote-d5); }
.bg-coyote-d6 { background-color: var(--coyote-d6); }
.bg-coyote-l1 { background-color: var(--coyote-l1); }
.bg-coyote-l2 { background-color: var(--coyote-l2); }
.bg-coyote-l3 { background-color: var(--coyote-l3); }
.bg-coyote-l4 { background-color: var(--coyote-l4); }
.bg-coyote-l5 { background-color: var(--coyote-l5); }
.bg-coyote-l6 { background-color: var(--coyote-l6); }

.bg-earth-green { background-color: var(--earth-green); }
.bg-earth-green-d1 { background-color: var(--earth-green-d1); }
.bg-earth-green-d2 { background-color: var(--earth-green-d2); }
.bg-earth-green-d3 { background-color: var(--earth-green-d3); }
.bg-earth-green-d4 { background-color: var(--earth-green-d4); }
.bg-earth-green-d5 { background-color: var(--earth-green-d5); }
.bg-earth-green-d6 { background-color: var(--earth-green-d6); }
.bg-earth-green-l1 { background-color: var(--earth-green-l1); }
.bg-earth-green-l2 { background-color: var(--earth-green-l2); }
.bg-earth-green-l3 { background-color: var(--earth-green-l3); }
.bg-earth-green-l4 { background-color: var(--earth-green-l4); }
.bg-earth-green-l5 { background-color: var(--earth-green-l5); }
.bg-earth-green-l6 { background-color: var(--earth-green-l6); }

.container {
  margin-inline: auto;
}

.container--full {
  max-width: none;
  padding-inline: 0;
}

.container--wide {
  max-width: var(--wide-width);
}

.container--content {
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.skip-link {
  position: absolute;
  top: calc(-1 * var(--space-7xl));
  left: 0;
  z-index: var(--z-overlay);
  background: var(--color-text);
  color: var(--color-bg);
  padding: var(--space-xs) var(--space-md);
}

.skip-link:focus {
  top: 0;
}

.text-container {
  width: 90%;
  max-width: 65ch;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}

.btn {
  display: inline-block;
  padding: var(--btn-padding-block) var(--space-xl);
  border: 1px solid var(--color-accent);
  border-radius: var(--radius);
  color: var(--color-accent-dark);
  font-size: var(--fs-sm);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

.btn:hover {
  background: var(--color-accent);
  color: var(--color-surface);
}

.btn--solid {
  background: var(--color-accent);
  color: var(--color-surface);
}

.btn--solid:hover {
  background: var(--color-accent-dark);
  border-color: var(--color-accent-dark);
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--z-header);
}

.site-header__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;

}

#smooth-content {
  position: relative;

  background: var(--page-bg);
}

.site-logo {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  aspect-ratio: 1 / 1;
  transform: translate(-10%, -25%);
  z-index: var(--z-logo);
  --logo-after-rotate: 0;
  background: var(--logo-bg);
  width: var(--header-logo-height);
}

.site-logo a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
}

.site-logo__flower {
  position: absolute;
  inset: 0;
  mix-blend-mode: multiply;
  opacity: var(--logo-flower-opacity);
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: -1;
  transform: rotate(calc(var(--logo-after-rotate) * 1deg));
}

.site-logo__mark {
  aspect-ratio: 90 / 41;
  width: 50%;
  display: block;
  position: relative;
  z-index: 100;
}

.site-logo__mark {
  fill: var(--logo-mark-fill);
}

.nav-container {
  position: fixed;
  top: 0;
  right: 0;
  z-index: var(--z-header);
  width: 45%;
  height: 100svh;
  background: var(--nav-bg);
  padding: var(--space-8xl) var(--space-2xl);
  transform: translateX(100%);
  transition: transform  1s cubic-bezier(0.77, 0, 0.175, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-mask-image: url(../img/nav-mask.svg);
  mask-image: url(../img/nav-mask.svg);
  mask-repeat: no-repeat;
  mask-position:  0 0;
  mask-size: auto 100%;
  gap: var(--space-3xl);
}

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

.petal-gust__flower {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
  pointer-events: none;
  will-change: transform, opacity;
}

.petal-gust__flower img {
  display: block;
  width: 100%;
  height: auto;
}

.nav-petals__petal {
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
  will-change: transform, opacity;
}

.nav-petals__petal img {
  display: block;
  width: 100%;
  height: auto;
}

.main-nav,
.social-nav {
  position: relative;
  z-index: 1;
}

.main-nav ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main-nav li {
  list-style: none;
  font-size: var(--fs-nav);
  font-family: var(--ff-display);
}

.main-nav li a {
  transition: color .65s ease;
}

.social-nav ul {
  display: flex;
  gap: var(--space-md);
}

.social-nav li {
  list-style: none;
  width: 1.75rem;
}

.social-nav li svg {
  fill: var(--social-link-fill);
}

.main-nav a {
color: var(--nav-link-color);
}

.main-nav a:hover,
.main-nav .current-menu-item > a {
  color: var(--nav-link-hover);
}

.nav-toggle {
  position: fixed;
  top: 2rem;
  right: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: var(--nav-toggle-gap);
  width: 3rem;
  height: 3rem;
  z-index: calc(var(--z-header) + 1);
  cursor: pointer;
  background-color: transparent;
  overflow: hidden;

  --toggle-ease-in: cubic-bezier(0.32, 0, 0.67, 0);
  --toggle-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --toggle-out: 0.3s;
  --toggle-in: 0.6s;
  --toggle-stagger: 0.06s;
}

.nav-toggle svg {
  z-index: 0;
  position: absolute;
  fill: var(--toggle-fill);
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.menu-active .nav-container {
  transform: translateX(0);
}

.nav-toggle__bar {
  z-index: 2;
  position: relative;
  display: block;
  width: var(--space-lg);
  height: 2px;
  background: var(--toggle-bar);
  transition: transform var(--toggle-in) var(--toggle-ease-out);
  transition-delay: calc(var(--toggle-out) + var(--i) * var(--toggle-stagger));
}

.nav-toggle__bar--1 { --i: 0; }
.nav-toggle__bar--2 { --i: 1; }
.nav-toggle__bar--3 { --i: 2; }

.menu-active .nav-toggle__bar {
  transform: translateX(-200%);
  transition: transform var(--toggle-out) var(--toggle-ease-in);
  transition-delay: calc(var(--i) * var(--toggle-stagger));
}

.nav-toggle__x {
  z-index: 1;
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - var(--space-lg) / 2);
  width: var(--space-lg);
  height: 2px;
  background: var(--toggle-bar);
  transition: transform var(--toggle-out) var(--toggle-ease-in);
  transition-delay: calc(var(--i) * var(--toggle-stagger));
}

.nav-toggle__x--1 {
  --i: 0;
  transform: translate(-3rem, -3rem) rotate(45deg);
}

.nav-toggle__x--2 {
  --i: 1;
  transform: translate(3rem, -3rem) rotate(-45deg);
}

.menu-active .nav-toggle__x {
  transition: transform var(--toggle-in) var(--toggle-ease-out);
  transition-delay: calc(var(--toggle-out) + 2 * var(--toggle-stagger) + var(--i) * var(--toggle-stagger));
}

.menu-active .nav-toggle__x--1 {
  transform: translate(0, 0) rotate(45deg);
}

.menu-active .nav-toggle__x--2 {
  transform: translate(0, 0) rotate(-45deg);
}

.nav-container.is-leaving {
  background: var(--old-lace);
  transition:
    transform 1s cubic-bezier(0.77, 0, 0.175, 1),
    background-color 0.8s ease;
}

.page-transition {
  display: none;
  position: fixed;
  inset: 0;
  z-index: calc(var(--z-overlay) + 10);
  background: var(--old-lace);
  overflow: hidden;
  pointer-events: none;
}

.is-page-transitioning .page-transition {
  display: block;

  animation: mw-page-transition-failsafe 0s linear 4s forwards;
}

@keyframes mw-page-transition-failsafe {
  to { visibility: hidden; }
}

.is-page-transitioning #smooth-wrapper,
.is-page-transitioning .nav-toggle {
  opacity: 0;
  filter: blur(12px);
  animation: mw-page-transition-content-failsafe 0s linear 4s forwards;
}

@keyframes mw-page-transition-content-failsafe {
  to { opacity: 1; filter: none; }
}

.is-page-intro main .section--1 .text-container,
.is-page-intro main .section--1 .wp-block-image,
.is-page-intro .gallery-grid__item,
.is-page-intro .mw-fade,
.is-page-intro .mw-botanical__img,
.is-page-intro .gallery-leaf img,
.is-page-intro .page-contact-me main .wp-block-image,
.is-page-intro .page-contact-me main .section--1,
.is-page-intro .landing__logo path,
.is-page-intro .landing__subheading,
.is-page-intro .landing__image,
.is-page-intro .landing__cta,
.is-page-intro .landing__body > * {
  visibility: hidden;
  animation: mw-page-intro-failsafe 0s linear 5s forwards;
}

@keyframes mw-page-intro-failsafe {
  to { visibility: visible; }
}

.section a {
  color: var(--section-link);
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: color var(--transition-fast);
}

.section .is-list {
  margin: 1rem 0 1rem 15px;
}

.section .is-list li {
  padding-left: 0.5rem;
  margin-bottom: 0.25rem;
  list-style-type: square;
}

.site-footer {
  padding-block: var(--space-2xl);
  background: var(--footer-bg);
  position: relative;
}

.site-footer__inner {
  padding-inline: var(--space-2xl);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding-block-start: var(--space-xl);

}

.site-footer__inner p {
  margin-bottom: 0;
  font-size: .65rem;
  color: var(--footer-text);
}

.site-footer__main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 2rem;
}

.site-footer__main > * {
  min-width: 0;
}

.site-footer__branding {
  justify-self: center;
  max-width: 30rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
}

.site-footer__branding-logo {
  width: 100%;
}

.site-footer__branding-logo path {
  fill: var(--footer-logo-fill) !important;
}

.site-footer__branding-subhead {
  font-size: 1.25rem;
  font-style: italic;
  color: var(--footer-subhead);
  font-family: var(--ff-display);
  letter-spacing: 0.03em;

}

.site-footer__inner p a {
  text-decoration: underline;
  text-underline-offset: 4px;
  color: var(--footer-link);
  transition: color var(--transition-fast);
}

.site-footer__inner p a:hover {
  color: var(--footer-link-hover);
}

.site-footer .social-menu ul {
  display: flex;
  gap: var(--space-md);
}

.site-footer .social-menu ul li {
  width: 1.5rem;
}

.site-footer .social-menu ul li svg {
  fill: var(--footer-social-fill);
}

.site-footer .testimonials-carousel {
  background: none;
  padding-block: 0;
  padding-inline: var(--space-3xl);
}

.site-footer__credit {
  font-size: var(--fs-xs);
  color: var(--color-text-muted);
}

.site-footer__copyright-pipe {
  color: var(--footer-text-pipe);
}

.wp-block-table {
  margin-bottom: 0;
}

.wp-block-table table,
.wp-block-table table * {
  border: 0;
  margin: 0;
}

.table-wrap {
  padding: 2rem;
  background: var(--earth-green-d1);
  margin-bottom: var(--space-xl);
}

.table-wrap .wp-block-table table thead tr th {
  border-bottom: .5px solid var(--earth-green-l2);
  padding-top: 0;
  font-family: var(--ff-display);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: .65rem;
  color: var(--earth-green-l4);
}

.table-wrap .wp-block-table table td {
  border-bottom: 1px dotted var(--earth-green-l3);
}

.page-contact-me .section--1 {
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.page-contact-me .section--1 .form-container {
  position: relative;
  z-index: 1;
  padding-top: var(--header-logo-height);
  mask-image: url(../img/edge-1.svg);
  mask-repeat: no-repeat;
  mask-position: center bottom;
  mask-size: 100% auto;
}

.page-contact-me .section--1 {
  background-color: var(--earth-green);
}

.page-hero {
  padding-block: var(--space-5xl) var(--space-xl);
  text-align: center;
}

.page-hero h1 {
  font-size: var(--fs-2xl);
}

.entry-content {
  padding-block: var(--space-lg) var(--space-6xl);
}

.entry-content > * + * {
  margin-top: 1.25em;
}

.entry-content img {
}

.page-nav ul {
  display: flex;
  justify-content: space-between;
  gap: var(--gutter);
  margin: 0 auto var(--space-6xl);
  padding-inline: var(--gutter);
}

.page-nav__link {
  font-size: var(--fs-lg);
  letter-spacing: 0.06em;
  color: var(--page-nav-link);
  font-family: var(--ff-display);
}

.page-nav__link:hover {
  color: var(--page-nav-hover);
}

.page-nav__item--contact {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--space-lg);
  max-width: var(--max-width);
  margin-inline: auto;
  padding-inline: var(--gutter);
  padding-bottom: var(--space-6xl);
  padding-top: var(--header-logo-height);
}

.gallery-grid__item {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 4 / 5.5;

}

.gallery-grid__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}

.gallery-grid__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mw-fade__track > .mw-fade__img img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.gallery-grid__item:hover .gallery-grid__image {
  transform: scale(1.03);
}

.gallery-grid__empty {
  text-align: center;
  color: var(--color-text-muted);
  padding-block: var(--space-4xl);
}

.gallery-page {
  position: relative;
  overflow-x: clip;
}

.gallery-leaves {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.gallery-leaf {
  position: absolute;
  mix-blend-mode: multiply;
  opacity: 0.2;
}

.gallery-leaf picture {
  display: block;
  width: 100%;
}

.gallery-leaf img {
  display: block;
  width: 100%;
  height: auto;
  rotate: var(--leaf-rotate, 0deg);
}

.gallery-leaf--top-right {
  top: 2%;
  right: -5%;
  width: clamp(11rem, 18vw, 21rem);
  --leaf-rotate: 18deg;
}

.gallery-leaf--middle-left {
  top: 48%;
  left: -7%;
  width: clamp(17rem, 30vw, 36rem);
  --leaf-rotate: -32deg;
}

.gallery-leaf--bottom-right {
  bottom: -12rem;
  right: -3%;
  width: clamp(11rem, 18vw, 21rem);
  --leaf-rotate: -14deg;
}

:root {
  --f-button-border-radius: var(--radius);
  --f-button-hover-bg: var(--color-accent);
  --f-button-hover-color: var(--color-surface);
  --f-arrow-border-radius: var(--radius);
  --f-arrow-hover-bg: var(--color-accent);
  --f-arrow-hover-color: var(--color-surface);

}

.testimonial-card {
  background: var(--testimonial-bg);
  color: var(--testimonial-text);
  padding: var(--testimonial-pad-y) var(--testimonial-pad-x);
}

.testimonial-card__quote {
  position: relative;
  isolation: isolate;
  text-align: left;
  line-height: 1.8;
}

.testimonial-card__quote p strong {
  font-weight: 600;
  color: var(--testimonial-name);
}

.testimonial-card__quote::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 3rem;
  aspect-ratio: 75.83 / 77.37;
  background: var(--testimonial-quote-mark);
  -webkit-mask: url(../img/quote.svg) center / contain no-repeat;
  mask: url(../img/quote.svg) center / contain no-repeat;
  transform: translate(-33%, -33%);
  pointer-events: none;
}

.testimonial-card__quote p:last-child {
  margin-bottom: 0;
}

.testimonial-card__name {
  margin-top: var(--space-md);
  font-size: var(--fs-xs);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--testimonial-name);
}

.testimonials-carousel {
 background: var(--kobicha-d2);
}

.testimonials-carousel {
  margin: 0 auto;
  padding-block: var(--space-6xl);
  padding-inline: calc(var(--gutter) + var(--space-3xl));
}

.testimonials-carousel__swiper {
  --swiper-theme-color: var(--testimonial-arrows);
  --swiper-navigation-color: var(--testimonial-arrows);
  --swiper-navigation-size: var(--space-md);
}

.testimonials-carousel__swiper .swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.testimonials-carousel__swiper .testimonial-card {
  max-width: var(--testimonial-max-width);
  margin-inline: auto;
  text-align: center;
}

.testimonials-carousel__swiper {

  --testimonial-pad-y: 3rem;
  --testimonial-pad-x: 4rem;
  --swiper-navigation-sides-offset: 0px;
}

.testimonials-carousel__swiper .swiper-button-prev,
.testimonials-carousel__swiper .swiper-button-next {
  top: 40%;
  width: var(--testimonial-pad-x);
  height: 4rem;
  margin-top: -2rem;
}

.section {
  position: relative;
}

.section a:not(.wp-block-button__link) {
  color: var(--section-link);
  transition: color var(--transition-fast);
}

.section a:not(.wp-block-button__link):hover {
  color: var(--section-link-hover);
}

.landing-hero {
  position: relative;
  z-index: 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: repeat;
  background-position: 50% 50%;
  background-size: 120% auto;
  overflow: hidden;
}

.landing-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(270deg, var(--color-landing-accent) 0%, rgb(from var(--color-landing-accent) r g b / 0%) 50%);
  mix-blend-mode: multiply;
  opacity: 0.5;
  pointer-events: none;
}

.landing {
  position: relative;
  z-index: 1;
  width: 75%;
  margin-inline: auto;
  padding-bottom: var(--space-3xl);
  text-align: center;
}

.landing__stage {

  margin-top: var(--space-4xl);
  position: relative;
}

.landing__stage > * {
  grid-area: 1 / 1;
}

.landing__image img {
  display: block;
  margin-inline: auto;
}

.landing__header {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 30%;
  left: 0;

  pointer-events: none;
}

.landing__header .landing__button {
  pointer-events: auto;
}

.landing__image-link {
  display: block;
  cursor: pointer;
}

.landing__title {

  width: 90%;
  min-width: 15.625rem;
  max-width: 35rem;
  margin-inline: auto;
  mix-blend-mode: multiply;
  margin-bottom: .5rem;
}

.landing__logo {
  width: 100%;
  height: auto;
}

.landing__logo path {
  fill: var(--color-landing-accent);
}

.landing__subheading {
  font-family: var(--ff-display);
  margin-bottom: 0;
  font-size: 2.5rem;
  line-height: 1;
  font-style: italic;
  color: var(--kobicha-l1);
}

.landing__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-lg);
  margin-top: var(--space-xl);
}

.landing__body img {
}

.landing__intro {
  max-width: var(--content-max-width);
  font-size: var(--fs-md);
  color: var(--color-text-muted);
}

.landing__cta {
  margin: var(--space-md) 0 0;
}

.landing__button {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  padding: .5rem 1.5rem;
  background: var(--kobicha-d2);
  color: var(--old-lace);
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-family: var(--ff-display);
  border-radius: 9999px;

}

.landing__button-arrow {
  font-family: var(--ff-display);
  font-size: var(--fs-md);
  letter-spacing: 0;
  line-height: 1;
  transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.landing__button:is(:hover, :focus-visible) .landing__button-arrow,
.landing__stage:has(.landing__image-link:hover) .landing__button-arrow {
  transform: translateX(0.35em);
}

.torn-edge--1 {
    mask-repeat: no-repeat;
  mask-position: bottom left;
  mask-size: 100% auto;
  -webkit-mask-image: url('../img/edge-1.svg');
  mask-image: url('../img/edge-1.svg');
}

.torn-edge--2 {
    mask-repeat: no-repeat;
  mask-position: bottom left;
  mask-size: 100% auto;
  -webkit-mask-image: url('../img/edge-2.svg');
  mask-image: url('../img/edge-2.svg');
}

.torn-edge--3 {
    mask-repeat: no-repeat;
  mask-position: bottom left;
  mask-size: 100% auto;
  -webkit-mask-image: url('../img/edge-3.svg');
  mask-image: url('../img/edge-3.svg');
}

.torn-edge--4 {
    mask-repeat: no-repeat;
  mask-position: bottom left;
  mask-size: 100% auto;
  -webkit-mask-image: url('../img/edge-4.svg');
  mask-image: url('../img/edge-4.svg');
}

.torn-edge--5 {
    mask-repeat: no-repeat;
  mask-position: bottom left;
  mask-size: 100% auto;
  -webkit-mask-image: url('../img/edge-5.svg');
  mask-image: url('../img/edge-5.svg');
}

.parallax {
  position: relative;
  overflow: hidden;
  aspect-ratio: var(--parallax-ratio, 4 / 5);
}

.parallax img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 130%;
  top: -15%;
  object-fit: cover;
}

.error-404 {
  text-align: center;
  padding-block: var(--space-8xl);
}

.error-404 h1 {
  font-size: var(--fs-3xl);
  color: var(--color-accent);
}

body.page-about-me {
  --logo-flower-opacity: 0.12;
  --logo-mark-fill: var(--earth-green-l2);
  --toggle-fill: var(--earth-green-d3);
  --toggle-bar: var(--earth-green-l5);
  --nav-link-active: var(--earth-green-l5);
  --nav-link-hover: var(--earth-green-l4);
  --social-link-fill: var(--earth-green-l3);
  --social-link-hover: var(--earth-green-l5);
  --footer-bg: var(--earth-green-d2);
  --footer-logo-fill: var(--old-lace);
  --footer-subhead: var(--earth-green-l4);
  --footer-social-fill: var(--earth-green-l4);
  --footer-text: var(--earth-green-l4);
  --footer-link: var(--earth-green-l5);
  --footer-link-hover: var(--old-lace);
  --footer-text-pipe: var(--earth-green-l4);
  --testimonial-bg: var(--earth-green-d3);
  --testimonial-text: var(--old-lace);
  --testimonial-name: var(--earth-green-l4);
  --testimonial-arrows: var(--earth-green-l4);
  --page-nav-link: var(--earth-green-l4);
  --page-nav-hover: var(--earth-green-l5);
}

body.page-about-me .section {
  overflow: hidden;

}

body.page-about-me .section :is(.wp-block-image, .mw-fade) {
  margin-top: 0;
}

body.page-about-me .section .wp-block-columns {
 gap: 0;
}

@media (min-width: 50.0625rem) {
  body.page-about-me .section :is(.wp-block-image, .mw-fade) {
    margin-bottom: 0;
  }

  body.page-about-me .section .wp-block-columns {
    margin-bottom: 0;
  }
}

figcaption {
  display: none;
}

body.page-about-me .section--1 {
  position: relative;
  z-index: 100;
}

body.page-about-me .section--1 .column--1 {
  position: relative;
  padding-top: var(--header-logo-height);
  z-index: 1;
}

body.page-about-me .section--2 {
  position: relative;
  background: var(--earth-green);
  color: var(--old-lace);
  z-index: 10;
}

body.page-about-me .section--3 {
  background: var(--earth-green-d3);
  color: var(--old-lace);
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding-block: var(--space-6xl);

}

body.page-about-me .section--3 img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
}

body.page-about-me .section--3 .text-container {
  position: relative;
  z-index: 1;
  padding: 3rem;
  background: var(--old-lace-d1);
  color: var(--earth-green-d3);
}

body.page-about-me .section--4 {
  background: var(--earth-green-d3);

  position: relative;
  color: var(--old-lace);
  z-index: 10;
}

body.page-about-me .section--5 {

  position: relative;
  background: var(--old-lace-d1);
  color: var(--earth-green-d3);

}

.section {
  overflow: hidden;
}

body.page-rates {
  --logo-bg: var(--earth-green-d3);
  --logo-mark-fill: var(--earth-green-l4);
  --toggle-fill: var(--earth-green-l4);
  --toggle-bar: var(--earth-green-d5);
  --nav-link-hover: var(--earth-green-l4);
  --nav-link-active: var(--earth-green-l5);
  --page-nav-link: var(--earth-green-l4);
  --page-nav-hover: var(--earth-green-l5);
  --footer-bg: var(--earth-green-d5);
  --footer-logo-fill: var(--old-lace);
  --footer-subhead: var(--earth-green-l4);
  --footer-social-fill: var(--earth-green-l4);
  --footer-text: var(--earth-green-l4);
  --footer-link: var(--old-lace);
  --footer-link-hover: var(--old-lace);
  --footer-text-pipe: var(--dark-goldenrod);
  --testimonial-bg: var(--earth-green-d2);
  --testimonial-text: var(--old-lace);
  --testimonial-name: var(--earth-green-l4);
  --testimonial-arrows: var(--earth-green-l4);
}

body.page-rates .section--1 {
  margin-inline: auto;
  background-color: var(--earth-green-d3);
  color: var(--old-lace);
  overflow: hidden;
}

body.page-rates .section--1 .column--1 {
  position: relative;
  z-index: 1;
  padding-top: var(--header-logo-height);
}

body.page-gallery {
  --page-bg: var(--dark-goldenrod-d4);
  --logo-bg: var(--dark-goldenrod-d4);
  --logo-mark-fill: var(--dark-goldenrod);
  --nav-bg: var(--dark-goldenrod-d5);
  --toggle-fill: var(--dark-goldenrod);
  --toggle-bar: var(--dark-goldenrod-d5);
  --nav-link-hover: var(--dark-goldenrod-l4);
  --nav-link-active: var(--dark-goldenrod-l5);
  --social-link-fill: var(--dark-goldenrod);
  --footer-bg: var(--dark-goldenrod-d5);
  --footer-logo-fill: var(--old-lace);
  --footer-subhead: var(--dark-goldenrod-l4);
  --footer-social-fill: var(--dark-goldenrod-l4);
  --footer-text: var(--old-lace);
  --footer-link: var(--old-lace);
  --footer-link-hover: var(--old-lace);
  --footer-text-pipe: var(--earth-green-l3);
  --testimonial-bg: var(--dark-goldenrod-d5);
  --testimonial-text: var(--old-lace);
  --testimonial-name: var(--dark-goldenrod-l4);
  --testimonial-arrows: var(--dark-goldenrod-l4);
}

body.page-faqs {
  --page-bg: var(--kobicha);
  --logo-bg: var(--kobicha);
  --logo-mark-fill: var(--kobicha-l5);
  --toggle-fill: var(--kobicha-l5);
  --toggle-bar: var(--kobicha-d4);
  --nav-bg: var(--kobicha-d3);
  --nav-link-hover: var(--kobicha-l3);
  --nav-link-active: var(--kobicha-l5);
  --footer-bg: var(--kobicha-d1);
  --footer-logo-fill: var(--old-lace);
  --footer-subhead: var(--kobicha-l4);
  --footer-social-fill: var(--kobicha-l4);
  --footer-text: var(--kobicha-l4);
  --footer-link: var(--kobicha-l4);
  --footer-text-pipe: var(--dark-goldenrod-l2);
  --testimonial-bg: var(--kobicha-d3);
  --testimonial-text: var(--old-lace);
  --testimonial-name: var(--kobicha-l4);
  --testimonial-arrows: var(--kobicha-l4);
  --section-link: var(--kobicha-l4);
  --section-link-hover: var(--kobicha-l5);
}

body.page-faqs .section {
  overflow-y: hidden;
  position: relative;
}

body.page-faqs .section :is(.wp-block-image, .mw-fade) {
  margin-top: 0;
}

body.page-faqs .section .wp-block-columns {
  gap: 0;
}

body.page-faqs .section h2 {
  font-size: var(--fs-2xl);
  text-wrap: balance;
  text-wrap: pretty;
  line-height: 1.05;
}

body.page-faqs .section--1 {
  background-color: var(--kobicha);
  color: var(--old-lace);
}

body.page-faqs .section--1 h2 {
  color: var(--kobicha-l4);
}

body.page-faqs .section--2 {
  background-color: var(--kobicha-d2);
  color: var(--old-lace);
}

body.page-faqs .section--2 h2 {
  color: var(--kobicha-l4);
}

body.page-faqs .section--3 {
  background-color: var(--kobicha-d4);
  color: var(--old-lace);
}

body.page-faqs .section--3 h2 {
  color: var(--kobicha-l4);
}

body.page-faqs .section--4 {
  background-color: var(--kobicha-d1);
  color: var(--old-lace);
}

body.page-faqs .section--4 h2 {
  color: var(--kobicha-l4);
}

body.page-faqs .section--5 {
  background-color: var(--kobicha-d3);
  color: var(--old-lace);
}

body.page-faqs .section--5 h2 {
  color: var(--kobicha-l3);
}

body.page-faqs .section--6 {
  background-color: var(--kobicha-d2);
  color: var(--old-lace);
}

body.page-faqs .section--6 h2 {
  color: var(--kobicha-l4);
}

body.page-faqs .section--7 {
  background-color: var(--kobicha-d5);
  color: var(--old-lace);
}

body.page-faqs .section--7 h2 {
  color: var(--kobicha-l3);
}

body.page-contact-me {

  --page-bg: var(--earth-green);
  --section-bg: var(--earth-green-d3);
  --logo-bg: var(--earth-green);
  --logo-flower-opacity: .3;
  --logo-mark-fill: var(--earth-green-l5);
  --toggle-fill: var(--earth-green-l4);
  --toggle-bar: var(--earth-green-d5);
  --nav-link-hover: var(--earth-green-l4);
  --nav-link-active: var(--earth-green-l5);
  --footer-bg: var(--earth-green-d2);
  --footer-logo-fill: var(--old-lace);
  --footer-subhead: var(--earth-green-l4);
  --footer-social-fill: var(--earth-green-l4);
  --footer-text: var(--earth-green-l3);
  --footer-link: var(--earth-green-l4);
--page-nav-link: var(--earth-green-l3);
  --page-nav-hover: var(--earth-green-l4);
  --footer-link-hover: var(--earth-green-l5);
  --footer-text-pipe: var(--earth-green-l3);
  --testimonial-bg: var(--earth-green-d5);
  --testimonial-text: var(--old-lace);
  --testimonial-name: var(--earth-green-l4);
  --testimonial-arrows: var(--earth-green-l4);
}

body.page-contact-me .section--1 {
  overflow: hidden;
  position: relative;
  padding-bottom: var(--space-6xl);
  background-color: var(--earth-green);
}

body.page-contact-me .content {

}

body.page-thank-you {
  --page-bg: var(--kobicha);
  --logo-bg: var(--kobicha);
  --logo-mark-fill: var(--kobicha-l5);
  --toggle-fill: var(--kobicha-l5);
  --toggle-bar: var(--kobicha-d4);
  --nav-bg: var(--kobicha-d3);
  --nav-link-hover: var(--kobicha-l3);
  --nav-link-active: var(--kobicha-l5);
  --footer-bg: var(--kobicha-d1);
  --footer-logo-fill: var(--old-lace);
  --footer-subhead: var(--kobicha-l4);
  --footer-social-fill: var(--kobicha-l4);
  --footer-text: var(--kobicha-l4);
  --footer-link: var(--kobicha-l4);
  --footer-text-pipe: var(--dark-goldenrod-l2);
  --testimonial-bg: var(--kobicha-d3);
  --testimonial-text: var(--old-lace);
  --testimonial-name: var(--kobicha-l4);
  --testimonial-arrows: var(--kobicha-l4);
  --section-link: var(--kobicha-l4);
  --section-link-hover: var(--kobicha-l5);
  --section-text-color: var(--old-lace);
}

body.page-thank-you .section--1 {
  color: var(--old-lace);
}

body.page-thank-you .column--1 {
  padding-top: var(--header-logo-height);
}

@media (max-width: 50rem) {

  .nav-toggle {
    display: flex;
  }

  :root {
    --fs-nav: clamp(2rem, min(10vw, 6.5vh), 3rem);
  }

  .social-nav li {
    width: 1.4rem;
  }

  .nav-container {
    width: 100%;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .site-logo {
    --logo-mobile-overlap: 100px;
    position: relative;
    z-index: 0;

    transform: translate(calc(max(5vw, 50vw - 16.875rem) - 25%), -25%);
    margin: 0 0 calc(-0.25 * var(--header-logo-height) - var(--logo-mobile-overlap));
  }

  .page-contact-me .section--1 .form-container,
  body.page-about-me .section--1 .column--1,
  body.page-rates .section--1 .column--1 {
    padding-top: 0;
  }

  .gallery-grid {
    padding-top: var(--space-2xl);
  }

  body.page-about-me .section .wp-block-columns > .wp-block-column:has(.wp-block-image, .mw-fade) {
    order: -1;
  }

  body.page-about-me .section {
    padding-bottom: var(--space-sm);
  }

  body.page-about-me .section--3 {
    background: var(--old-lace-d1);
    padding-top: 0;
  }

  body.page-about-me .section--3 > .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
  }

  body.page-about-me .section--3 > .wp-block-group__inner-container > .wp-block-image {
    order: -1;
  }

  body.page-about-me .section--3 .wp-block-image img {
    position: static;

    width: 180%;
    max-width: none;
    margin-left: -80%;
  }

  body.page-about-me .section--3 .text-container {
    padding: 0;
    background: none;

    -webkit-mask-image: none;
    mask-image: none;
  }

  .wp-block-image {
    margin-bottom: 2rem;
  }

  body.page-faqs .section .wp-block-columns > .wp-block-column:has(.wp-block-image, .mw-fade) {
    order: -1;
  }

  .section--1 .wp-block-columns > .wp-block-column:has(.wp-block-image, .mw-fade) {
    order: -1;
  }

  .site-footer__main {
    grid-template-columns: 1fr;
  }

  .site-footer__testimonials {
    order: -1;
  }

  .site-footer__branding {
    padding-top: var(--space-xl);
  }

  body.page-rates {
    --page-bg: var(--earth-green-d3);
  }

  body .section.section--1 {
    background-color: transparent;
  }

  body .mw-botanical,
  body .gallery-leaf {
    width: 75%;
  }

  .page-nav ul {
    margin-bottom: var(--space-xl);
  }

  .site-footer__copyright-pipe {
    display: none;
  }

  .site-footer__inner {
    flex-direction: column;
    gap: 0.25rem;
  }

  .page-nav__item--contact {
    display: none;
  }

  .site-footer .testimonials-carousel {
    padding-inline: 0;
  }

  .testimonials-carousel__swiper .swiper-slide {
    display: block;
  }

  .testimonials-carousel__swiper {
    --testimonial-pad-y: 2rem;
    --testimonial-pad-x: 2.5rem;
  }

  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    width: 90%;
    padding-inline: 0;
  }

  .parallax {
    aspect-ratio: auto;
  }

  .parallax img {
    position: static;
    height: auto;
  }

  body.page-contact-me {
    --page-bg: var(--earth-green-d3);
    --logo-bg: var(--earth-green-d3);
    --logo-flower-opacity: 0.5;
  }

  .page-contact-me .section--1 .form-container {
    position: static;
    z-index: auto;
    margin-top: var(--space-4xl);
    -webkit-mask-image: none;
    mask-image: none;
  }

  .landing-hero {
    background-size: 300% auto;
  }

  .landing {
    width: 95%;
  }

  .landing__stage {
    display: flex;
    flex-direction: column;
  }

  .landing__header {
    position: relative;
    margin-top: var(--space-lg);
  }

  .landing__header::before {
    content: "";
    position: absolute;
    top: -1rem;
    left: 2%;
    right: 2%;
    height: 7rem;
    z-index: -1;
    background: radial-gradient(
      ellipse at center,
      color-mix(in oklch, var(--old-lace) 55%, transparent) 0%,
      color-mix(in oklch, var(--old-lace) 25%, transparent) 45%,
      transparent 72%
    );
    filter: blur(14px);
    pointer-events: none;
  }

  .landing__subheading {
    font-size: clamp(1.25rem, 6.8vw, 1.875rem);
  }

}