/* Meadow (veterinary): a friendly grotesk, moss and apricot, organic shapes and tactile buttons. */
.p-meadow {
  --fs-hero: clamp(2.7rem, 1.2rem + 5.2vw, 5.6rem);
  --paw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='4.6' cy='10.4' rx='2.1' ry='2.7' transform='rotate(-18 4.6 10.4)'/%3E%3Cellipse cx='9.2' cy='5.6' rx='2.2' ry='2.9' transform='rotate(-6 9.2 5.6)'/%3E%3Cellipse cx='14.8' cy='5.6' rx='2.2' ry='2.9' transform='rotate(6 14.8 5.6)'/%3E%3Cellipse cx='19.4' cy='10.4' rx='2.1' ry='2.7' transform='rotate(18 19.4 10.4)'/%3E%3Cpath d='M12 11.2c-3.4 0-6.6 4-6.6 7 0 1.9 1.5 2.9 3.2 2.9 1.4 0 2.1-.7 3.4-.7s2 .7 3.4.7c1.7 0 3.2-1 3.2-2.9 0-3-3.2-7-6.6-7z'/%3E%3C/svg%3E");
}
.p-meadow :is(.hero__title, .page-title, .article-title, .biz-id__name, .owners__title) { font-weight: 760; font-stretch: 86%; }
.p-meadow :is(.section-title, .cat-index__name, .district__name, .lcard__title, .acard__title, .prose h2, .biz-sec__title) { font-stretch: 90%; font-weight: 680; }

/* Wordmark with a paw print */
.p-meadow .wordmark__text { display: inline-flex; align-items: center; }
.p-meadow .wordmark__text::before { content: ""; width: 1.05em; height: 1.05em; margin-right: .3em; background: var(--accent); -webkit-mask: var(--paw) center / contain no-repeat; mask: var(--paw) center / contain no-repeat; transform: rotate(-14deg); }
.p-meadow .wm-a { font-family: var(--font-display); font-weight: 800; font-stretch: 82%; letter-spacing: -.045em; }
.p-meadow .wm-b { font-weight: 420; font-stretch: 96%; color: var(--accent); letter-spacing: -.03em; }
.p-meadow .site-footer .wm-b { color: var(--accent-2); }
.p-meadow .wordmark--footer .wordmark__text::before { background: var(--accent-2); }

