/* Nexus Health Strategies — site styles.
   Brand: Cathy's updated style guide (2026-10-11), layer style BOLD & ICON-LIKE: solid icon circles, solid
   and bold arrows, geometric bullets, banners, outlined boxes, dot-end lines, dotted rules, brackets, pills.
   Cathy, 2026-10-14: blend in the HAND-DRAWN style too (the hero's logo-style pen circles, the coral .hand-underline; Rosie's
   hero illustration), and use more light blue (--sky) and coral (--coral) so the site isn't nearly all green. Responsive + touch: ADR-155 (breakpoints
   600 / 900 / 1200, mobile-first; 12px text floor; 24px targets, 44px on a coarse pointer). */

:root{
  /* backgrounds */
  --bg:#f9f9f7; --mint:#e8f1e9;
  --cream:#f0e7d0;           /* NOT used as a background anywhere (Cathy, 2026-10-16); .bg-cream removed */
  /* pops of color */
  --sky:#96b6d1;
  /* Cathy, 2026-10-16: new greens (were #26623c and #86b499); the logo's circle is recolored to match --sage. */
  --green:#004643; --sage:#abd1c6;
  /* Cathy, 2026-10-16: coral moved toward burnt orange (was #eb595a); butter is now mustard (was #f2d68c). */
  --coral:#d9704c; --butter:#e0b556;
  --sky-ink:#6392bb;         /* deeper light blue for large text: 3.1:1 on the page background (--sky is 2.0:1) */
  --sky-deep:#45759e;        /* deepest light blue: small text and outlined buttons, 4.6:1 on the page background */
  --coral-soft:#e3997f;      /* coral at 70% over the page background: the Services title highlight */
  --sky-soft:#b4cadc;        /* --sky at 70% over the page background: the home Policy Dashboard section */
  --sky-pale:#d9e4eb;        /* --sky at 32% over the page background: the Our Services title section */
  --mint-light:#eef5ef;      /* pale mint 25% lighter (toward white): the Our Team title section */
  /* primary font colors */
  --slate:#2c3b45; --text:#333333; --ink:#25322d;
  /* secondary font colors */
  --teal:#316559; --umber:#32240b;
  /* derived, for AA text contrast only: coral is about 3:1 on the light backgrounds, so coral is decoration and
     this darker burnt orange is used where coral-colored TEXT is needed (4.6:1 on cream; was #b8393b). */
  --coral-ink:#ac4725;
  --line:rgba(37,50,45,.18);

  --serif:"Cambria","Caladea",Georgia,serif;
  --sans:"Calibri","Carlito",system-ui,-apple-system,"Segoe UI",sans-serif;

  --maxw:1200px;
  --gutter:16px;
  --target:24px;
  --radius:14px;
  --focus:3px solid var(--green);
}
@media (min-width:600px){ :root{ --gutter:24px; } }
@media (min-width:1200px){ :root{ --gutter:32px; } }
@media (pointer:coarse){ :root{ --target:44px; } }

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){ html{scroll-behavior:smooth} }
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:1.125rem;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{max-width:100%}
img{height:auto;display:block}
h1,h2,h3,h4{font-family:var(--serif);font-weight:700;color:var(--umber);line-height:1.15;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.125rem,1.5rem + 2.8vw,3.5rem);letter-spacing:-.01em}
h2{font-size:clamp(1.75rem,1.4rem + 1.5vw,2.5rem)}
h3{font-size:1.375rem}
h4{font-size:1.2rem}
p{margin:0 0 1em}
a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:var(--focus);outline-offset:3px;border-radius:4px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.section{padding:56px 0}
@media (min-width:900px){ .section{padding:88px 0} }
.bg-mint{background:var(--mint)}
.bg-sky-soft{background:var(--sky-soft)} /* light blue at 70% (Cathy, 2026-10-16) */
.bg-sky-pale{background:var(--sky-pale)}
.bg-mint-light{background:var(--mint-light)}
.bg-sky-soft .subhead{color:var(--green)} /* the lighter subheading green is 4.0:1 here; dark green is 6.4:1 */
.bg-sky-soft .eyebrow{background:var(--bg);border-color:var(--green);color:var(--green)} /* white label stands out on the soft blue */

/* "Subheading: Calibri Light Italic" */
.subhead{font-family:var(--sans);font-style:italic;font-weight:300;color:var(--teal);font-size:1.25rem;line-height:1.4}
.eyebrow{display:inline-block;font-family:var(--sans);font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);
  background:var(--sky);border:2.5px solid var(--slate);border-radius:8px;padding:3px 10px;margin:0 0 1em}
.lede{font-size:1.1875rem;color:var(--slate);max-width:62ch}
.h-sub{font-family:var(--sans);font-style:italic;font-weight:400;color:var(--teal);font-size:1.375rem}

