@import url('https://fonts.googleapis.com/css2?family=BioRhyme:wght@200;300;400;500;600;700;800&family=BioRhyme+Expanded:wght@200;300;400;700;800&family=Inter:wght@300;400;500;600;700&display=swap');

@font-face {
  font-family: 'CHOXR';
  src: url('bleak-normal.woff2') format('woff2');
  font-weight: 400 900;
  font-style: normal;
  font-display: block;
  ascent-override: 92%;
  descent-override: 23%;
  line-gap-override: 0%;
}

:root {
  --wc-green: #576d58;
  --wc-green-dark: #3d5040;
  --wc-green-light: #edf0ed;
  --wc-green-soft: #9db49e;
  --wc-sand: #d4c7aa;
  --wc-sand-light: #f7f3ec;
  --wc-sand-20: #f6f2ea;
  --wc-sand-ink: #a07e5f;
  --wc-charcoal: #373737;
  --wc-black: #0a0a0a;
  --wc-white: #ffffff;
  --wc-gray: #f4f4f4;
  --wc-border: #e8e3dc;
  --wc-muted: #8a8680;

  --plan-seed: #b8a580;
  --plan-root: #6d8a6e;
  --plan-grow: #576d58;
  --plan-bloom: #576d58;
  --plan-blossom: #8b3a2a;

  --font-display: 'CHOXR', 'Arial Narrow', sans-serif;
  --font-serif: 'BioRhyme', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  --type-hero: clamp(2.625rem, 7vw, 6rem);
  --type-h1: clamp(2.25rem, 6vw, 5.25rem);
  --type-h2: clamp(1.75rem, 4.5vw, 3.5rem);
  --type-h4: clamp(1.125rem, 2vw, 1.375rem);
  --type-subhead: clamp(1.25rem, 2vw, 1.625rem);
  --type-body: clamp(1rem, 1vw, 1.125rem);
  --type-small: .9375rem;
  --type-caption: .875rem;
  --type-label: .625rem;
  --type-btn: .8125rem;

  --track-display: .01em;
  --track-btn: .08em;
  --track-label: .25em;

  --lh-hero: 1.05;
  --lh-display: 1.1;
  --lh-tight: 1.2;
  --lh-body: 1.7;
  --lh-snug: 1.5;

  --wc-max-width: 1240px;
  --wc-px: clamp(20px, 5vw, 64px);
  --wc-section-py: clamp(64px, 8vw, 120px);
  --radius-card: 4px;
  --radius-btn: 2px;
}

.wc-bleed {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: -50vw;
  margin-right: -50vw;
}
.wc-inner { max-width: var(--wc-max-width); margin: 0 auto; padding: 0 clamp(20px, 5vw, 64px); }

.e-con:has(.wc-bleed),
.e-con-full:has(.wc-bleed) {
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  padding-block-start: 0 !important;
  padding-block-end: 0 !important;
}

.wc-sec { padding: var(--wc-section-py) 0; box-sizing: border-box; }
.wc-sec--tight { padding-top: clamp(44px, 5vw, 72px); padding-bottom: clamp(44px, 5vw, 72px); }
.wc-sec--alt { background: var(--wc-sand-20); }
.wc-sec--dark { background: var(--wc-black); color: #fff; }

.wc-eyebrow { font-family: var(--font-body); font-size: var(--type-label); font-weight: 600; letter-spacing: var(--track-label); text-transform: uppercase; color: var(--wc-green); margin: 0 0 6px; }
.wc-sec--dark .wc-eyebrow { color: rgba(255,255,255,.82); }
.wc-display { font-family: var(--font-display); font-weight: 900; font-size: var(--type-hero); line-height: var(--lh-hero); letter-spacing: var(--track-display); text-transform: uppercase; margin: 0; }
.wc-h2 { font-family: var(--font-display); font-weight: 900; font-size: var(--type-h2); line-height: var(--lh-display); letter-spacing: var(--track-display); text-transform: uppercase; margin: 0; }
.wc-h4 { font-family: var(--font-display); font-weight: 900; font-size: var(--type-h4); line-height: var(--lh-tight); letter-spacing: .03em; text-transform: uppercase; margin: 0; }
.wc-lead { font-family: var(--font-serif); font-size: var(--type-subhead); line-height: var(--lh-snug); color: var(--wc-charcoal); margin: 0; }
.wc-sec--dark .wc-lead { color: rgba(255,255,255,.76); }
.wc-p { margin: 0; color: var(--wc-charcoal); font-family: var(--font-serif); font-size: var(--type-body); line-height: var(--lh-body); }
.wc-sec--dark .wc-p { color: rgba(255,255,255,.7); }
.wc-small { font-family: var(--font-body); font-size: var(--type-small); color: var(--wc-muted); margin: 0; }
.wc-sechead { max-width: 720px; margin-bottom: clamp(36px, 4vw, 56px); display: flex; flex-direction: column; gap: 18px; }

.wc-btns { display: flex; gap: 14px; flex-wrap: wrap; }
.wc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--font-body); font-size: var(--type-btn); font-weight: 600; letter-spacing: var(--track-btn); text-transform: uppercase; padding: 16px 30px; border-radius: var(--radius-btn); border: 1px solid transparent; cursor: pointer; transition: background .18s, color .18s, border-color .18s; min-height: 48px; text-decoration: none; }
.wc-btn--green { background: var(--wc-green); color: #fff; }
.wc-btn--green:hover { background: var(--wc-green-dark); color: #fff; }
.wc-btn--ghost { background: transparent; color: var(--wc-black); border-color: var(--wc-black); }
.wc-btn--ghost:hover { background: var(--wc-black); color: #fff; }
.wc-sec--dark .wc-btn--ghost { color: #fff; border-color: rgba(255,255,255,.4); }
.wc-sec--dark .wc-btn--ghost:hover { background: #fff; color: var(--wc-black); border-color: #fff; }

img.wc-img { max-width: 100%; display: block; }