/* Tactile buttons: a little ledge underneath that presses in */
.p-meadow .btn { font-weight: 650; letter-spacing: -.005em; }
.p-meadow .btn--accent { box-shadow: 0 3px 0 color-mix(in oklab, var(--accent) 55%, #000); }
.p-meadow .btn--ink { box-shadow: 0 3px 0 color-mix(in oklab, var(--ink) 60%, var(--accent)); }
.p-meadow .btn--accent:active, .p-meadow .btn--ink:active { transform: translateY(2px); box-shadow: 0 1px 0 color-mix(in oklab, var(--accent) 55%, #000); }
.p-meadow .chip { font-weight: 550; }
.p-meadow .stars { --accent-2: #DD7339; }

/* Hero: organic blob photo on an apricot blob, with a short trail of paw prints */
.p-meadow .hero__kicker { display: inline-flex; padding: .38em .95em; background: var(--sand); color: var(--ink); border-radius: 999px; }
.p-meadow .hero__title { max-width: 12ch; }
.p-meadow .hero__frame { border-radius: var(--hero-radius); }
.p-meadow .hero__media::before { content: ""; position: absolute; z-index: 0; inset: 9% -9% -5% 12%; border-radius: 44% 56% 62% 38% / 54% 42% 58% 46%; background: var(--accent-2); opacity: .62; }
.p-meadow .hero__media::after {
  content: ""; position: absolute; z-index: 0; left: -64px; top: 4%; width: 120px; height: 150px; opacity: .5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 150' fill='%233C6B2C'%3E%3Cg transform='translate(70 110) rotate(-24) scale(1.25)'%3E%3Cellipse cx='4.6' cy='10.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='9.2' cy='5.6' rx='2.2' ry='2.9'/%3E%3Cellipse cx='14.8' cy='5.6' rx='2.2' ry='2.9'/%3E%3Cellipse cx='19.4' cy='10.4' rx='2.1' ry='2.7'/%3E%3Cpath d='M12 11.2c-3.4 0-6.6 4-6.6 7 0 1.9 1.5 2.9 3.2 2.9 1.4 0 2.1-.7 3.4-.7s2 .7 3.4.7c1.7 0 3.2-1 3.2-2.9 0-3-3.2-7-6.6-7z'/%3E%3C/g%3E%3Cg transform='translate(30 70) rotate(-34) scale(1.05)' opacity='.75'%3E%3Cellipse cx='4.6' cy='10.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='9.2' cy='5.6' rx='2.2' ry='2.9'/%3E%3Cellipse cx='14.8' cy='5.6' rx='2.2' ry='2.9'/%3E%3Cellipse cx='19.4' cy='10.4' rx='2.1' ry='2.7'/%3E%3Cpath d='M12 11.2c-3.4 0-6.6 4-6.6 7 0 1.9 1.5 2.9 3.2 2.9 1.4 0 2.1-.7 3.4-.7s2 .7 3.4.7c1.7 0 3.2-1 3.2-2.9 0-3-3.2-7-6.6-7z'/%3E%3C/g%3E%3Cg transform='translate(62 20) rotate(-20) scale(.85)' opacity='.5'%3E%3Cellipse cx='4.6' cy='10.4' rx='2.1' ry='2.7'/%3E%3Cellipse cx='9.2' cy='5.6' rx='2.2' ry='2.9'/%3E%3Cellipse cx='14.8' cy='5.6' rx='2.2' ry='2.9'/%3E%3Cellipse cx='19.4' cy='10.4' rx='2.1' ry='2.7'/%3E%3Cpath d='M12 11.2c-3.4 0-6.6 4-6.6 7 0 1.9 1.5 2.9 3.2 2.9 1.4 0 2.1-.7 3.4-.7s2 .7 3.4.7c1.7 0 3.2-1 3.2-2.9 0-3-3.2-7-6.6-7z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat; background-size: contain;
}
.p-meadow .hero__spot { border-radius: 22px; box-shadow: 0 4px 0 color-mix(in oklab, var(--ink) 10%, transparent), 0 22px 40px -20px color-mix(in oklab, var(--ink) 45%, transparent); }
.p-meadow .ai-search__box { border: 2px solid var(--line); box-shadow: 0 4px 0 color-mix(in oklab, var(--ink) 9%, transparent); }
.p-meadow .ai-search__box:focus-within { border-color: var(--accent); box-shadow: 0 4px 0 color-mix(in oklab, var(--accent) 30%, transparent); }
@media (max-width: 900px) {
  .p-meadow .hero__frame { aspect-ratio: 1 / .9; }
  .p-meadow .hero__media::before { inset: 10% -4% -4% 10%; }
  .p-meadow .hero__media::after { display: none; }
}

/* Categories as soft, alternating tiles */
.p-meadow .cat-index { gap: 14px; }
.p-meadow .cat-index__item { border: 0; padding: 22px 24px 24px; border-radius: var(--radius); background: var(--surface); box-shadow: 0 2px 0 color-mix(in oklab, var(--ink) 6%, transparent); transition: transform .2s var(--ease); }
.p-meadow .cat-index__item:nth-child(3n + 2) { background: color-mix(in oklab, var(--accent-2) 22%, var(--surface)); }
.p-meadow .cat-index__item:nth-child(3n) { background: var(--surface-2); }
.p-meadow .cat-index__item:hover { transform: translateY(-2px); }
.p-meadow .cat-index__count { padding: .2em .65em; border-radius: 999px; background: color-mix(in oklab, var(--surface) 70%, transparent); color: var(--ink); font-weight: 600; }

/* Areas: a big rounded meadow panel */
.p-meadow .section--areas { background: var(--surface-2); border-radius: clamp(28px, 4vw, 56px); margin-inline: clamp(8px, 1.5vw, 24px); }
.p-meadow .district { border-color: color-mix(in oklab, var(--ink) 14%, transparent); }

/* Cards: photo inset inside a pillowy card */
.p-meadow .lcard { padding: 8px; }
.p-meadow .lcard__media > img { border-radius: calc(var(--radius) - 8px); }
.p-meadow .lcard__body { padding: 32px 12px 12px; }
.p-meadow .lcard__logo { left: 18px; }
.p-meadow .logo-tile { border-radius: 16px; }
.p-meadow .logo-tile--mono { background: var(--accent-2); color: var(--ink); }
.p-meadow .badge { box-shadow: 0 2px 0 color-mix(in oklab, var(--ink) 20%, transparent); }
.p-meadow .acard__media, .p-meadow .article-hero__img, .p-meadow .biz-cover { border-radius: calc(var(--radius) * 1.3); }
.p-meadow .owners { border-radius: clamp(28px, 4vw, 48px); }
.p-meadow .owners__steps li::before { background: var(--accent-2); color: var(--ink); border: 0; }
.p-meadow .byline__avatar { background: var(--accent-2); color: var(--ink); }
.p-meadow .tabs a.is-active { border-bottom-width: 3px; }
.p-meadow .map-pin span { border-radius: 50%; transform: none; }
.p-meadow .prose--article { font-size: 1.0938rem; line-height: 1.72; }
.p-meadow .prose h2 { font-size: var(--fs-lg); }
.p-meadow .standfirst { font-weight: 520; font-stretch: 94%; letter-spacing: -.015em; }
.p-meadow .article-dek { font-size: var(--fs-lg); line-height: 1.38; color: var(--ink); font-weight: 420; }