:root{color-scheme:light;--paper:#F3F3EE;--surface:#fff;--surface-2:#E9ECE6;--ink:#18211B;--muted:#536057;--line:rgba(24,33,27,.13);--green:#2F6144;--green-dark:#214A33;--dark:#141C17;--max:1080px;--family:#2F6144;--family-text:#214A33}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance}p{text-wrap:pretty}.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:12px;z-index:100;padding:10px 14px;background:var(--ink);color:#fff;border-radius:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid rgba(47,97,68,.38);outline-offset:3px}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(243,243,238,.94);backdrop-filter:blur(14px)}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:1.375rem;font-weight:800;letter-spacing:-.05em}.brand-bars{display:flex;gap:2px}.brand-bars i{width:5px;height:21px;border-radius:3px;display:block}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;color:var(--muted);font-weight:650;font-size:0.875rem}.nav-links a:hover{color:var(--ink)}.nav-cta{padding:0 18px;border-radius:999px;background:var(--green);color:#fff!important}.hero{padding:76px 0 62px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--family) 11%,var(--paper)),var(--paper) 62%)}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;color:var(--muted);font-size:0.875rem}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.eyebrow{margin:0 0 14px;color:var(--family-text);font:700 0.75rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:64px;align-items:center}.hero h1{max-width:760px;margin-bottom:20px;font-size:clamp(3.125rem,8vw,5.75rem);line-height:.94}.hero-lead{max-width:700px;margin:0;color:var(--muted);font-size:1.25rem;line-height:1.65}.family-mark{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--family);color:#fff;box-shadow:0 24px 60px -34px rgba(24,33,27,.5)}.family-mark span{font:800 clamp(28px,5vw,54px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.07em}.section{padding:72px 0}.section.surface{background:var(--surface);border-block:1px solid var(--line)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.card{padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.card h2{margin-bottom:12px;font-size:1.875rem}.card p{margin-bottom:0;color:var(--muted);font-size:1.0625rem;line-height:1.65}.notes{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.note{padding:9px 12px;border:1px solid color-mix(in srgb,var(--family) 38%,transparent);border-radius:999px;background:color-mix(in srgb,var(--family) 10%,white);color:var(--family-text);font-weight:700;font-size:0.875rem}.signals{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px}.signals li{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:1.0625rem}.signals li:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--family);flex:0 0 auto}.callout{padding:34px;border-radius:18px;background:var(--dark);color:#fff}.callout h2{font-size:2.125rem}.callout p{max-width:720px;color:#C6D0C8;font-size:1.0625rem;line-height:1.65}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:999px;text-decoration:none;font-weight:750}.button-primary{background:var(--family);color:#fff}.button-secondary{border:1px solid rgba(255,255,255,.3);color:#fff}.spectrum{display:grid;grid-template-columns:repeat(6,1fr);height:7px}.footer{padding:36px 0;background:var(--dark);color:#D9E2DB}.footer-row{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer a{color:#fff}.small{color:#AAB7AD;font-size:0.875rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media(max-width:760px){.wrap{width:min(100% - 28px,var(--max))}.site-header.has-menu .nav-links a:not(.nav-cta){display:none}.site-header:not(.has-menu) .nav{flex-wrap:wrap;padding-block:10px}.site-header:not(.has-menu) .nav-links{flex-wrap:wrap;gap:4px 14px;width:100%;order:3}.site-header:not(.has-menu) .nav-links a{min-height:40px;font-size:0.8125rem}.hero{padding:48px 0}.hero-grid,.grid{grid-template-columns:1fr}.hero-grid{gap:36px}.family-mark{width:min(240px,70vw)}.section{padding:52px 0}.card,.callout{padding:24px}.footer-row{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-photo{overflow:hidden;border-radius:24px;box-shadow:0 24px 60px -34px rgba(24,33,27,.45);aspect-ratio:4/3;background:color-mix(in srgb,var(--family) 12%,white)}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover}

@media(max-width:760px){
  .hero{padding:34px 0 46px}
  .breadcrumb{margin-bottom:18px;font-size:0.8125rem}
  .hero-grid{gap:22px}
  .hero-photo{order:-1;aspect-ratio:16/10;border-radius:20px;box-shadow:0 18px 42px -30px rgba(24,33,27,.52)}
  .hero h1{margin-bottom:13px;font-size:clamp(3rem,15vw,4.125rem)}
  .hero-lead{font-size:1.0625rem;line-height:1.55}
  .section{padding:48px 0}
  .card{padding:22px;border-radius:20px}
}

/* Tier 3: classes replacing the last inline style attributes */
.famcard-citrus{--family:#D19412;--family-text:#7A5A0E}
.sw-citrus{background:#D19412}
.ink-citrus{color:#7A5A0E}
.famcard-earthy{--family:#9C6B3F;--family-text:#6E4A2B}
.sw-earthy{background:#9C6B3F}
.ink-earthy{color:#6E4A2B}
.famcard-spice{--family:#C25B2E;--family-text:#8A3B1D}
.sw-spice{background:#C25B2E}
.ink-spice{color:#8A3B1D}
.famcard-pine{--family:#3E7A54;--family-text:#2F5D40}
.sw-pine{background:#3E7A54}
.ink-pine{color:#2F5D40}
.famcard-floral{--family:#8A6BBE;--family-text:#563F86}
.sw-floral{background:#8A6BBE}
.ink-floral{color:#563F86}
.famcard-herbal{--family:#4E8D99;--family-text:#316068}
.sw-herbal{background:#4E8D99}
.ink-herbal{color:#316068}
.famcard{text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.famcard .note.u-mt-18{margin-top:8px}

.sw{display:block;width:36px;height:36px;border-radius:11px;margin-bottom:16px}
.fam-anchor{font-size:0.875rem;margin-bottom:10px}
.u-mt-30{margin-top:30px}
.u-mb-8{margin-bottom:8px}
.u-fs-16{font-size:1rem}
.u-fs-20{font-size:1.25rem}
.u-fs-24{margin:6px 0 0;font-size:1.5rem}
.u-fs-34{font-size:2.125rem;margin-bottom:6px}
.u-white{color:#fff}
.u-dim{color:#C1CAC2}
.u-hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.u-summary{margin:0 0 10px;font-size:0.875rem;color:var(--muted)}

/* Family page theming (replaces the per-page inline <style> block) */
body.theme-citrus{--family:#D19412;--family-text:#654700}
body.theme-earthy{--family:#9C6B3F;--family-text:#5C3B20}
body.theme-spice{--family:#C25B2E;--family-text:#7E3417}
body.theme-pine{--family:#3E7A54;--family-text:#2A5439}
body.theme-floral{--family:#8A6BBE;--family-text:#4E3878}
body.theme-herbal{--family:#4E8D99;--family-text:#2C565E}

/* Family pager: turns leaf pages into a loop instead of dead ends */
.family-pager{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:26px 0 46px}
.family-pager a{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);font-weight:650;font-size:0.875rem;background:var(--surface)}
.family-pager a:hover{border-color:var(--family);color:var(--family-text)}
.family-pager .pager-all{color:var(--muted)}
@media(max-width:560px){.family-pager{flex-direction:column;align-items:stretch}.family-pager a{justify-content:center}}

/* ---- Equalizer wordmark ---- */
.brand-bars{ align-items:flex-end; }
.brand-bars i{ transform-origin:bottom; will-change:transform; }
.brand-bars i.bg-citrus{ height:10px; }
.brand-bars i.bg-earthy{ height:17px; }
.brand-bars i.bg-spice { height:7px; }
.brand-bars i.bg-pine  { height:21px; }
.brand-bars i.bg-floral{ height:13px; }
.brand-bars i.bg-herbal{ height:16px; }
@keyframes nose-eq{
  0%,100%{ transform:scaleY(.52) }
  22%    { transform:scaleY(1) }
  44%    { transform:scaleY(.68) }
  66%    { transform:scaleY(.94) }
  84%    { transform:scaleY(.60) }
}
.brand-bars i{ animation:nose-eq 2.4s ease-in-out infinite; }
.brand-bars i.bg-citrus{ animation-duration:2.3s; animation-delay:-.20s; }
.brand-bars i.bg-earthy{ animation-duration:2.7s; animation-delay:-1.10s; }
.brand-bars i.bg-spice { animation-duration:2.1s; animation-delay:-.60s; }
.brand-bars i.bg-pine  { animation-duration:2.9s; animation-delay:-1.60s; }
.brand-bars i.bg-floral{ animation-duration:2.5s; animation-delay:-.90s; }
.brand-bars i.bg-herbal{ animation-duration:2.6s; animation-delay:-1.35s; }
@media (prefers-reduced-motion: reduce){
  .brand-bars i{ animation:none; }
}

/* Wordmark bar colours — family pages don't load the shell stylesheet. */
.bg-citrus{background:#D19412}
.bg-earthy{background:#9C6B3F}
.bg-spice{background:#C25B2E}
.bg-pine{background:#3E7A54}
.bg-floral{background:#8A6BBE}
.bg-herbal{background:#4E8D99}

/* ---- Footer -------------------------------------------------------------
   The footer markup was reworked into a statement plus grouped links, and the
   shell stylesheet was updated. This one was not, so every page that loads it
   fell back to the old .footer-row rules and the links ran together inline.
   Copied from the shell so the two stay in step. */
.footer{ background:#0F150F; color:#B8C1B9; padding:0; }
.footer-main{ padding:58px 0 28px; }
.footer-grid{ display:grid; grid-template-columns:1.2fr .8fr; gap:60px; }
.footer h2{ max-width:520px; color:#fff; font-size:1.75rem; }
.footer-links{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.footer-links h3{
  color:#82C59A; font:700 11px/1.2 ui-monospace,monospace;
  text-transform:uppercase; letter-spacing:.13em;
}
.footer-links a{
  min-height:38px; display:flex; align-items:center;
  color:#C0C8C1; text-decoration:none; font-size:0.875rem;
}
.footer-links a:hover{ color:#fff; }
.footer-bottom{
  display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap;
  margin-top:44px; padding-top:22px;
  border-top:1px solid rgba(255,255,255,.1); font-size:0.75rem;
}
.u-footer-note{ max-width:34ch; margin:14px 0 0; color:#C6D0C8; }
@media (max-width:900px){
  .footer-grid{ grid-template-columns:1fr; }
}
@media (max-width:720px){
  .footer-links{ grid-template-columns:1fr 1fr; }
}