.skip{position:absolute;left:8px;top:-60px;z-index:100;background:var(--green);color:#fff;padding:10px 16px;border-radius:8px;font-weight:700}
.skip:focus{top:8px}
main:focus{outline:none}

/* [TO CONFIRM] markers: visible on purpose */
.tbc{display:block;background:#fff6d6;border:2px dashed var(--umber);color:var(--umber);padding:10px 14px;border-radius:8px;font-size:.95rem;font-weight:700}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45em;min-height:max(44px,var(--target));
  padding:.6em 1.35em;font:700 1.0625rem/1.2 var(--sans);text-decoration:none;cursor:pointer;
  border:2px solid var(--green);border-radius:999px;transition:background .15s,color .15s,transform .15s}
.btn-sm{min-height:max(40px,var(--target));padding:.45em 1.1em;font-size:1rem}
.btn-primary{background:var(--green);color:#fff}
.btn-secondary{background:transparent;color:var(--green)}
@media (hover:hover) and (pointer:fine){
  .btn-primary:hover{background:#00332f;border-color:#00332f}
  .btn-secondary:hover{background:rgba(0,70,67,.08)}
  .btn:hover{transform:translateY(-1px)}
}
.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:28px;position:relative}
.btn-row.center{justify-content:center}

/* ---------- layer elements (style guide "Layers: Bold & icon-like") ---------- */
.lyr{display:block;pointer-events:none;overflow:visible;max-width:none}

/* emphasis: a pill behind a phrase */
.mk-pill{display:inline;white-space:nowrap;background:var(--sky);color:var(--umber);padding:0 .28em;border-radius:999px;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
/* framing: a line with dot ends under a phrase */
.mk-line{position:relative;display:inline-block;padding-bottom:.12em}
.mk-line::after{content:"";position:absolute;left:0;right:0;bottom:-.2em;height:12px;
  background:radial-gradient(circle,var(--coral) 4.5px,transparent 5px) left center/12px 12px no-repeat,
             radial-gradient(circle,var(--coral) 4.5px,transparent 5px) right center/12px 12px no-repeat,
             linear-gradient(var(--coral),var(--coral)) center/calc(100% - 12px) 3px no-repeat}
/* emphasis: speech-box banner (outlined, with a pointer at lower left) */
.speech{position:relative;display:inline-block;background:#fff;border:3px solid var(--green);border-radius:12px;
  padding:.35em .85em;margin-bottom:22px;font-family:var(--sans);font-style:italic;font-weight:300;color:var(--teal);font-size:1.25rem;line-height:1.4}
.speech::before,.speech::after{content:"";position:absolute;left:22px;width:0;height:0;border-style:solid}
.speech::before{bottom:-17px;border-width:17px 16px 0 0;border-color:var(--green) transparent transparent transparent}
.speech::after{bottom:-11px;left:25px;border-width:11px 10px 0 0;border-color:#fff transparent transparent transparent}
/* framing: rounded banner with a pointer (inner-page titles) */
.banner{position:relative;display:inline-block;background:var(--sky);color:var(--umber);border-radius:14px;
  padding:.22em .6em .28em;margin-bottom:.8em}
.banner::after{content:"";position:absolute;left:1.1em;bottom:-15px;border-style:solid;border-width:16px 15px 0 15px;border-color:var(--sky) transparent transparent transparent}

.cta-arrow{display:none}
@media (min-width:900px){ .cta-arrow{display:block;width:48px;color:var(--coral);margin-left:4px} }

/* framing: corner brackets around a text block */
.framed{position:relative;padding:22px 22px 6px;margin-top:28px;max-width:62ch}
.framed .lyr-frame{position:absolute;inset:0;width:100%;height:100%;color:var(--sky)} /* corner brackets: available, not placed (removed from the home intro 2026-10-16) */

/* framing: dotted rule */
.divider{padding-top:8px;padding-bottom:8px}
.rule-dots{display:block;width:min(100%,520px);height:8px;margin:0 auto;
  background:radial-gradient(circle,var(--coral) 3.4px,transparent 3.9px) left center/16px 8px repeat-x}

/* icons: a white solid glyph in a filled circle. --ico-bg colors the circle and any cut lines inside the glyph. */
.ico{--ico-bg:var(--green);width:56px;height:56px;flex:none}
.ico .ico-bg{fill:var(--ico-bg)}
.ico .ico-g{fill:#fff}
.ico .ico-st{fill:none;stroke:#fff}
.ico .ico-cut{fill:none;stroke:var(--ico-bg)}

/* bullets (coral, decorative): diamond (default), triangle, ring, square, chevron-in-circle */
.bullets{list-style:none;padding:0;margin:0;--bullet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7.5 7.5-7.5 7.5-7.5-7.5z'/%3E%3C/svg%3E")}
.bullets li{position:relative;padding-left:1.6em;margin:0 0 .55em}
.bullets li::before{content:"";position:absolute;left:0;top:.36em;width:.82em;height:.82em;background:var(--coral);
  -webkit-mask:var(--bullet) center/contain no-repeat;mask:var(--bullet) center/contain no-repeat}
.bullets.b-tri{--bullet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 3l13 7-13 7z'/%3E%3C/svg%3E")}
.bullets.b-ring{--bullet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E")}
.bullets.b-square{--bullet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='3.5' y='3.5' width='13' height='13' rx='2.5'/%3E%3C/svg%3E")}
.bullets.b-chev{--bullet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 1a9 9 0 1 1 0 18a9 9 0 1 1 0-18zM8.2 5.6L6.8 7l3 3-3 3 1.4 1.4 4.4-4.4z'/%3E%3C/svg%3E")}

/* photo frames: clean rounded frame on a heavy green base */
.photo-frame{display:block;position:relative;border-radius:12px;overflow:hidden;background:var(--mint);border-bottom:8px solid var(--green)}
.photo-frame img{width:100%;aspect-ratio:5/4;object-fit:cover}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:40;background:rgba(249,249,247,.96);border-bottom:1px solid var(--line)}
@supports (backdrop-filter:blur(6px)){ .site-header{background:rgba(249,249,247,.86);backdrop-filter:blur(6px)} }
.header-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding-top:6px;padding-bottom:6px}
.brand{display:inline-flex;align-items:center;border-radius:6px;flex:none}
.brand .logo{height:52px;width:auto}
/* tagline under the logo, on every page (Cathy, 2026-10-16): small italic */
.brand-block{display:flex;flex-direction:column;align-items:flex-start;flex:none;min-width:0}
.header-tagline{position:relative;margin:2px 0 6px;font-family:var(--sans);font-style:italic;font-weight:300;
  color:var(--green);font-size:.8125rem;line-height:1.2;white-space:nowrap}
@media (min-width:900px){ .header-tagline{font-size:.9375rem;margin-top:0} }
/* hand-drawn coral double underline, available for use anywhere (Cathy, 2026-10-16; not placed on a page yet).
   Use: <span class="hand-underline">words to underline{{layer:scribble-underline}}</span>
   Add .hand-underline-sm for small text (thinner strokes). Decorative: hidden from screen readers. */
.hand-underline{position:relative;display:inline-block;padding-bottom:6px}
.hand-underline .lyr-underline{position:absolute;left:-4px;bottom:-10px;width:calc(100% + 8px);height:18px;color:var(--coral);pointer-events:none}
.hand-underline-sm{padding-bottom:3px}
.hand-underline-sm .lyr-underline{left:-2px;bottom:-6px;width:calc(100% + 4px);height:8px}
.hand-underline-sm .lyr-underline path:first-child{stroke-width:2.2px}
.hand-underline-sm .lyr-underline path:last-child{stroke-width:1.4px}
/* medium: slightly thinner strokes than the default (3 / 1.9 px, was 4 / 2.6), e.g. under "Our team." on the home page */
.hand-underline-md .lyr-underline{bottom:-9px;height:16px}
.hand-underline-md .lyr-underline path:first-child{stroke-width:3px}
.hand-underline-md .lyr-underline path:last-child{stroke-width:1.9px}
/* hand-drawn marker stroke behind a phrase (Cathy, 2026-10-16). Text stays dark on it.
   Use: <span class="hand-marker">{{layer:marker}}words</span>. Decorative: hidden from screen readers. */
.hand-marker{position:relative;display:inline-block;isolation:isolate}
.hand-marker .lyr-marker{position:absolute;z-index:-1;left:-.12em;right:-.14em;top:.3em;height:.8em;color:var(--sky-soft);pointer-events:none}
.hand-marker .lyr-marker svg{display:block;width:100%;height:100%}
@media (min-width:900px){ .brand .logo{height:66px} .header-in{min-height:80px} }

.nav-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:0 12px;
  background:transparent;border:2px solid var(--green);border-radius:10px;color:var(--green);font:700 1rem var(--sans);cursor:pointer}
.nav-toggle-bars{display:inline-flex;flex-direction:column;gap:4px}
.nav-toggle-bars span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s}
.nav-toggle[aria-expanded="true"] .nav-toggle-bars span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle-bars span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .nav-toggle-bars span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.site-nav ul{list-style:none;margin:0;padding:0}
.site-nav a{text-decoration:none;font-weight:700}
.site-nav a:not(.btn){color:var(--ink)}
.site-nav a[aria-current="page"]:not(.btn){color:var(--green);text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--green);text-underline-offset:.35em}

/* phone/tablet: the menu is a panel under the bar (no-JS: it simply shows, see .no-js rule below) */
@media (max-width:899.98px){
  .js .site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);
    box-shadow:0 12px 24px rgba(37,50,45,.12);max-height:calc(100vh - 64px);overflow:auto}
  .js .site-nav.open{display:block}
  .site-nav ul{padding:8px var(--gutter) 20px}
  .site-nav li a:not(.btn){display:flex;align-items:center;min-height:48px;font-size:1.125rem;border-bottom:1px solid var(--line)}
  .site-nav .nav-cta{margin-top:16px}
  .site-nav .nav-cta .btn{width:100%}
  html:not(.js) .header-in{flex-wrap:wrap}
  html:not(.js) .nav-toggle{display:none}
  html:not(.js) .site-nav{width:100%}
}
@media (min-width:900px){
  .nav-toggle{display:none}
  .site-nav ul{display:flex;align-items:center;gap:6px 22px;flex-wrap:wrap;justify-content:flex-end}
  .site-nav li a:not(.btn){display:inline-flex;align-items:center;min-height:var(--target);padding:6px 0;font-size:1.0625rem}
  @media (hover:hover) and (pointer:fine){ .site-nav li a:not(.btn):hover{color:var(--green)} }
}

/* Analytics Tools menu: one item on the bar, the four tools under it (10/13 sales call). Phones and tablets show the
   tools indented under it, always open. From 900px it is a drop-down: open on hover (fine pointers), on keyboard
   focus inside it, or with the caret button (site.js; Esc closes). Without JS, hover and focus still open it. */
.site-nav .has-sub{position:relative}
.site-nav .in-section>.sub-parent{color:var(--green)}
.sub-toggle{display:none}
.site-nav .sub{list-style:none;margin:0;padding:0}
@media (max-width:899.98px){
  .site-nav .sub{padding:0 0 0 18px}
  .site-nav .sub a:not(.btn){font-weight:400;font-size:1.0625rem}
}
@media (min-width:900px){
  .site-nav .has-sub{display:flex;align-items:center;gap:2px}
  .sub-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--target);height:var(--target);min-width:28px;min-height:28px;
    padding:0;background:transparent;border:0;border-radius:6px;color:var(--ink);cursor:pointer}
  .caret{width:8px;height:8px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
  .sub-toggle[aria-expanded="true"] .caret{transform:translateY(2px) rotate(-135deg)}
  .site-nav .sub{display:none;position:absolute;top:100%;left:-16px;z-index:50;min-width:250px;padding:10px;background:#fff;
    border:2px solid var(--green);border-radius:12px;box-shadow:0 14px 30px rgba(37,50,45,.16)}
  .site-nav .sub::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
  .site-nav .has-sub:focus-within .sub,.site-nav .has-sub.open .sub{display:block}
  .site-nav .has-sub.shut .sub{display:none}
  @media (hover:hover) and (pointer:fine){ .site-nav .has-sub:not(.shut):hover .sub{display:block} }
  .site-nav .sub li a:not(.btn){display:flex;min-height:max(40px,var(--target));padding:6px 12px;border-radius:8px;font-size:1.0625rem}
  .site-nav .sub li a:not(.btn):hover{background:var(--mint)}
  .site-nav .sub a[aria-current="page"]:not(.btn){background:var(--mint);text-decoration:none}
}

/* ---------- footer ---------- */
.site-footer{background:var(--bg);border-top:1px solid var(--line);padding:48px 0 0;color:var(--ink)}
.footer-in{display:grid;gap:28px}
@media (min-width:600px){ .footer-in{grid-template-columns:1fr 1fr} }
@media (min-width:900px){ .footer-in{grid-template-columns:1.2fr 1fr 1fr} }
.site-footer .logo{height:80px;width:auto}
.tagline{font-style:italic;font-weight:300;color:var(--green);margin:10px 0 0}
.footer-h{font-family:var(--serif);font-size:1.25rem;margin-bottom:.6em}
.footer-contact p{margin:0 0 .4em}
.footer-contact a{display:inline-flex;align-items:center;min-height:var(--target)}
.footer-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.footer-nav a{display:inline-flex;align-items:center;min-height:max(32px,var(--target));color:var(--ink);font-weight:700;text-decoration:none}
.footer-nav a:hover{color:var(--green);text-decoration:underline}
.footer-base{border-top:1px solid var(--line);margin-top:36px;padding-top:16px;padding-bottom:20px;font-size:.9375rem;color:var(--slate)}
.footer-base p{margin:0}

/* ---------- home ---------- */
.hero{position:relative;overflow:hidden;padding:48px 0 64px}
@media (min-width:900px){ .hero{padding:80px 0 104px} }
/* .hero-deco: two light-blue pen circles ({{layer:deco}}), available, not placed (removed 2026-10-16). */
.hero-deco{position:absolute;z-index:-1;top:-92px;right:-24px;width:190px;color:var(--sky);pointer-events:none}
.hero-deco .lyr{width:100%;height:auto}
.hero-grid{position:relative;z-index:1;display:grid;gap:32px;align-items:center}
@media (min-width:900px){ .hero-grid{grid-template-columns:1.35fr 1fr;gap:48px} }
/* decorative icon cluster (style guide p.3: solid icons at mixed sizes); hidden on phones */
/* hero art: one hand-drawn illustration (Rosie's concept, redrawn in the brand palette). Square SVG. */
.hero-art{position:relative;isolation:isolate;width:min(100%,380px);aspect-ratio:1;margin:28px auto 0}
@media (min-width:900px){ .hero-art{width:100%;max-width:460px;margin:0 0 0 auto} }
.hero-art img{width:100%;height:100%;object-fit:contain}
/* home headline: one phrase per line (Cathy, 2026-10-16). The type shrinks with its column where needed so
   "Experienced Advisors." never wraps (the line is about 9.7 em wide, so 10% of the column always fits). */
.hero-copy{container-type:inline-size}
.hero h1{margin-top:.2em}
@supports (font-size:1cqi){
  .hero h1{font-size:min(clamp(2.125rem,1.5rem + 2.8vw,3.5rem),10cqi)}
  .hero h1 .h1-line{display:block;white-space:nowrap}
}
/* "Real Results." sits on a hand-drawn marker stroke, soft orange (Cathy, 2026-10-16) */
.hero h1 .hand-marker .lyr-marker{left:-.16em;right:-.2em;top:.28em;height:.86em;color:var(--coral-soft)} /* soft orange wash (Cathy; was soft blue) */
.hero-intro{margin-top:28px;max-width:62ch}
.hero-intro p{font-size:1.1875rem;color:var(--slate)}

.split{display:grid;gap:40px;align-items:center}
@media (min-width:900px){ .split{grid-template-columns:1.25fr 1fr;gap:64px} }
.mosaic{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (min-width:600px){ .mosaic{grid-template-columns:repeat(4,1fr)} }
@media (min-width:900px){ .mosaic{grid-template-columns:repeat(3,1fr)} }
/* team photos: hand-drawn pen rings in the illustration's four colors, with an offset tinted fill, like the
   home illustration and the logo (Cathy, 2026-10-16). Colors are ordered so no two neighbors match at 3 or 4
   photos across; each ring is drawn at a different angle so its overlap lands in a different place. Each photo
   has a little padding inside its cell so the rings stay inside the grid (no sideways scrolling). */
.mosaic li{position:relative;isolation:isolate;padding:4.5%}
.mosaic li::before{content:"";position:absolute;inset:6.5%;border-radius:50%;transform:translate(3%,3.5%);background:var(--ring-fill);z-index:-1}
.mosaic li::after{content:"";position:absolute;inset:0;background:var(--ring) center/contain no-repeat;opacity:.7;pointer-events:none}
.mosaic a{display:block;border-radius:50%;overflow:hidden}
.mosaic li:nth-child(12n+1){--ring-fill:#dce7f0;--ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath transform='rotate(0 50 50)' d='M34.8 8.9C36.5 8.5 41.4 7.1 44.8 6.8C48.2 6.4 51.7 6.4 55.0 6.7C58.4 7.0 61.8 7.7 65.1 8.7C68.3 9.8 71.6 11.2 74.5 12.9C77.5 14.6 80.3 16.8 82.8 19.2C85.3 21.6 87.5 24.3 89.3 27.3C91.1 30.2 92.6 33.5 93.6 36.7C94.7 40.0 95.3 43.5 95.5 47.0C95.6 50.4 95.4 53.9 94.7 57.3C94.1 60.7 93.0 64.0 91.7 67.1C90.3 70.3 88.5 73.3 86.4 76.0C84.4 78.7 82.0 81.3 79.4 83.5C76.7 85.7 73.8 87.7 70.8 89.2C67.7 90.8 64.4 92.0 61.1 92.8C57.7 93.7 54.2 94.1 50.8 94.1C47.4 94.2 43.8 93.8 40.5 93.1C37.2 92.3 33.8 91.2 30.7 89.7C27.7 88.2 24.7 86.4 22.0 84.3C19.3 82.2 16.8 79.8 14.6 77.1C12.5 74.5 10.5 71.6 9.0 68.5C7.5 65.5 6.2 62.2 5.5 58.8C4.7 55.5 4.3 52.0 4.3 48.5C4.4 45.1 4.8 41.5 5.8 38.2C6.7 34.9 8.1 31.6 9.8 28.6C11.5 25.6 13.6 22.7 15.9 20.1C18.2 17.5 20.9 15.1 23.7 13.1C26.5 11.1 29.7 9.3 32.9 7.9C36.2 6.6 39.6 5.5 43.1 4.8C46.6 4.1 50.3 3.8 53.9 3.9C57.5 3.9 63.0 4.9 64.8 5.1' fill='none' stroke='%236392bb' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.mosaic li:nth-child(12n+2){--ring-fill:#d5e8e2;--ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath transform='rotate(140 50 50)' d='M34.8 9.0C36.5 8.6 41.4 6.9 44.8 6.4C48.2 5.9 51.7 5.7 55.1 6.0C58.6 6.2 62.1 6.8 65.4 7.9C68.7 8.9 72.0 10.4 75.0 12.2C78.0 14.0 80.8 16.3 83.2 18.8C85.6 21.3 87.8 24.2 89.5 27.2C91.2 30.2 92.5 33.5 93.4 36.8C94.3 40.1 94.8 43.6 94.9 47.0C95.0 50.4 94.7 53.9 94.0 57.2C93.4 60.5 92.4 63.8 91.0 66.9C89.7 70.0 88.0 73.0 86.0 75.7C84.0 78.4 81.7 81.0 79.2 83.3C76.6 85.5 73.7 87.6 70.7 89.2C67.7 90.8 64.4 92.1 61.1 93.0C57.8 93.9 54.2 94.4 50.8 94.5C47.3 94.5 43.8 94.2 40.4 93.5C37.0 92.8 33.6 91.6 30.5 90.2C27.4 88.7 24.4 86.8 21.7 84.7C18.9 82.6 16.4 80.1 14.3 77.4C12.1 74.8 10.2 71.8 8.7 68.7C7.3 65.6 6.1 62.2 5.4 58.9C4.7 55.5 4.5 52.0 4.6 48.5C4.8 45.1 5.4 41.6 6.4 38.4C7.4 35.1 8.9 31.9 10.5 29.0C12.2 26.0 14.3 23.3 16.6 20.7C18.8 18.1 21.3 15.7 24.0 13.6C26.8 11.5 29.8 9.6 33.0 8.1C36.2 6.6 39.6 5.4 43.1 4.5C46.6 3.7 50.3 3.2 53.9 3.1C57.6 3.1 63.2 4.1 65.1 4.3' fill='none' stroke='%23004643' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.mosaic li:nth-child(12n+3){--ring-fill:#f8ecd0;--ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath transform='rotate(250 50 50)' d='M34.7 8.5C36.3 8.1 41.3 6.6 44.7 6.2C48.2 5.8 51.7 5.8 55.1 6.2C58.5 6.6 61.9 7.4 65.1 8.6C68.4 9.7 71.5 11.2 74.4 13.0C77.3 14.8 80.1 17.0 82.6 19.4C85.0 21.8 87.2 24.5 89.1 27.4C90.9 30.3 92.5 33.5 93.6 36.8C94.7 40.0 95.4 43.5 95.7 47.0C95.9 50.4 95.8 54.0 95.1 57.4C94.5 60.7 93.4 64.2 92.0 67.3C90.5 70.4 88.6 73.4 86.5 76.1C84.4 78.7 81.8 81.2 79.2 83.3C76.5 85.4 73.5 87.2 70.5 88.7C67.4 90.2 64.2 91.3 60.9 92.2C57.6 93.0 54.2 93.5 50.8 93.7C47.4 93.8 43.9 93.6 40.5 93.0C37.1 92.4 33.7 91.5 30.5 90.1C27.4 88.8 24.2 87.0 21.5 84.9C18.7 82.9 16.1 80.4 14.0 77.7C11.8 75.0 9.9 71.9 8.5 68.8C7.1 65.6 6.0 62.2 5.4 58.9C4.8 55.5 4.6 52.0 4.8 48.5C5.0 45.1 5.6 41.7 6.5 38.4C7.5 35.2 8.9 32.0 10.5 29.0C12.1 26.0 14.1 23.1 16.3 20.5C18.5 17.8 21.0 15.3 23.7 13.1C26.5 11.0 29.6 9.1 32.8 7.6C36.0 6.1 39.5 5.0 43.0 4.3C46.6 3.6 50.3 3.2 53.9 3.4C57.6 3.5 63.0 4.7 64.9 4.9' fill='none' stroke='%23d4a73f' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.mosaic li:nth-child(12n+4){--ring-fill:#f7e0d6;--ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath transform='rotate(40 50 50)' d='M34.6 8.4C36.3 8.0 41.3 6.5 44.7 6.0C48.1 5.6 51.7 5.6 55.1 5.9C58.6 6.2 62.1 6.9 65.3 8.0C68.6 9.1 71.9 10.6 74.8 12.4C77.8 14.3 80.6 16.5 83.0 18.9C85.5 21.4 87.6 24.3 89.4 27.2C91.1 30.2 92.5 33.5 93.4 36.8C94.4 40.1 94.9 43.6 95.0 47.0C95.1 50.4 94.7 53.9 94.1 57.2C93.4 60.5 92.3 63.8 90.9 66.8C89.5 69.9 87.8 72.8 85.8 75.5C83.8 78.2 81.5 80.8 79.0 83.0C76.4 85.3 73.6 87.4 70.7 89.0C67.7 90.7 64.4 92.1 61.1 93.1C57.8 94.1 54.3 94.7 50.8 94.9C47.3 95.0 43.7 94.8 40.3 94.1C36.8 93.4 33.4 92.2 30.3 90.7C27.1 89.2 24.1 87.2 21.4 85.0C18.8 82.8 16.3 80.2 14.3 77.4C12.3 74.7 10.5 71.6 9.2 68.5C7.8 65.4 6.8 62.0 6.1 58.7C5.5 55.4 5.2 51.9 5.4 48.6C5.5 45.2 6.0 41.8 6.8 38.5C7.7 35.2 9.0 32.0 10.6 29.0C12.2 26.0 14.1 23.1 16.3 20.5C18.5 17.8 21.0 15.3 23.7 13.1C26.4 10.9 29.5 9.0 32.8 7.6C36.0 6.1 39.5 4.9 43.0 4.1C46.5 3.4 50.3 3.0 53.9 3.0C57.6 3.1 63.2 4.2 65.0 4.4' fill='none' stroke='%23d9704c' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.mosaic li:nth-child(12n+5){--ring-fill:#f8ecd0;--ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath transform='rotate(190 50 50)' d='M34.7 8.6C36.4 8.2 41.4 6.7 44.8 6.3C48.2 5.9 51.7 5.9 55.1 6.2C58.5 6.5 62.0 7.3 65.2 8.3C68.5 9.4 71.8 10.8 74.7 12.6C77.7 14.4 80.5 16.6 83.0 19.0C85.5 21.4 87.7 24.2 89.5 27.2C91.3 30.1 92.8 33.4 93.8 36.7C94.7 40.0 95.3 43.6 95.4 47.0C95.5 50.4 95.2 53.9 94.5 57.3C93.8 60.6 92.6 63.9 91.2 66.9C89.8 70.0 87.9 72.9 85.9 75.6C83.8 78.3 81.4 80.8 78.9 82.9C76.3 85.1 73.5 87.1 70.5 88.7C67.5 90.3 64.3 91.7 61.0 92.7C57.7 93.6 54.2 94.3 50.8 94.4C47.3 94.6 43.7 94.4 40.3 93.8C36.9 93.1 33.5 92.0 30.3 90.6C27.2 89.1 24.1 87.2 21.4 85.0C18.7 82.9 16.2 80.3 14.1 77.5C12.0 74.8 10.3 71.7 8.9 68.6C7.5 65.5 6.5 62.1 5.8 58.8C5.2 55.4 5.0 51.9 5.1 48.6C5.2 45.2 5.8 41.7 6.7 38.5C7.6 35.2 8.9 32.0 10.5 29.0C12.1 26.0 14.1 23.1 16.3 20.5C18.5 17.8 21.0 15.3 23.8 13.2C26.5 11.0 29.6 9.2 32.8 7.7C36.0 6.3 39.5 5.1 43.1 4.4C46.6 3.7 50.3 3.3 53.9 3.4C57.6 3.4 63.1 4.5 64.9 4.7' fill='none' stroke='%23d4a73f' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.mosaic li:nth-child(12n+6){--ring-fill:#dce7f0;--ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath transform='rotate(300 50 50)' d='M34.7 8.6C36.4 8.2 41.3 6.6 44.7 6.2C48.1 5.8 51.7 5.7 55.1 6.1C58.5 6.5 62.0 7.3 65.2 8.5C68.4 9.6 71.6 11.2 74.4 13.0C77.3 14.9 80.0 17.1 82.4 19.5C84.8 22.0 87.0 24.7 88.8 27.6C90.5 30.5 92.1 33.7 93.2 36.9C94.3 40.1 95.0 43.6 95.3 47.0C95.7 50.4 95.6 53.9 95.1 57.3C94.5 60.7 93.6 64.2 92.2 67.4C90.9 70.5 89.0 73.6 86.9 76.4C84.8 79.1 82.3 81.6 79.6 83.8C76.9 85.9 73.8 87.7 70.7 89.2C67.6 90.6 64.3 91.7 61.0 92.4C57.6 93.1 54.2 93.5 50.8 93.5C47.4 93.6 43.9 93.2 40.6 92.6C37.3 91.9 33.9 90.9 30.8 89.6C27.7 88.2 24.6 86.5 21.8 84.5C19.1 82.5 16.4 80.1 14.2 77.5C12.0 74.9 10.0 71.9 8.5 68.8C7.0 65.7 5.8 62.3 5.1 58.9C4.5 55.5 4.2 52.0 4.4 48.5C4.6 45.1 5.2 41.6 6.2 38.3C7.2 35.1 8.6 31.9 10.3 28.9C12.0 25.9 14.0 23.1 16.3 20.4C18.5 17.8 21.0 15.3 23.8 13.2C26.5 11.0 29.6 9.1 32.8 7.7C36.0 6.2 39.5 5.0 43.0 4.3C46.6 3.5 50.3 3.2 53.9 3.3C57.6 3.3 63.1 4.6 64.9 4.8' fill='none' stroke='%236392bb' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.mosaic li:nth-child(12n+7){--ring-fill:#d5e8e2;--ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath transform='rotate(95 50 50)' d='M34.8 8.8C36.4 8.3 41.3 6.5 44.7 6.0C48.1 5.4 51.7 5.2 55.2 5.5C58.6 5.8 62.2 6.5 65.5 7.6C68.8 8.7 72.1 10.3 75.0 12.1C78.0 14.0 80.7 16.4 83.1 18.9C85.4 21.5 87.5 24.4 89.1 27.4C90.8 30.4 92.1 33.7 93.0 36.9C93.9 40.2 94.5 43.7 94.6 47.0C94.8 50.4 94.6 53.9 94.0 57.2C93.4 60.5 92.5 63.8 91.2 66.9C89.9 70.0 88.2 73.1 86.2 75.8C84.2 78.6 81.9 81.2 79.3 83.4C76.7 85.7 73.8 87.7 70.8 89.3C67.7 90.8 64.4 92.1 61.1 92.9C57.8 93.8 54.2 94.3 50.8 94.3C47.3 94.4 43.8 94.1 40.4 93.4C37.0 92.7 33.7 91.6 30.5 90.2C27.4 88.7 24.3 86.9 21.6 84.8C18.8 82.7 16.3 80.3 14.1 77.6C11.9 74.9 10.0 71.9 8.6 68.7C7.1 65.6 6.0 62.2 5.4 58.9C4.8 55.5 4.6 51.9 4.8 48.5C5.0 45.1 5.7 41.7 6.7 38.5C7.7 35.2 9.2 32.1 10.9 29.2C12.6 26.2 14.6 23.5 16.8 20.9C19.0 18.3 21.4 15.8 24.1 13.6C26.8 11.5 29.8 9.5 32.9 7.9C36.1 6.3 39.5 5.0 43.0 4.1C46.5 3.3 50.3 2.7 54.0 2.7C57.7 2.7 63.3 3.7 65.2 3.9' fill='none' stroke='%23004643' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.mosaic li:nth-child(12n+8){--ring-fill:#dce7f0;--ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath transform='rotate(215 50 50)' d='M34.6 8.4C36.3 8.0 41.3 6.5 44.7 6.0C48.1 5.6 51.7 5.6 55.1 5.9C58.6 6.2 62.1 6.9 65.3 8.0C68.6 9.1 71.9 10.6 74.8 12.4C77.8 14.3 80.6 16.5 83.0 18.9C85.5 21.4 87.6 24.3 89.4 27.2C91.1 30.2 92.5 33.5 93.4 36.8C94.4 40.1 94.9 43.6 95.0 47.0C95.1 50.4 94.7 53.9 94.1 57.2C93.4 60.5 92.3 63.8 90.9 66.8C89.5 69.9 87.8 72.8 85.8 75.5C83.8 78.2 81.5 80.8 79.0 83.0C76.4 85.3 73.6 87.4 70.7 89.0C67.7 90.7 64.4 92.1 61.1 93.1C57.8 94.1 54.3 94.7 50.8 94.9C47.3 95.0 43.7 94.8 40.3 94.1C36.8 93.4 33.4 92.2 30.3 90.7C27.1 89.2 24.1 87.2 21.4 85.0C18.8 82.8 16.3 80.2 14.3 77.4C12.3 74.7 10.5 71.6 9.2 68.5C7.8 65.4 6.8 62.0 6.1 58.7C5.5 55.4 5.2 51.9 5.4 48.6C5.5 45.2 6.0 41.8 6.8 38.5C7.7 35.2 9.0 32.0 10.6 29.0C12.2 26.0 14.1 23.1 16.3 20.5C18.5 17.8 21.0 15.3 23.7 13.1C26.4 10.9 29.5 9.0 32.8 7.6C36.0 6.1 39.5 4.9 43.0 4.1C46.5 3.4 50.3 3.0 53.9 3.0C57.6 3.1 63.2 4.2 65.0 4.4' fill='none' stroke='%236392bb' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.mosaic li:nth-child(12n+9){--ring-fill:#f7e0d6;--ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath transform='rotate(330 50 50)' d='M34.4 7.7C36.1 7.3 41.2 5.7 44.7 5.4C48.1 5.0 51.7 5.1 55.2 5.6C58.6 6.1 62.0 7.1 65.2 8.3C68.4 9.6 71.5 11.3 74.3 13.2C77.1 15.2 79.7 17.4 82.0 19.9C84.3 22.4 86.4 25.1 88.1 28.0C89.9 30.8 91.3 33.9 92.4 37.1C93.5 40.3 94.3 43.7 94.7 47.0C95.1 50.4 95.1 53.9 94.7 57.3C94.2 60.7 93.4 64.1 92.1 67.3C90.9 70.5 89.1 73.7 87.1 76.5C85.1 79.3 82.6 81.9 79.9 84.1C77.2 86.3 74.2 88.2 71.0 89.7C67.9 91.2 64.5 92.4 61.1 93.1C57.8 93.8 54.2 94.2 50.8 94.2C47.3 94.2 43.8 93.8 40.5 93.0C37.2 92.3 33.8 91.1 30.7 89.7C27.7 88.2 24.7 86.4 22.0 84.3C19.3 82.2 16.8 79.8 14.7 77.1C12.5 74.5 10.7 71.5 9.2 68.4C7.8 65.4 6.7 62.1 6.0 58.7C5.3 55.4 5.0 51.9 5.1 48.6C5.2 45.2 5.7 41.7 6.6 38.4C7.5 35.2 8.8 31.9 10.3 28.9C11.9 25.8 13.8 22.9 16.0 20.2C18.1 17.4 20.6 14.8 23.3 12.6C26.1 10.4 29.2 8.4 32.5 6.8C35.7 5.3 39.3 4.1 42.9 3.5C46.5 2.8 50.3 2.5 54.0 2.7C57.7 2.9 63.1 4.3 65.0 4.6' fill='none' stroke='%23d9704c' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.mosaic li:nth-child(12n+10){--ring-fill:#f8ecd0;--ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath transform='rotate(65 50 50)' d='M34.7 8.6C36.4 8.2 41.4 6.7 44.8 6.4C48.2 6.0 51.7 6.0 55.1 6.3C58.5 6.7 61.9 7.4 65.2 8.5C68.4 9.6 71.6 11.2 74.5 13.0C77.4 14.8 80.1 17.0 82.5 19.5C84.9 21.9 87.0 24.7 88.8 27.6C90.5 30.5 91.9 33.7 93.0 36.9C94.0 40.2 94.7 43.6 94.9 47.0C95.2 50.4 95.1 53.9 94.6 57.3C94.1 60.6 93.2 64.1 91.9 67.2C90.6 70.4 88.9 73.5 86.9 76.3C84.9 79.1 82.5 81.8 79.8 84.0C77.2 86.3 74.2 88.2 71.0 89.8C67.9 91.3 64.5 92.5 61.1 93.2C57.8 93.9 54.2 94.2 50.8 94.2C47.4 94.1 43.9 93.6 40.6 92.8C37.2 92.0 34.0 90.8 30.9 89.3C27.9 87.8 25.0 86.0 22.3 84.0C19.6 81.9 17.1 79.5 14.9 76.9C12.7 74.4 10.7 71.5 9.2 68.5C7.6 65.5 6.3 62.2 5.5 58.8C4.7 55.5 4.2 52.0 4.3 48.5C4.3 45.1 4.8 41.5 5.7 38.2C6.7 34.9 8.1 31.6 9.8 28.6C11.5 25.6 13.6 22.7 15.9 20.1C18.2 17.5 20.8 15.0 23.6 13.0C26.4 10.9 29.6 9.1 32.8 7.7C36.0 6.2 39.5 5.1 43.1 4.4C46.6 3.7 50.3 3.4 53.9 3.5C57.5 3.5 63.0 4.7 64.9 4.9' fill='none' stroke='%23d4a73f' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.mosaic li:nth-child(12n+11){--ring-fill:#f7e0d6;--ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath transform='rotate(165 50 50)' d='M34.8 8.8C36.4 8.3 41.3 6.5 44.7 6.0C48.1 5.4 51.7 5.2 55.2 5.5C58.6 5.8 62.2 6.5 65.5 7.6C68.8 8.7 72.1 10.3 75.0 12.1C78.0 14.0 80.7 16.4 83.1 18.9C85.4 21.5 87.5 24.4 89.1 27.4C90.8 30.4 92.1 33.7 93.0 36.9C93.9 40.2 94.5 43.7 94.6 47.0C94.8 50.4 94.6 53.9 94.0 57.2C93.4 60.5 92.5 63.8 91.2 66.9C89.9 70.0 88.2 73.1 86.2 75.8C84.2 78.6 81.9 81.2 79.3 83.4C76.7 85.7 73.8 87.7 70.8 89.3C67.7 90.8 64.4 92.1 61.1 92.9C57.8 93.8 54.2 94.3 50.8 94.3C47.3 94.4 43.8 94.1 40.4 93.4C37.0 92.7 33.7 91.6 30.5 90.2C27.4 88.7 24.3 86.9 21.6 84.8C18.8 82.7 16.3 80.3 14.1 77.6C11.9 74.9 10.0 71.9 8.6 68.7C7.1 65.6 6.0 62.2 5.4 58.9C4.8 55.5 4.6 51.9 4.8 48.5C5.0 45.1 5.7 41.7 6.7 38.5C7.7 35.2 9.2 32.1 10.9 29.2C12.6 26.2 14.6 23.5 16.8 20.9C19.0 18.3 21.4 15.8 24.1 13.6C26.8 11.5 29.8 9.5 32.9 7.9C36.1 6.3 39.5 5.0 43.0 4.1C46.5 3.3 50.3 2.7 54.0 2.7C57.7 2.7 63.3 3.7 65.2 3.9' fill='none' stroke='%23d9704c' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.mosaic li:nth-child(12n+12){--ring-fill:#d5e8e2;--ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath transform='rotate(280 50 50)' d='M34.3 7.6C36.0 7.2 41.2 5.7 44.7 5.4C48.1 5.1 51.7 5.3 55.1 5.8C58.6 6.3 62.0 7.3 65.1 8.6C68.3 9.8 71.4 11.5 74.2 13.4C77.0 15.3 79.6 17.5 82.0 19.9C84.3 22.4 86.4 25.1 88.2 27.9C90.0 30.8 91.5 33.9 92.7 37.0C93.8 40.2 94.6 43.6 94.9 47.0C95.3 50.4 95.3 53.9 94.8 57.3C94.3 60.7 93.4 64.1 92.1 67.3C90.8 70.5 89.0 73.6 86.9 76.4C84.9 79.1 82.4 81.7 79.7 83.9C77.1 86.1 74.0 88.0 70.9 89.6C67.8 91.1 64.5 92.3 61.1 93.1C57.8 93.9 54.2 94.3 50.8 94.3C47.3 94.3 43.8 94.0 40.5 93.3C37.1 92.5 33.7 91.4 30.6 89.9C27.5 88.5 24.5 86.6 21.9 84.5C19.2 82.3 16.7 79.8 14.7 77.1C12.6 74.4 10.8 71.4 9.4 68.4C8.0 65.3 6.9 62.0 6.3 58.7C5.6 55.4 5.3 51.9 5.4 48.6C5.4 45.2 5.9 41.8 6.7 38.5C7.5 35.2 8.7 31.9 10.3 28.8C11.8 25.8 13.6 22.8 15.8 20.0C18.0 17.3 20.4 14.6 23.2 12.4C26.0 10.1 29.1 8.2 32.4 6.7C35.7 5.2 39.3 4.1 42.9 3.4C46.5 2.8 50.3 2.6 54.0 2.8C57.6 3.1 63.1 4.5 64.9 4.9' fill='none' stroke='%23004643' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
/* placeholder for a team member whose photo hasn't arrived: initials in a circle, same size as the photos */
.mosaic-initials{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%;
  background:var(--sky);color:var(--umber);font:700 clamp(1.5rem,1rem + 2vw,2.25rem)/1 var(--serif);letter-spacing:.04em}
.mosaic img{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(1)}
@media (hover:hover) and (pointer:fine){ .mosaic a:hover img{filter:none} }

.teaser{display:grid;gap:20px;align-items:center}
@media (min-width:900px){ .teaser{grid-template-columns:auto 1fr auto;gap:32px} }
.teaser h2{margin-bottom:.25em}
.teaser .subhead{margin:0}
.teaser-icon .ico{width:96px;height:96px}

/* ---------- inner pages ---------- */
.page-head{padding:48px 0 40px}
@media (min-width:900px){ .page-head{padding:72px 0 56px} }
.page-head p:last-child{margin-bottom:0}
.page-head .lede{margin-top:.4em}

.services-list{columns:1;column-gap:48px;font-size:1.1875rem;color:var(--ink)}
@media (min-width:900px){ .services-list{columns:2} }
.services-list li{break-inside:avoid}

.how-grid{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:24px}
@media (min-width:900px){ .how-grid{grid-template-columns:1fr 1fr;gap:28px 48px} }
.how-item{display:flex;gap:18px;align-items:flex-start}
.how-item p{margin:6px 0 0;color:var(--slate)}

.team-grid{list-style:none;margin:0;padding:0;display:grid;gap:28px 20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}
@media (min-width:600px){ .team-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:36px 24px} }
.member{display:flex;flex-direction:column;gap:6px;min-width:0}
.member-link{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink);border-radius:var(--radius)}
.member-name{font-family:var(--serif);font-weight:700;font-size:1.25rem;line-height:1.2}
@media (hover:hover) and (pointer:fine){ .member-link:hover .member-name{color:var(--green);text-decoration:underline} }
.member-email{font-size:.9375rem;overflow-wrap:anywhere;line-height:1.35;display:inline-flex;align-items:center;min-height:var(--target);color:var(--teal)}

.crumbs{padding-top:20px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:1rem}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--slate)}
.crumbs a{display:inline-flex;align-items:center;min-height:var(--target)}
.crumbs [aria-current]{color:var(--slate);display:inline-flex;align-items:center}
.profile{padding-top:28px}
.profile-grid{display:grid;gap:32px}
@media (min-width:900px){ .profile-grid{grid-template-columns:minmax(260px,360px) 1fr;gap:56px;align-items:start} .profile-photo{position:sticky;top:110px} }
.profile-photo{max-width:420px}
.profile-body{max-width:70ch}
.profile-body p{color:var(--text)}
.contact-line{display:flex;align-items:center;gap:12px;overflow-wrap:anywhere}
.contact-line .ico{width:44px;height:44px}
.contact-line p{margin:0}
.contact-line a{display:inline-flex;align-items:center;min-height:var(--target)}
.profile-pager{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:48px}

.contact-grid{display:grid;gap:40px}
@media (min-width:900px){ .contact-grid{grid-template-columns:69fr 31fr;gap:64px;align-items:start} } /* form 15% wider than before (was 1.5fr 1fr = 60%); Cathy, 2026-10-16 */
.form-card{background:#fff;border-radius:16px;border-top:8px solid var(--green);padding:24px;box-shadow:0 1px 0 var(--line)}
@media (min-width:600px){ .form-card{padding:36px} }
.contact-form{display:grid;gap:18px;margin-top:20px}
.field-row{display:grid;gap:18px}
@media (min-width:600px){ .field-row{grid-template-columns:1fr 1fr} }
.field label{display:block;font-weight:700;color:var(--ink);margin-bottom:6px}
.field input,.field textarea{width:100%;font:inherit;font-size:1rem;color:var(--text);background:var(--bg);border:2px solid #6b7a74;border-radius:10px;padding:10px 12px;min-height:48px}
@media (pointer:coarse){ .field input,.field textarea{font-size:16px} }
.field input:focus-visible,.field textarea:focus-visible{outline:var(--focus);outline-offset:2px;border-color:var(--green)}
.contact-aside{display:grid;gap:18px}

.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding-top:24px;padding-bottom:24px}
.empty-state .ico{width:104px;height:104px}
.empty-state .speech{margin-top:8px}

/* reveal: none. Content is always visible; nothing depends on JS to appear. */
@media (prefers-reduced-motion:reduce){ *{animation:none!important;transition:none!important} }

/* Contact form: the honeypot stays off-screen (not display:none, which some bots skip), and the status line under Send. */
.hp-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.form-status{margin:0;padding:12px 14px;border-radius:10px;font-weight:700;background:var(--bg);color:var(--ink);border:2px solid var(--green)}
.form-status.is-error{border-color:#b8393b;color:#b8393b;background:#fff}
.contact-form.is-sent .field,.contact-form.is-sent .field-row,.contact-form.is-sent button{display:none}

/* ===== Services page refresh (Cathy, 2026-10-16): title with a soft orange marker on "Services", hand-drawn
   service icons in a two-column list, How We Work icons in pen rings ===== */
.page-title{margin:0 0 .45em}
.page-title .hand-marker .lyr-marker{left:-.12em;right:-.16em;top:.3em;height:.82em;color:var(--coral-soft)}
.page-title .hand-marker-lead .lyr-marker{left:-.03em} /* marker on the title's first word (Contact Us): keep it inside the text column */
.svc-ico{flex:none;display:block}
/* "Our services include:" lead-in: dark green and bold for readability (was the lighter subheading green, regular) */
#include-h.h-sub{color:var(--green);font-weight:700;font-size:1.375rem;margin-bottom:.7em}
.svc-list{list-style:none;margin:18px 0 0;padding:0}
@media (min-width:900px){ .svc-list{columns:2;column-gap:40px} }
.svc-list li{display:flex;align-items:center;gap:14px;min-height:52px;margin-bottom:10px;break-inside:avoid}
.svc-list .svc-ico{width:52px;height:52px}
/* How We Work: hand-drawn pen ring and tinted fill, dark green glyph (was a solid dark green circle with a white glyph) */
.how-item{position:relative}
.how-item .ico{width:64px;height:64px}
.how-item::before{content:"";position:absolute;left:-5px;top:-5px;width:74px;height:74px;background:var(--how-ring) center/contain no-repeat;pointer-events:none}
.how-item .ico .ico-g{fill:var(--green)} .how-item .ico .ico-st{stroke:var(--green)}
.how-item:nth-child(1){--how-ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M35.4 13.2C36.3 12.8 38.8 11.5 40.6 10.7C42.4 10.0 44.2 9.3 46.1 8.7C47.9 8.2 49.8 7.7 51.8 7.3C53.7 6.9 55.6 6.7 57.6 6.5C59.6 6.3 61.5 6.3 63.5 6.3C65.5 6.4 67.5 6.6 69.4 6.8C71.4 7.1 73.3 7.5 75.3 8.0C77.2 8.5 79.1 9.1 80.9 9.9C82.8 10.6 84.6 11.4 86.3 12.4C88.1 13.3 89.8 14.3 91.4 15.4C93.0 16.6 94.6 17.8 96.1 19.1C97.6 20.4 99.0 21.8 100.3 23.2C101.6 24.7 102.9 26.2 104.0 27.8C105.2 29.4 106.2 31.1 107.2 32.8C108.2 34.5 109.0 36.2 109.8 38.0C110.6 39.8 111.3 41.7 111.8 43.5C112.4 45.4 112.9 47.3 113.2 49.2C113.6 51.1 113.9 53.0 114.0 54.9C114.2 56.8 114.3 58.8 114.2 60.7C114.2 62.6 114.0 64.6 113.8 66.5C113.5 68.4 113.2 70.3 112.7 72.2C112.3 74.1 111.7 75.9 111.1 77.7C110.4 79.5 109.7 81.3 108.8 83.1C108.0 84.8 107.0 86.5 106.0 88.1C105.0 89.8 103.8 91.4 102.6 92.9C101.4 94.4 100.1 95.8 98.7 97.2C97.4 98.6 95.9 99.9 94.4 101.1C92.9 102.3 91.3 103.4 89.6 104.5C88.0 105.5 86.3 106.5 84.5 107.3C82.8 108.2 81.0 108.9 79.2 109.6C77.4 110.3 75.5 110.9 73.6 111.3C71.7 111.8 69.8 112.2 67.9 112.5C65.9 112.8 64.0 112.9 62.1 113.0C60.1 113.1 58.2 113.1 56.2 113.0C54.3 112.9 52.3 112.7 50.4 112.4C48.5 112.1 46.5 111.6 44.6 111.1C42.8 110.6 40.9 110.1 39.1 109.4C37.2 108.7 35.4 107.9 33.7 107.0C31.9 106.1 30.2 105.1 28.5 104.1C26.9 103.0 25.3 101.8 23.7 100.6C22.2 99.3 20.8 98.0 19.4 96.6C18.0 95.2 16.7 93.7 15.5 92.1C14.3 90.6 13.2 88.9 12.1 87.2C11.1 85.5 10.2 83.8 9.4 82.0C8.6 80.2 7.9 78.3 7.3 76.4C6.8 74.5 6.3 72.6 5.9 70.7C5.6 68.8 5.4 66.8 5.3 64.8C5.1 62.9 5.1 60.9 5.3 59.0C5.4 57.0 5.6 55.1 5.9 53.2C6.3 51.3 6.7 49.4 7.3 47.5C7.8 45.6 8.5 43.8 9.2 42.0C9.9 40.3 10.8 38.5 11.7 36.8C12.6 35.1 13.5 33.5 14.5 31.8C15.6 30.2 16.6 28.6 17.7 27.0C18.9 25.4 20.1 23.9 21.4 22.5C22.7 21.0 24.1 19.6 25.5 18.3C27.0 17.0 28.5 15.7 30.1 14.5C31.7 13.4 33.3 12.2 35.1 11.2C36.8 10.1 38.6 9.2 40.4 8.3C42.2 7.4 44.1 6.7 46.0 6.0C48.0 5.3 50.0 4.7 52.0 4.2C54.0 3.7 56.1 3.4 58.1 3.1C60.2 2.8 62.3 2.7 64.5 2.7C66.6 2.6 69.8 2.9 70.8 3.0' fill='none' stroke='%236392bb' stroke-width='3.2' stroke-linecap='round' stroke-opacity='.8'/%3E%3C/svg%3E")} .how-item:nth-child(1) .ico{--ico-bg:#dce7f0}
.how-item:nth-child(2){--how-ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M81.2 11.1C82.1 11.5 84.8 12.6 86.5 13.5C88.2 14.4 89.9 15.4 91.5 16.5C93.2 17.6 94.7 18.8 96.2 20.0C97.8 21.3 99.2 22.6 100.6 24.0C101.9 25.4 103.2 26.9 104.4 28.4C105.6 30.0 106.8 31.6 107.8 33.3C108.8 35.0 109.7 36.7 110.6 38.5C111.4 40.3 112.1 42.1 112.7 44.0C113.4 45.8 113.9 47.8 114.2 49.7C114.6 51.6 114.9 53.6 115.0 55.5C115.2 57.5 115.2 59.5 115.1 61.4C115.1 63.4 114.8 65.4 114.5 67.3C114.2 69.2 113.8 71.1 113.2 73.0C112.7 74.9 112.0 76.7 111.3 78.5C110.5 80.3 109.6 82.1 108.7 83.8C107.7 85.5 106.7 87.1 105.6 88.7C104.4 90.3 103.2 91.8 101.9 93.2C100.7 94.7 99.3 96.1 97.9 97.4C96.5 98.7 95.0 99.9 93.4 101.1C91.9 102.2 90.3 103.3 88.7 104.3C87.0 105.3 85.3 106.2 83.6 107.1C81.9 107.9 80.1 108.7 78.3 109.3C76.5 110.0 74.7 110.6 72.8 111.1C70.9 111.6 69.0 112.0 67.1 112.3C65.2 112.6 63.3 112.8 61.3 113.0C59.4 113.1 57.4 113.1 55.5 113.0C53.5 113.0 51.6 112.8 49.6 112.5C47.7 112.2 45.8 111.8 43.8 111.3C41.9 110.8 40.1 110.2 38.2 109.5C36.4 108.8 34.6 107.9 32.8 107.0C31.1 106.1 29.4 105.0 27.7 103.9C26.1 102.8 24.5 101.6 23.0 100.3C21.6 99.0 20.1 97.6 18.8 96.1C17.5 94.6 16.3 93.1 15.1 91.5C14.0 89.9 12.9 88.2 12.0 86.5C11.0 84.7 10.2 83.0 9.5 81.1C8.7 79.3 8.1 77.5 7.6 75.6C7.0 73.7 6.6 71.8 6.3 69.9C6.0 68.0 5.8 66.0 5.7 64.1C5.6 62.1 5.6 60.2 5.7 58.3C5.8 56.3 6.0 54.4 6.3 52.5C6.6 50.6 7.0 48.7 7.5 46.8C8.0 45.0 8.6 43.1 9.3 41.3C10.0 39.5 10.8 37.7 11.7 36.0C12.6 34.3 13.5 32.6 14.6 31.0C15.7 29.4 16.8 27.8 18.1 26.3C19.3 24.9 20.6 23.4 22.0 22.1C23.4 20.7 24.9 19.4 26.4 18.2C27.9 17.0 29.5 15.9 31.2 14.9C32.8 13.9 34.6 12.9 36.3 12.1C38.1 11.3 39.9 10.5 41.7 9.9C43.6 9.3 45.5 8.7 47.4 8.3C49.3 7.8 51.2 7.4 53.1 7.1C55.1 6.8 57.0 6.5 59.0 6.3C60.9 6.2 62.9 6.2 64.9 6.2C66.9 6.3 68.9 6.4 70.9 6.7C72.8 7.0 74.8 7.3 76.8 7.8C78.7 8.3 80.7 8.8 82.6 9.5C84.5 10.2 86.4 11.0 88.2 11.8C90.1 12.7 91.9 13.7 93.7 14.7C95.4 15.8 97.2 17.0 98.8 18.2C100.5 19.5 102.1 20.8 103.6 22.3C105.1 23.7 106.5 25.2 107.9 26.8C109.3 28.4 111.1 31.0 111.7 31.9' fill='none' stroke='%23d9704c' stroke-width='3.2' stroke-linecap='round' stroke-opacity='.8'/%3E%3C/svg%3E")} .how-item:nth-child(2) .ico{--ico-bg:#f7e0d6}
.how-item:nth-child(3){--how-ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M31.2 14.8C32.0 14.3 34.5 12.7 36.2 11.8C37.9 10.8 39.7 10.0 41.6 9.3C43.4 8.5 45.3 7.9 47.2 7.4C49.1 6.9 51.1 6.4 53.0 6.2C55.0 5.9 57.0 5.7 59.0 5.6C61.0 5.6 63.0 5.6 65.0 5.8C67.0 5.9 69.0 6.2 70.9 6.6C72.9 7.0 74.8 7.6 76.7 8.2C78.6 8.8 80.4 9.6 82.2 10.4C84.0 11.2 85.8 12.2 87.5 13.2C89.2 14.2 90.8 15.3 92.4 16.5C93.9 17.7 95.4 19.0 96.8 20.4C98.2 21.8 99.6 23.2 100.8 24.7C102.1 26.2 103.2 27.7 104.3 29.3C105.4 30.9 106.4 32.6 107.3 34.3C108.2 36.0 109.1 37.8 109.8 39.5C110.5 41.3 111.2 43.1 111.7 45.0C112.2 46.8 112.7 48.7 113.0 50.6C113.4 52.5 113.6 54.4 113.7 56.3C113.9 58.2 113.9 60.2 113.9 62.1C113.8 64.0 113.6 65.9 113.4 67.8C113.1 69.7 112.7 71.6 112.2 73.5C111.8 75.3 111.2 77.2 110.5 79.0C109.8 80.8 109.0 82.6 108.2 84.3C107.3 86.0 106.3 87.7 105.2 89.3C104.2 90.9 103.0 92.5 101.8 94.0C100.5 95.4 99.2 96.9 97.8 98.2C96.4 99.6 94.9 100.8 93.4 102.0C91.8 103.2 90.2 104.3 88.5 105.3C86.9 106.4 85.2 107.3 83.4 108.1C81.6 109.0 79.8 109.7 78.0 110.4C76.1 111.0 74.2 111.6 72.3 112.1C70.4 112.5 68.5 112.9 66.6 113.1C64.6 113.4 62.6 113.6 60.7 113.6C58.7 113.7 56.7 113.6 54.8 113.5C52.8 113.3 50.8 113.1 48.9 112.7C46.9 112.4 45.0 111.9 43.1 111.4C41.2 110.8 39.3 110.1 37.5 109.4C35.7 108.6 33.9 107.7 32.2 106.8C30.4 105.8 28.8 104.7 27.2 103.6C25.6 102.4 24.0 101.1 22.5 99.8C21.1 98.5 19.7 97.0 18.4 95.5C17.1 94.0 15.9 92.5 14.8 90.8C13.7 89.2 12.7 87.5 11.8 85.8C10.9 84.0 10.2 82.2 9.5 80.4C8.8 78.6 8.2 76.7 7.7 74.8C7.3 73.0 6.9 71.0 6.7 69.1C6.4 67.2 6.3 65.3 6.2 63.4C6.2 61.5 6.2 59.5 6.4 57.6C6.5 55.7 6.8 53.8 7.1 51.9C7.5 50.1 7.9 48.2 8.5 46.4C9.0 44.6 9.6 42.8 10.3 41.0C11.0 39.2 11.7 37.4 12.5 35.7C13.3 34.0 14.2 32.2 15.1 30.6C16.1 28.9 17.1 27.2 18.2 25.6C19.4 24.0 20.6 22.5 21.9 21.0C23.2 19.5 24.6 18.0 26.0 16.7C27.5 15.3 29.0 14.0 30.7 12.8C32.3 11.6 34.0 10.4 35.8 9.4C37.5 8.3 39.4 7.4 41.3 6.5C43.2 5.7 45.1 4.9 47.1 4.3C49.2 3.6 51.2 3.1 53.3 2.7C55.4 2.3 57.5 2.0 59.6 1.9C61.8 1.7 65.0 1.8 66.1 1.8' fill='none' stroke='%23004643' stroke-width='3.2' stroke-linecap='round' stroke-opacity='.8'/%3E%3C/svg%3E")} .how-item:nth-child(3) .ico{--ico-bg:#d5e8e2}
.how-item:nth-child(4){--how-ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M47.8 8.0C48.8 7.9 51.7 7.3 53.6 7.1C55.6 6.9 57.5 6.8 59.5 6.8C61.4 6.7 63.4 6.8 65.3 7.0C67.3 7.2 69.2 7.5 71.1 7.9C73.0 8.3 74.9 8.8 76.8 9.4C78.6 10.0 80.5 10.7 82.3 11.5C84.0 12.3 85.8 13.1 87.5 14.1C89.2 15.1 90.8 16.2 92.4 17.3C93.9 18.5 95.4 19.7 96.9 21.0C98.3 22.4 99.6 23.8 100.9 25.2C102.2 26.7 103.4 28.2 104.5 29.8C105.6 31.4 106.6 33.0 107.5 34.7C108.4 36.4 109.3 38.2 110.0 40.0C110.7 41.7 111.4 43.6 111.9 45.4C112.4 47.2 112.9 49.1 113.2 51.0C113.6 52.9 113.8 54.8 114.0 56.8C114.1 58.7 114.2 60.6 114.1 62.5C114.1 64.5 113.9 66.4 113.6 68.3C113.4 70.2 113.0 72.1 112.5 74.0C112.1 75.9 111.5 77.8 110.9 79.6C110.2 81.4 109.4 83.2 108.5 85.0C107.7 86.7 106.7 88.5 105.6 90.1C104.6 91.8 103.4 93.4 102.2 94.9C100.9 96.4 99.6 97.9 98.1 99.3C96.7 100.6 95.2 101.9 93.6 103.1C92.1 104.3 90.4 105.4 88.7 106.5C87.0 107.5 85.2 108.4 83.4 109.2C81.6 110.0 79.7 110.7 77.8 111.3C75.9 111.8 74.0 112.3 72.0 112.7C70.1 113.0 68.1 113.3 66.1 113.4C64.1 113.6 62.2 113.6 60.2 113.5C58.2 113.4 56.3 113.2 54.3 113.0C52.4 112.7 50.5 112.3 48.6 111.8C46.7 111.3 44.9 110.7 43.0 110.1C41.2 109.4 39.4 108.7 37.7 107.8C36.0 107.0 34.3 106.1 32.6 105.1C31.0 104.1 29.4 103.0 27.9 101.9C26.3 100.7 24.8 99.5 23.4 98.2C22.0 96.9 20.6 95.6 19.4 94.2C18.1 92.7 16.8 91.2 15.7 89.7C14.6 88.2 13.5 86.6 12.5 84.9C11.5 83.2 10.6 81.5 9.8 79.8C9.0 78.0 8.3 76.2 7.7 74.4C7.1 72.5 6.6 70.7 6.2 68.8C5.8 66.8 5.5 64.9 5.3 63.0C5.1 61.0 5.1 59.1 5.1 57.1C5.2 55.2 5.3 53.2 5.6 51.2C5.9 49.3 6.3 47.4 6.8 45.5C7.4 43.6 8.0 41.7 8.7 39.9C9.5 38.1 10.3 36.3 11.3 34.6C12.2 32.8 13.3 31.2 14.5 29.6C15.6 28.0 16.9 26.4 18.2 25.0C19.5 23.5 20.8 22.0 22.2 20.7C23.7 19.3 25.1 18.0 26.7 16.7C28.2 15.5 29.8 14.3 31.5 13.2C33.2 12.2 34.9 11.2 36.7 10.3C38.5 9.4 40.4 8.6 42.3 7.9C44.1 7.1 46.1 6.5 48.0 6.0C50.0 5.5 52.0 5.1 54.0 4.7C56.0 4.4 58.1 4.2 60.1 4.1C62.2 4.0 64.2 4.0 66.3 4.1C68.4 4.2 70.4 4.4 72.5 4.8C74.6 5.1 76.6 5.5 78.6 6.1C80.6 6.6 83.6 7.7 84.6 8.0' fill='none' stroke='%23d4a73f' stroke-width='3.2' stroke-linecap='round' stroke-opacity='.8'/%3E%3C/svg%3E")} .how-item:nth-child(4) .ico{--ico-bg:#f8ecd0}
/* Our Services, How We Work: brown buttons (Cathy, 2026-10-16). White on brown 15.6:1; brown on pale mint 13:1. */
[aria-labelledby="how-h"] .btn-primary{background:var(--umber);border-color:var(--umber);color:#fff}
[aria-labelledby="how-h"] .btn-primary:hover{background:#4a3a1e;border-color:#4a3a1e}
[aria-labelledby="how-h"] .btn-secondary{color:var(--umber);border-color:var(--umber)}
[aria-labelledby="how-h"] .btn-secondary:hover{background:rgba(50,36,11,.08)}

/* ===== Our Team grid (Cathy, 2026-10-16) ===== */
/* centered rows: an incomplete last row sits in the middle (flex instead of grid) */
.team-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:28px 20px}
.team-grid .member{flex:0 0 calc((100% - 20px)/2)}
@media (min-width:600px){ .team-grid{gap:36px 24px} .team-grid .member{flex-basis:calc((100% - 2*24px)/3)} }
@media (min-width:900px){ .team-grid .member{flex-basis:calc((100% - 3*24px)/4)} }
@media (min-width:1100px){ .team-grid .member{flex-basis:calc((100% - 4*24px)/5)} }
/* emails are shown on each profile page only, not in the grid (Cathy, 2026-10-16); display:none also hides them from screen readers */
.team-grid .member-email{display:none}
/* offset tint (Cathy, 2026-10-16): no outline; a soft blue block (--sky-soft) behind each rounded photo, offset down and to
   the right like a slightly misaligned print. Echoes the tinted fills in the home illustration. No solid green bar. */
.team-grid .photo-frame{overflow:visible;border-bottom:0;background:none;isolation:isolate}
.team-grid .member-link{gap:20px}
.team-grid .photo-frame img{border-radius:12px;position:relative}
.team-grid .photo-frame::before{content:"";position:absolute;inset:0;border-radius:14px;transform:translate(9px,9px);background:var(--sky-soft);z-index:-1}

/* ===== Profile pages (Cathy, 2026-10-16) ===== */
/* Contact: envelope in a soft tinted circle with a hand-drawn ring (like How We Work), dark green glyph */
.contact-line{position:relative}
.contact-line .ico{--ico-bg:#dce7f0;width:48px;height:48px}
.contact-line .ico .ico-g{fill:var(--green)}
.contact-line::before{content:"";position:absolute;left:-5px;top:50%;width:58px;height:58px;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M74.8 8.5C75.7 8.8 78.5 9.7 80.3 10.5C82.1 11.2 83.9 12.1 85.6 13.0C87.3 13.9 89.0 15.0 90.6 16.1C92.2 17.2 93.7 18.4 95.2 19.6C96.7 20.9 98.1 22.2 99.4 23.6C100.8 25.0 102.0 26.5 103.2 28.1C104.4 29.6 105.5 31.2 106.5 32.9C107.5 34.5 108.4 36.2 109.2 38.0C110.0 39.7 110.7 41.5 111.4 43.3C112.0 45.2 112.5 47.0 112.9 48.9C113.3 50.8 113.6 52.7 113.8 54.6C114.0 56.5 114.1 58.5 114.1 60.4C114.0 62.3 113.9 64.3 113.7 66.2C113.4 68.1 113.1 70.0 112.7 71.8C112.2 73.7 111.7 75.6 111.0 77.4C110.4 79.2 109.7 81.0 108.8 82.7C108.0 84.5 107.1 86.2 106.1 87.8C105.0 89.5 103.9 91.1 102.8 92.6C101.6 94.1 100.3 95.6 99.0 97.0C97.6 98.4 96.2 99.8 94.7 101.0C93.3 102.3 91.7 103.5 90.1 104.6C88.5 105.7 86.8 106.8 85.1 107.7C83.4 108.6 81.6 109.5 79.8 110.3C77.9 111.0 76.1 111.7 74.1 112.2C72.2 112.8 70.3 113.2 68.3 113.6C66.4 113.9 64.4 114.1 62.4 114.2C60.4 114.4 58.4 114.4 56.4 114.2C54.4 114.1 52.4 113.9 50.5 113.6C48.5 113.2 46.6 112.7 44.7 112.2C42.8 111.6 40.9 110.9 39.1 110.1C37.2 109.4 35.5 108.5 33.7 107.5C32.0 106.5 30.4 105.4 28.8 104.2C27.2 103.0 25.7 101.8 24.3 100.4C22.8 99.1 21.5 97.7 20.2 96.2C19.0 94.8 17.8 93.2 16.7 91.6C15.6 90.0 14.6 88.4 13.7 86.7C12.7 85.0 11.9 83.3 11.2 81.5C10.4 79.8 9.8 78.0 9.2 76.1C8.7 74.3 8.2 72.5 7.8 70.6C7.4 68.8 7.1 66.9 6.9 65.0C6.7 63.1 6.6 61.2 6.6 59.3C6.6 57.4 6.7 55.5 6.9 53.6C7.1 51.7 7.3 49.8 7.7 47.9C8.1 46.0 8.6 44.2 9.1 42.3C9.7 40.5 10.4 38.7 11.1 36.9C11.9 35.1 12.8 33.4 13.8 31.7C14.7 30.0 15.8 28.3 17.0 26.8C18.1 25.2 19.4 23.7 20.7 22.2C22.1 20.8 23.5 19.4 25.0 18.1C26.5 16.9 28.1 15.7 29.8 14.6C31.4 13.5 33.1 12.5 34.9 11.6C36.7 10.7 38.5 9.9 40.4 9.2C42.2 8.5 44.1 7.9 46.1 7.3C48.0 6.7 49.9 6.2 51.9 5.9C53.9 5.5 55.9 5.3 57.9 5.1C59.9 5.0 61.9 5.0 64.0 5.0C66.0 5.1 68.0 5.3 70.0 5.6C72.0 5.9 74.0 6.3 76.0 6.8C78.0 7.3 79.9 7.9 81.8 8.6C83.8 9.3 85.7 10.1 87.5 11.0C89.3 11.9 91.1 12.9 92.9 14.0C94.6 15.1 96.3 16.3 98.0 17.5C99.6 18.8 101.2 20.2 102.7 21.6C104.2 23.1 106.2 25.4 106.9 26.2' fill='none' stroke='%236392bb' stroke-width='3.2' stroke-linecap='round' stroke-opacity='.8'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
/* "Contact" subheading: dark green and bold, like "Our services include:" */
.profile-body .h-sub{color:var(--green);font-weight:700}
/* previous / next buttons: outlined in the deep blue (Cathy, 2026-10-16; brown in v46) */
.profile-pager .btn-secondary{color:var(--sky-deep);border-color:var(--sky-deep)}
.profile-pager .btn-secondary:hover{background:rgba(69,117,158,.1)}
/* profile photo: soft blue offset tint like the team grid, instead of the solid dark-green bar (Cathy, 2026-10-16) */
.profile-photo .photo-frame{overflow:visible;border-bottom:0;background:none;isolation:isolate}
.profile-photo .photo-frame img{border-radius:12px;position:relative}
.profile-photo .photo-frame::before{content:"";position:absolute;inset:0;border-radius:14px;transform:translate(12px,12px);background:var(--sky-soft);z-index:-1}
/* page title with the hand-drawn orange double underline under the whole title (Let's Talk: "Contact Us") */
.page-title .hand-underline{padding-bottom:.1em;margin-bottom:.12em}
.page-title .hand-underline .lyr-underline{left:-.05em;bottom:-.22em;width:calc(100% + .1em);height:.32em;color:var(--coral-soft)} /* lightest orange in the palette (Cathy) */
#talk-h .hand-marker .lyr-marker{color:var(--coral-soft);left:-.1em;right:-.14em} /* soft orange highlight over "Let's Talk" on the form card */
/* Policy Dashboard headline: "your state" on the hand-drawn marker, in the same light blue the old pill used (Cathy, 2026-10-16) */
.pd-marker .lyr-marker{color:var(--sky);left:-.1em;right:-.12em;top:.16em;height:.84em}
/* Policy Dashboard advisors: hand-drawn pen rings like the home page team photos (Cathy, 2026-10-16):
   same four ring drawings and colors, offset tinted fill, thinner washed-out lines (was a solid dark-green border) */
.pd-team .ring-photo{position:relative;display:block;width:132px;padding:6px;margin-bottom:14px;isolation:isolate}
.pd-team .ring-photo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:0;margin:0;filter:grayscale(1)}
.pd-team .ring-photo::before{content:"";position:absolute;inset:7%;border-radius:50%;transform:translate(3%,3.5%);background:var(--ring-fill);z-index:-1}
.pd-team .ring-photo::after{content:"";position:absolute;inset:0;background:var(--ring) center/contain no-repeat;opacity:.7;pointer-events:none}
.pd-team .person:nth-child(1) .ring-photo{--ring-fill:#dce7f0;--ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath transform='rotate(0 50 50)' d='M34.8 8.9C36.5 8.5 41.4 7.1 44.8 6.8C48.2 6.4 51.7 6.4 55.0 6.7C58.4 7.0 61.8 7.7 65.1 8.7C68.3 9.8 71.6 11.2 74.5 12.9C77.5 14.6 80.3 16.8 82.8 19.2C85.3 21.6 87.5 24.3 89.3 27.3C91.1 30.2 92.6 33.5 93.6 36.7C94.7 40.0 95.3 43.5 95.5 47.0C95.6 50.4 95.4 53.9 94.7 57.3C94.1 60.7 93.0 64.0 91.7 67.1C90.3 70.3 88.5 73.3 86.4 76.0C84.4 78.7 82.0 81.3 79.4 83.5C76.7 85.7 73.8 87.7 70.8 89.2C67.7 90.8 64.4 92.0 61.1 92.8C57.7 93.7 54.2 94.1 50.8 94.1C47.4 94.2 43.8 93.8 40.5 93.1C37.2 92.3 33.8 91.2 30.7 89.7C27.7 88.2 24.7 86.4 22.0 84.3C19.3 82.2 16.8 79.8 14.6 77.1C12.5 74.5 10.5 71.6 9.0 68.5C7.5 65.5 6.2 62.2 5.5 58.8C4.7 55.5 4.3 52.0 4.3 48.5C4.4 45.1 4.8 41.5 5.8 38.2C6.7 34.9 8.1 31.6 9.8 28.6C11.5 25.6 13.6 22.7 15.9 20.1C18.2 17.5 20.9 15.1 23.7 13.1C26.5 11.1 29.7 9.3 32.9 7.9C36.2 6.6 39.6 5.5 43.1 4.8C46.6 4.1 50.3 3.8 53.9 3.9C57.5 3.9 63.0 4.9 64.8 5.1' fill='none' stroke='%236392bb' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.pd-team .person:nth-child(2) .ring-photo{--ring-fill:#d5e8e2;--ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath transform='rotate(140 50 50)' d='M34.8 9.0C36.5 8.6 41.4 6.9 44.8 6.4C48.2 5.9 51.7 5.7 55.1 6.0C58.6 6.2 62.1 6.8 65.4 7.9C68.7 8.9 72.0 10.4 75.0 12.2C78.0 14.0 80.8 16.3 83.2 18.8C85.6 21.3 87.8 24.2 89.5 27.2C91.2 30.2 92.5 33.5 93.4 36.8C94.3 40.1 94.8 43.6 94.9 47.0C95.0 50.4 94.7 53.9 94.0 57.2C93.4 60.5 92.4 63.8 91.0 66.9C89.7 70.0 88.0 73.0 86.0 75.7C84.0 78.4 81.7 81.0 79.2 83.3C76.6 85.5 73.7 87.6 70.7 89.2C67.7 90.8 64.4 92.1 61.1 93.0C57.8 93.9 54.2 94.4 50.8 94.5C47.3 94.5 43.8 94.2 40.4 93.5C37.0 92.8 33.6 91.6 30.5 90.2C27.4 88.7 24.4 86.8 21.7 84.7C18.9 82.6 16.4 80.1 14.3 77.4C12.1 74.8 10.2 71.8 8.7 68.7C7.3 65.6 6.1 62.2 5.4 58.9C4.7 55.5 4.5 52.0 4.6 48.5C4.8 45.1 5.4 41.6 6.4 38.4C7.4 35.1 8.9 31.9 10.5 29.0C12.2 26.0 14.3 23.3 16.6 20.7C18.8 18.1 21.3 15.7 24.0 13.6C26.8 11.5 29.8 9.6 33.0 8.1C36.2 6.6 39.6 5.4 43.1 4.5C46.6 3.7 50.3 3.2 53.9 3.1C57.6 3.1 63.2 4.1 65.1 4.3' fill='none' stroke='%23004643' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.pd-team .person:nth-child(3) .ring-photo{--ring-fill:#f8ecd0;--ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath transform='rotate(250 50 50)' d='M34.7 8.5C36.3 8.1 41.3 6.6 44.7 6.2C48.2 5.8 51.7 5.8 55.1 6.2C58.5 6.6 61.9 7.4 65.1 8.6C68.4 9.7 71.5 11.2 74.4 13.0C77.3 14.8 80.1 17.0 82.6 19.4C85.0 21.8 87.2 24.5 89.1 27.4C90.9 30.3 92.5 33.5 93.6 36.8C94.7 40.0 95.4 43.5 95.7 47.0C95.9 50.4 95.8 54.0 95.1 57.4C94.5 60.7 93.4 64.2 92.0 67.3C90.5 70.4 88.6 73.4 86.5 76.1C84.4 78.7 81.8 81.2 79.2 83.3C76.5 85.4 73.5 87.2 70.5 88.7C67.4 90.2 64.2 91.3 60.9 92.2C57.6 93.0 54.2 93.5 50.8 93.7C47.4 93.8 43.9 93.6 40.5 93.0C37.1 92.4 33.7 91.5 30.5 90.1C27.4 88.8 24.2 87.0 21.5 84.9C18.7 82.9 16.1 80.4 14.0 77.7C11.8 75.0 9.9 71.9 8.5 68.8C7.1 65.6 6.0 62.2 5.4 58.9C4.8 55.5 4.6 52.0 4.8 48.5C5.0 45.1 5.6 41.7 6.5 38.4C7.5 35.2 8.9 32.0 10.5 29.0C12.1 26.0 14.1 23.1 16.3 20.5C18.5 17.8 21.0 15.3 23.7 13.1C26.5 11.0 29.6 9.1 32.8 7.6C36.0 6.1 39.5 5.0 43.0 4.3C46.6 3.6 50.3 3.2 53.9 3.4C57.6 3.5 63.0 4.7 64.9 4.9' fill='none' stroke='%23d4a73f' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.pd-team .person:nth-child(4) .ring-photo{--ring-fill:#f7e0d6;--ring:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath transform='rotate(40 50 50)' d='M34.6 8.4C36.3 8.0 41.3 6.5 44.7 6.0C48.1 5.6 51.7 5.6 55.1 5.9C58.6 6.2 62.1 6.9 65.3 8.0C68.6 9.1 71.9 10.6 74.8 12.4C77.8 14.3 80.6 16.5 83.0 18.9C85.5 21.4 87.6 24.3 89.4 27.2C91.1 30.2 92.5 33.5 93.4 36.8C94.4 40.1 94.9 43.6 95.0 47.0C95.1 50.4 94.7 53.9 94.1 57.2C93.4 60.5 92.3 63.8 90.9 66.8C89.5 69.9 87.8 72.8 85.8 75.5C83.8 78.2 81.5 80.8 79.0 83.0C76.4 85.3 73.6 87.4 70.7 89.0C67.7 90.7 64.4 92.1 61.1 93.1C57.8 94.1 54.3 94.7 50.8 94.9C47.3 95.0 43.7 94.8 40.3 94.1C36.8 93.4 33.4 92.2 30.3 90.7C27.1 89.2 24.1 87.2 21.4 85.0C18.8 82.8 16.3 80.2 14.3 77.4C12.3 74.7 10.5 71.6 9.2 68.5C7.8 65.4 6.8 62.0 6.1 58.7C5.5 55.4 5.2 51.9 5.4 48.6C5.5 45.2 6.0 41.8 6.8 38.5C7.7 35.2 9.0 32.0 10.6 29.0C12.2 26.0 14.1 23.1 16.3 20.5C18.5 17.8 21.0 15.3 23.7 13.1C26.4 10.9 29.5 9.0 32.8 7.6C36.0 6.1 39.5 4.9 43.0 4.1C46.5 3.4 50.3 3.0 53.9 3.0C57.6 3.1 63.2 4.2 65.0 4.4' fill='none' stroke='%23d9704c' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
/* Policy Dashboard engagement steps (dark section): icons in the light blue so they stand out against the dark
   green; dark-green glyphs read clearly on the blue (Cathy, 2026-10-16) */
.cycle-step .ico{--ico-bg:var(--sky)}
.cycle-step .ico .ico-g{fill:var(--green)}
.cycle-step .ico .ico-st{stroke:var(--green)}
/* Analytics Tools page titles: the hand-drawn wash marker behind the whole title, in the light blue the old banner used (Cathy, 2026-10-16) */
.page-title .title-marker-blue .lyr-marker{color:var(--sky);top:.16em;height:.84em}