/* Metric-matched fallbacks: system fonts sized to Figtree and Literata so text does not
   reflow when the web fonts swap in (values measured in Chromium, this cut the layout shift). */
@font-face { font-family: "Figtree Fallback"; font-weight: 400 500; src: local("Arial"), local("Helvetica"), local("Liberation Sans"); size-adjust: 100%; ascent-override: 95%; descent-override: 25%; line-gap-override: 0%; }
@font-face { font-family: "Figtree Fallback"; font-weight: 600 800; src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold"), local("Liberation Sans Bold"); size-adjust: 96%; ascent-override: 99%; descent-override: 26%; line-gap-override: 0%; }
@font-face { font-family: "Literata Fallback"; font-weight: 400 500; src: local("Georgia"), local("Times New Roman"), local("Liberation Serif"); size-adjust: 106%; ascent-override: 111%; descent-override: 29%; line-gap-override: 0%; }
@font-face { font-family: "Literata Fallback"; font-weight: 600 700; src: local("Georgia Bold"), local("Georgia-Bold"), local("Times New Roman Bold"), local("Liberation Serif Bold"); size-adjust: 94.6%; ascent-override: 125%; descent-override: 33%; line-gap-override: 0%; }
@font-face { font-family: "Literata Fallback"; font-style: italic; font-weight: 300 580; src: local("Georgia Italic"), local("Georgia-Italic"), local("Times New Roman Italic"), local("Liberation Serif Italic"); size-adjust: 102%; ascent-override: 115.5%; descent-override: 30%; line-gap-override: 0%; }
@font-face { font-family: "Literata Fallback"; font-style: italic; font-weight: 581 700; src: local("Georgia Bold Italic"), local("Georgia-BoldItalic"), local("Times New Roman Bold Italic"), local("Liberation Serif Bold Italic"); size-adjust: 89%; ascent-override: 132.5%; descent-override: 34.5%; line-gap-override: 0%; }
/* Desktop hero title only: Literata is narrower at display sizes (optical sizing), so its roman fallback needs a smaller size-adjust there. */
@font-face { font-family: "Literata Hero Fallback"; font-weight: 300 700; src: local("Georgia Bold"), local("Georgia-Bold"), local("Times New Roman Bold"), local("Liberation Serif Bold"); size-adjust: 92.5%; ascent-override: 127.6%; descent-override: 33.3%; line-gap-override: 0%; }
@font-face { font-family: "Literata Hero Fallback"; font-style: italic; font-weight: 300 700; src: local("Georgia Italic"), local("Georgia-Italic"), local("Times New Roman Italic"), local("Liberation Serif Italic"); size-adjust: 102%; ascent-override: 115.5%; descent-override: 30%; line-gap-override: 0%; }

/*
 * Abbey Total Care — design tokens. SINGLE SOURCE for all 12 sites.
 * Edit colours, fonts, sizes, spacing, radius and shadows HERE ONLY, then run:
 *   python3 _shared/tools/sync_css.py
 * Changing a hex colour? Also update its matching -rgb token below (same colour as "R, G, B").
 */

/* from style.css */
:root {
  --acc-fixed-actions-right: 104px;
  --acc-mobile-action-clearance: 4.6rem;
  /* Minimal callback widget, shared across all 12 websites. */
  --acc-chat-edge: 1.5rem;
  --acc-chat-bottom: 1.5rem;
  --acc-chat-mobile-edge: 0.75rem;
  --acc-chat-mobile-bottom: 4.95rem;
  --acc-chat-launcher-size: 4.5rem;
  --acc-chat-width: 25rem;
  --acc-chat-padding: 1.25rem;
  --acc-chat-gap: 1rem;
  --acc-chat-label-gap: 0.375rem;
  --acc-chat-radius: 1rem;
  --acc-chat-title-size: 1.1875rem;
  --acc-chat-copy-size: 0.9375rem;
  --acc-chat-small-size: 0.875rem;
  --acc-chat-input-size: 1.0625rem;
  --acc-chat-icon-size: 1.5rem;
  --acc-chat-target: 3rem;
  --acc-chat-control-height: 3.25rem;
  --acc-chat-input-padding: 0.6875rem 0.75rem;
  --acc-chat-rule: 1px;
  --acc-chat-underline-offset: 0.15em;
  --acc-chat-error: var(--acc-error);
  --acc-chat-mascot-body: var(--acc-forest);
  --acc-chat-mascot-light: var(--acc-leaf-sage);
  --acc-chat-mascot-eye: var(--acc-surface);
  --acc-chat-mascot-pupil: var(--acc-brand-950);
  /* Contact forms: calm, readable layouts with persistent labels. */
  --acc-enquiry-width: 52rem;
  --acc-enquiry-section-y: clamp(2rem, 4vw, 4rem);
  --acc-enquiry-padding: clamp(1.25rem, 4vw, 3rem);
  --acc-enquiry-gap: 1.25rem;
  --acc-enquiry-header-gap: 2rem;
  --acc-enquiry-label-gap: 0.5rem;
  --acc-enquiry-control-padding: 0.875rem 1rem;
  --acc-enquiry-control-height: 3.5rem;
  --acc-enquiry-message-height: 9rem;
  --acc-enquiry-label-size: 1.0625rem;
  --acc-enquiry-input-size: 1.125rem;
  --acc-enquiry-note-size: 0.9375rem;
  --acc-enquiry-title-size: clamp(1.875rem, 1.5rem + 1.5vw, 2.5rem);
  --acc-enquiry-leading: 1.65;
  --acc-enquiry-control-leading: 1.5;
  --acc-enquiry-title-leading: 1.2;
  --acc-enquiry-radius: 1rem;
  --acc-enquiry-control-radius: 0.625rem;
  --acc-enquiry-border-width: 1px;
  --acc-enquiry-field-border: var(--acc-ink-400);
  --acc-enquiry-focus-width: 3px;
  --acc-enquiry-focus-offset: 3px;
  /* Compact News & Advice pages and homepage previews, shared by all sites. */
  --acc-journal-paper: var(--acc-warm-grey);
  --acc-journal-copy: var(--acc-ink-700);
  --acc-journal-muted: var(--acc-ink-500);
  --acc-journal-rule: var(--acc-divider);
  --acc-journal-title-size: clamp(2.125rem, 1.6rem + 2vw, 3.5rem);
  --acc-journal-feature-size: clamp(1.625rem, 1.2rem + 1vw, 2.375rem);
  --acc-journal-section-size: clamp(1.375rem, 1.1rem + 0.7vw, 1.875rem);
  --acc-journal-preview-size: clamp(1.25rem, 1rem + 0.5vw, 1.625rem);
  --acc-journal-body-size: 1.125rem;
  --acc-journal-small-size: 0.9375rem;
  --acc-journal-label-size: 0.875rem;
  --acc-journal-copy-leading: 1.7;
  --acc-journal-title-leading: 1.18;
  --acc-journal-track: 0.06em;
  --acc-journal-xs: 0.375rem;
  --acc-journal-sm: 0.75rem;
  --acc-journal-md: 1rem;
  --acc-journal-lg: 1.5rem;
  --acc-journal-xl: 2rem;
  --acc-journal-flow: clamp(2rem, 1.4rem + 1.5vw, 3rem);
  --acc-journal-head-y: clamp(1.5rem, 1rem + 1.6vw, 2.75rem);
  --acc-journal-preview-y: clamp(2.25rem, 1.5rem + 2vw, 3.75rem);
  --acc-journal-grid-gap: clamp(1.5rem, 1rem + 2vw, 3.5rem);
  --acc-journal-radius: 0.875rem;
  --acc-journal-reading-width: 68ch;
  --acc-journal-title-width: 15.22em;
  --acc-journal-intro-width: 25ch;
  --acc-journal-article-width: 60rem;
  --acc-journal-preview-image: 11rem;
  --acc-journal-target: 48px;
  --acc-journal-border-width: 1px;
  --acc-journal-focus-width: 3px;
  --acc-journal-focus-offset: 4px;
  --acc-journal-skip-layer: 12000;
  --acc-journal-image-height: 26rem;
  --acc-journal-mobile-image-height: 16rem;
  /* Tree in leaf (Nov 2026): every colour comes from the logo's leaves.
   * Amber fill + navy label = contact action (7.2:1). Plum = section headings and explore actions.
   * Navy = H1, footer, strong text. Ink 700 = body (9.6:1 or better on every band).
   * Orange is the amber hover fill only, never text (2.4:1 on white). */
  --acc-ink-900: #16222e;
  --acc-ink-700: #2f3f48;
  --acc-ink-500: #4a5a62;
  --acc-ink-400: #6b7a86;

  --acc-brand-950: #142536;
  --acc-brand-900: #1c3144;
  --acc-brand-800: #23405a;
  --acc-brand-700: #2a4a66;
  --acc-brand-500: #345a7a;

  --acc-gold-400: #fcc461;
  --acc-gold-500: #fbb039;
  --acc-gold-600: #f3a629;
  --acc-gold-700: #b8760f; /* stars/icons on light surfaces: 3.7:1 on white */
  --acc-gold-800: #96600c; /* amber as text on light surfaces: 5.3:1 on white, 4.9:1 on cream */

  --acc-plum: #8d3b72;
  --acc-plum-700: #75305f;
  --acc-blush: #f7f0e4; /* Champagne: the warm ground under the hero and warm bands. */
  --acc-hero-ground: radial-gradient(70rem 40rem at 82% 8%, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0) 68%), var(--acc-blush);
  --acc-hairline-gold: rgba(var(--acc-gold-600-rgb), 0.55);
  --acc-hairline-gold-soft: rgba(var(--acc-gold-600-rgb), 0.3);
  --acc-shadow-film: 0 2.25rem 3.5rem -2rem rgba(var(--acc-brand-950-rgb), 0.48), 0 0.75rem 1.5rem -1rem rgba(var(--acc-brand-950-rgb), 0.22);
  --acc-btn-gold: linear-gradient(180deg, var(--acc-gold-400) 0%, var(--acc-gold-500) 100%);
  --acc-chat-bubble: linear-gradient(135deg, var(--acc-brand-800) 0%, var(--acc-brand-950) 100%);
  --acc-chat-sheen: linear-gradient(100deg, transparent 25%, rgba(255, 255, 255, 0.2) 50%, transparent 75%);
  --acc-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --acc-icon-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z'/%3E%3C/svg%3E");
  --acc-icon-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z'/%3E%3C/svg%3E");
  --acc-icon-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E");
  --acc-sage: #ecf3ec;
  --acc-sand: #fbf0dd;

  /* Section bands: one soft tint per logo leaf, so two neighbouring sections never share a colour.
   * Navy ink on each 11.9:1 or better; every heading highlight 6.1:1 or better. */
  --acc-band-sage: #eef5ef;
  --acc-band-sky: #edf3f8;
  --acc-band-oat: #f8f2e6;
  --acc-band-peach: #fdf1e7;
  --acc-band-plum: #f8f0f5;
  --acc-band-evergreen: #0f3b2c; /* article help card: white 12.5:1, gold-400 7.9:1 */
  --acc-band-evergreen-rgb: 15, 59, 44;

  /* Two-tone headings: the key phrase takes a logo leaf colour chosen per section (components.css), gold on dark bands.
   * Plum, blue, clay, forest and burgundy each measure 6.1:1 or better on every light band; plum 5.7:1 at the darkest hero wash stop. */
  --acc-hl: var(--acc-plum-700);
  --acc-hl-on-dark: var(--acc-gold-400);

  /* News cards, article rail and the homepage teaser. */
  --acc-journal-card-radius: 1.25rem;
  --acc-journal-card-img-top: calc(1.25rem - 1px) calc(1.25rem - 1px) 0 0;  /* photo on top of a card, inside its 1px border */
  --acc-journal-card-img-side: calc(1.25rem - 1px) 0 0 calc(1.25rem - 1px); /* photo on the left of a card */
  --acc-journal-card-pad: clamp(1.25rem, 1rem + 0.6vw, 1.625rem);
  --acc-journal-card-gap: clamp(1.25rem, 0.9rem + 1.2vw, 2rem);
  --acc-journal-card-title-size: clamp(1.1875rem, 1.05rem + 0.35vw, 1.375rem);
  --acc-journal-card-title-compact: 1.1875rem; /* four cards across */
  --acc-journal-card-pad-compact: 1.25rem;
  --acc-journal-lead-title-size: clamp(1.375rem, 1.1rem + 0.9vw, 2rem);
  --acc-journal-mini-title-size: 1rem;
  --acc-journal-mini-thumb: 5.5rem;
  --acc-journal-mini-thumb-radius: 0.625rem; /* card radius minus the mini card's padding, so the corners nest */
  --acc-journal-rail-width: 21rem;
  --acc-journal-chip-size: 0.9375rem;
  --acc-journal-lift: -3px;
  /* Our Journey timeline (group About page). */
  --acc-journey-year-size: clamp(2rem, 1.5rem + 2.6vw, 3.5rem);
  --acc-journey-marker: 1.125rem;
  --acc-journey-marker-halo: 0.3125rem;
  --acc-journey-spine: 0.1875rem;
  --acc-journey-row-gap: clamp(2rem, 1.4rem + 2.4vw, 4rem);
  --acc-journey-column-gap: clamp(1rem, 0.5rem + 2.6vw, 3.5rem);
  --acc-journey-icon: 2.75rem;
  --acc-journey-title-size: clamp(1.25rem, 1.15rem + 0.45vw, 1.5rem);
  /* Homepage hero sky: four colour washes that fade into each other without stopping, one logo leaf family each,
   * behind the logo tree. Darkest stop keeps navy ink at 8.5:1 and the plum highlight at 5.7:1 or better. */
  --acc-hero-wash-time: 32s;
  --acc-hero-wash-a: radial-gradient(78% 68% at 88% 6%, #fbc79c, transparent 72%), radial-gradient(70% 62% at 6% 94%, #fcdc98, transparent 72%), linear-gradient(140deg, #fff5e8, #fde6d1);
  --acc-hero-wash-b: radial-gradient(78% 68% at 10% 8%, #bfe0c9, transparent 72%), radial-gradient(70% 62% at 94% 92%, #e4ecbf, transparent 72%), linear-gradient(140deg, #f2f9f1, #e1f0e4);
  --acc-hero-wash-c: radial-gradient(78% 68% at 88% 92%, #bbd7ee, transparent 72%), radial-gradient(70% 62% at 8% 6%, #dcdcf3, transparent 72%), linear-gradient(140deg, #f2f8fc, #dfecf7);
  --acc-hero-wash-d: radial-gradient(78% 68% at 8% 90%, #eac3dc, transparent 72%), radial-gradient(70% 62% at 92% 8%, #f9cfc6, transparent 72%), linear-gradient(140deg, #fdf3f7, #f7e2ed);
  --acc-hero-film-radius: var(--acc-radius-lg);
  /* Homepage hero fit (components.css). */
  --acc-hero-nav-overlap: 1.0625rem; /* home-site logo bars hang this far past the space the page reserves for the header */
  --acc-hero-gap: clamp(1.5rem, 4.5vh, 3.5rem); /* smallest space above and below the film */
  --acc-hero-gap-largest: 8.5rem; /* largest space above and below the film: taller screens show the next section instead */
  --acc-hero-film-tallest: 1.25; /* film's greatest height, as a multiple of its width */
  --acc-hero-title-short: 1.875rem; /* hero title on phones held sideways */
  /* Footer: black, white words; a deeper black for the legal line. White on the footer 19.6:1, soft white 14.4:1. */
  --acc-footer-bg: #0b0c0e;
  --acc-footer-bar: #000000;
  --acc-footer-ink: #ffffff;
  --acc-footer-ink-soft: rgba(255, 255, 255, 0.86);
  --acc-footer-rule: rgba(255, 255, 255, 0.16);
  --acc-footer-tile: rgba(255, 255, 255, 0.1);
  /* Abbey Care Moments: photo story layout. */
  --acc-moments-gap: clamp(2.25rem, 1.5rem + 3vw, 4rem);
  --acc-moments-h2: clamp(1.5rem, 1.3rem + 0.9vw, 2rem);
  --acc-moments-h3: clamp(1.25rem, 1.15rem + 0.4vw, 1.4375rem);
  --acc-moments-pad: clamp(1.5rem, 1rem + 2vw, 2.75rem);
  --acc-moments-photo-radius: var(--acc-radius-md);
  --acc-moments-panel-radius: var(--acc-radius-lg);
  --acc-moments-mast: linear-gradient(115deg, var(--acc-tile-amber) 0%, var(--acc-tile-peach) 100%);
  --acc-moments-tall-column: 0.956fr; /* portrait beside two stacked landscapes: their heights match, nothing cropped */
  --acc-hero-tree-opacity: 0.17;
  --acc-hero-tree-opacity-sm: 0.13;
  --acc-ease-in-out-sine: cubic-bezier(0.37, 0, 0.63, 1); /* easeInOutSine: ambient sway and drift only */

  --acc-plum-900: #5c2049; /* the one dark moment per page: white 11.9:1, amber 6.5:1 */
  --acc-orange: #f88d21;
  --acc-forest: #006127;
  --acc-brown: #814c37;
  --acc-burgundy: #6e0d25;
  --acc-leaf-sage: #629c79;
  --acc-logo-blue: #3b6e9c;
  --acc-leaf-blue: #2f5d85;

  /* Icon tiles: logo leaf tint + leaf colour, all 4.5:1 or better. Each tile is two-toned like a logo leaf. */
  --acc-tile-plum: #f6e6f0;
  --acc-tile-plum-2: #efd8e7;
  --acc-tile-amber: #fdeccb;
  --acc-tile-amber-2: #fbe0ad;
  --acc-tile-sage: #e4f0e8;
  --acc-tile-sage-2: #d3e6da;
  --acc-tile-blue: #e6eff6;
  --acc-tile-blue-2: #d5e4f0;
  --acc-tile-berry: #f7e6ea;
  --acc-tile-berry-2: #f0d5dc;
  --acc-tile-peach: #fde7d6;   /* logo orange, softened: replaces plum tiles */
  --acc-tile-peach-2: #fbd6b8;
  --acc-tile-stone: #efeae3;
  --acc-tile-stone-2: #e2dace;
  --acc-clay: #963f0c;         /* ink on peach-2: 5.1:1 */

  /* The logo's diagonal leaf: two sharp tips, two rounded shoulders. */
  --acc-leaf-btn: 0.375rem 1.25rem 0.375rem 1.25rem; /* every button */
  --acc-leaf-sm: 3px 1.125rem 3px 1.125rem;
  --acc-leaf-md: 4px 2.25rem 4px 2.25rem;
  --acc-leaf-lg: 6px clamp(2.75rem, 2rem + 3vw, 5rem) 6px clamp(2.75rem, 2rem + 3vw, 5rem);

  /* Faint tree canopy: the logo's own leaf paths, used in the hero and closing bands only. */
  --acc-canopy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 258 260'%3E%3Cpath d='M125.8 0.3V86.1L105.6 59.8C102.6 55.9 102.0 50.7 104.1 46.3L125.8 0.3Z' fill='%238d3b72'/%3E%3Cpath d='M125.8 0.3V86.1L146.1 59.8C149.0 55.9 149.6 50.7 147.5 46.3L125.8 0.3Z' fill='%236e0d25'/%3E%3Cpath d='M73.5 68.0L109.6 125.9L86.4 117.3C81.8 115.6 78.6 111.4 78.0 106.6L73.5 68.0Z' fill='%23629c79'/%3E%3Cpath d='M73.5 68.0L109.6 125.9L112.0 101.3C112.5 96.4 110.2 91.7 106.1 89.1L73.5 68.0Z' fill='%23006127'/%3E%3Cpath d='M162.4 72.3V140.5L147.3 120.9C144.3 117.1 143.8 111.8 145.9 107.4L162.4 72.3Z' fill='%23629c79'/%3E%3Cpath d='M162.4 72.3V140.5L177.5 120.9C180.5 117.1 181.0 111.8 179.0 107.4L162.4 72.3Z' fill='%23006127'/%3E%3Cpath d='M246.0 169.2L173.2 169.2L194.5 152.8C198.4 149.8 203.7 149.2 208.1 151.3L246.0 169.2Z' fill='%23629c79'/%3E%3Cpath d='M246.0 169.2L173.2 169.2L194.5 185.7C198.4 188.6 203.7 189.2 208.1 187.1L246.0 169.2Z' fill='%23006127'/%3E%3Cpath d='M13.9 176.2L49.5 176.2L42.3 181.7C38.4 184.7 33.2 185.3 28.7 183.2L13.9 176.2Z' fill='%23629c79'/%3E%3Cpath d='M13.9 176.2L49.5 176.2L42.3 170.6C38.4 167.7 33.2 167.1 28.7 169.2L13.9 176.2Z' fill='%23006127'/%3E%3Cpath d='M202.1 243.6L158.3 199.8L179.9 202.6C184.7 203.2 188.8 206.5 190.5 211.1L202.1 243.6Z' fill='%23fbb039'/%3E%3Cpath d='M202.1 243.6L158.3 199.8L161.1 221.3C161.8 226.2 165.1 230.3 169.7 231.9L202.1 243.6Z' fill='%23f88d21'/%3E%3Cpath d='M69.9 252.3L96.4 225.9L95.1 235.8C94.5 240.6 91.2 244.7 86.6 246.4L69.9 252.3Z' fill='%23fbb039'/%3E%3Cpath d='M75.9 235.7L69.9 252.3L83.2 239.1L96.4 225.9L86.5 227.1C81.7 227.8 77.6 231.1 75.9 235.7Z' fill='%23f88d21'/%3E%3Cpath d='M147.7 132.0V164.4L143.0 158.4C140.0 154.5 139.5 149.3 141.6 144.9L147.7 132.0Z' fill='%23fbb039'/%3E%3Cpath d='M147.7 132.0V164.4L152.3 158.4C155.3 154.5 155.9 149.3 153.8 144.9L147.7 132.0Z' fill='%23f88d21'/%3E%3Cpath d='M257.0 139.9L224.6 139.9L230.6 135.3C234.5 132.3 239.7 131.7 244.1 133.8L257.0 139.9Z' fill='%23fbb039'/%3E%3Cpath d='M257.0 139.9L224.6 139.9L230.6 144.5C234.5 147.5 239.7 148.1 244.1 146.0L257.0 139.9Z' fill='%23f88d21'/%3E%3Cpath d='M186.5 28.5L186.8 84.8L175.1 69.8C172.1 65.9 171.5 60.7 173.5 56.2L186.5 28.5Z' fill='%23fbb039'/%3E%3Cpath d='M186.5 28.5L186.8 84.8L198.3 69.6C201.3 65.8 201.8 60.5 199.7 56.1L186.5 28.5Z' fill='%23f88d21'/%3E%3Cpath d='M48.6 22.3L88.4 62.2L69.5 59.7C64.7 59.1 60.6 55.8 58.9 51.2L48.6 22.3Z' fill='%233b6e9c'/%3E%3Cpath d='M48.6 22.3L88.4 62.2L86.0 43.3C85.3 38.4 82.0 34.4 77.4 32.7L48.6 22.3Z' fill='%231c3144'/%3E%3Cpath d='M113.4 129.8V191.6L100.2 174.4C97.2 170.5 96.6 165.3 98.7 160.9L113.4 129.8Z' fill='%233b6e9c'/%3E%3Cpath d='M113.4 129.8V191.6L126.6 174.4C129.6 170.5 130.1 165.3 128.1 160.9L113.4 129.8Z' fill='%231c3144'/%3E%3Cpath d='M246.2 204.1L203.4 204.1L213.3 196.4C217.2 193.4 222.4 192.9 226.9 195.0L246.2 204.1Z' fill='%233b6e9c'/%3E%3Cpath d='M246.2 204.1L203.4 204.1L213.3 211.7C217.2 214.7 222.4 215.3 226.9 213.2L246.2 204.1Z' fill='%231c3144'/%3E%3Cpath d='M221.9 53.8L236.6 48.5L224.4 60.7L212.2 72.9L213.3 64.4C214.0 59.6 217.3 55.5 221.9 53.8Z' fill='%233b6e9c'/%3E%3Cpath d='M236.6 48.5L212.2 72.9L220.7 71.8C225.6 71.1 229.6 67.8 231.3 63.2L236.6 48.5Z' fill='%231c3144'/%3E%3Cpath d='M164.5 10.1V44.5L159.3 37.7C156.3 33.8 155.7 28.6 157.8 24.2L164.5 10.1Z' fill='%233b6e9c'/%3E%3Cpath d='M164.5 10.1V44.5L169.7 37.7C172.7 33.8 173.2 28.6 171.1 24.2L164.5 10.1Z' fill='%231c3144'/%3E%3Cpath d='M0.3 107.2L53.1 160.0L25.5 156.4C20.6 155.8 16.5 152.5 14.9 147.9L0.3 107.2Z' fill='%233b6e9c'/%3E%3Cpath d='M0.3 107.2L53.1 160.0L49.5 132.4C48.8 127.6 45.5 123.5 40.9 121.8L0.3 107.2Z' fill='%231c3144'/%3E%3Cpath d='M19.7 68.2L59.5 108.0L40.6 105.5C35.8 104.9 31.7 101.6 30.0 97.0L19.7 68.2Z' fill='%23fbb039'/%3E%3Cpath d='M19.7 68.2L59.5 108.0L57.0 89.1C56.4 84.3 53.1 80.2 48.5 78.5L19.7 68.2Z' fill='%23f88d21'/%3E%3Cpath d='M95.9 7.2V36.3L92.2 31.6C89.2 27.7 88.7 22.5 90.8 18.1L95.9 7.2Z' fill='%23fbb039'/%3E%3Cpath d='M95.9 7.2V36.3L99.5 31.6C102.5 27.7 103.1 22.5 101.0 18.1L95.9 7.2Z' fill='%23f88d21'/%3E%3Cpath d='M242.9 79.9L194.2 128.6L197.4 103.7C198.0 98.9 201.3 94.8 205.9 93.1L242.9 79.9Z' fill='%238d3b72'/%3E%3Cpath d='M242.9 79.9L194.1 128.6L219.0 125.4C223.9 124.7 228.0 121.4 229.6 116.8L242.9 79.9Z' fill='%236e0d25'/%3E%3Cpath d='M27.3 210.5L85.4 210.5L69.6 222.6C65.7 225.6 60.5 226.1 56.1 224.0L27.3 210.5Z' fill='%238d3b72'/%3E%3Cpath d='M27.3 210.5L85.4 210.5L69.6 198.3C65.7 195.4 60.5 194.8 56.1 196.9L27.3 210.5Z' fill='%236e0d25'/%3E%3Cpath d='M73.8 125.4V159.6L68.6 152.9C65.7 149.1 65.1 143.8 67.2 139.4L73.8 125.4Z' fill='%238d3b72'/%3E%3Cpath d='M73.8 125.4V159.6L78.9 152.9C81.9 149.1 82.5 143.8 80.4 139.4L73.8 125.4Z' fill='%236e0d25'/%3E%3C/svg%3E");

  --acc-surface: #ffffff;
  --acc-surface-rgb: 255, 255, 255;
  --acc-cream: #fdf8f3;
  --acc-mist: #eef3f7;
  --acc-border: #e6ddd3;

  --acc-error: #a62d35;
  --acc-error-bg: #fff2f2;
  --acc-success: #276342;
  --acc-success-bg: #eef4ef;

  --acc-shadow-sm: 0 1px 2px rgba(20, 37, 54, 0.06), 0 4px 16px rgba(20, 37, 54, 0.06);
  --acc-shadow-md: 0 2px 6px rgba(20, 37, 54, 0.05), 0 14px 36px rgba(20, 37, 54, 0.09);
  --acc-shadow-lg: 0 4px 12px rgba(20, 37, 54, 0.06), 0 24px 56px rgba(20, 37, 54, 0.14);

  --acc-radius-sm: 0.625rem;
  --acc-radius-md: 1rem;
  --acc-radius-lg: 1.5rem;
  --acc-radius-pill: 999px;

  /* Focus: navy ring with a white gap, visible on every light surface. */
  --acc-focus-ring: 0 0 0 3px #ffffff, 0 0 0 6px var(--acc-brand-900);
  --acc-focus-ring-dark: 0 0 0 3px var(--acc-brand-950), 0 0 0 6px #ffffff;

  --acc-navbar-h: 88px;
  /* Header: light sage bar with navy text, the life page hero pairing; navy button stays the one strong mark */
  --acc-nav-bg: var(--acc-sage);
  --acc-nav-line: var(--acc-tile-sage-2);
  --acc-nav-fill-hover: var(--acc-tile-sage-2);
  /* Warm hairline for the manager, FAQ and areas table sections */
  --acc-line-warm: #f1dcc7;
  --acc-nav-fill-active: var(--acc-surface);
  --acc-nav-shadow: 0 8px 24px rgba(var(--acc-brand-900-rgb), 0.09);
  --acc-container-max: 1220px;
  --acc-gutter: clamp(1rem, 0.4rem + 2.6vw, 2rem); /* one page margin at every width: 16px phone, 28px tablet, 32px desktop */
  --acc-quickbar-h: calc(4.3rem + env(safe-area-inset-bottom, 0px));
  --acc-section-y: clamp(3.4rem, 2.3rem + 3.2vw, 6.8rem);

  --acc-font-body: "Figtree", "Figtree Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  --acc-font-heading: "Literata", "Literata Fallback", Georgia, "Times New Roman", serif;
  --acc-font-heading-hero: "Literata", "Literata Hero Fallback", Georgia, "Times New Roman", serif;
  --acc-fw-heading: 560;
  --acc-track-heading: -0.01em;
  --acc-fs-body: clamp(1.125rem, 1.09rem + 0.15vw, 1.1875rem);
  --acc-fs-lead: clamp(1.1875rem, 1.12rem + 0.3vw, 1.375rem);
  --acc-fs-small: 1rem;
  --acc-fs-h1: clamp(2.375rem, 1.6rem + 2.6vw, 3.875rem);
  --acc-fs-h2: clamp(1.875rem, 1.45rem + 1.5vw, 2.75rem);
  --acc-fs-h3: clamp(1.3125rem, 1.2rem + 0.4vw, 1.5rem);
  --acc-fs-btn: 1.0625rem;
  --acc-btn-min-h: 52px;
  --acc-btn-min-h-sm: 44px;
  --acc-btn-min-h-lg: 56px;
  --acc-lh-body: 1.65;
  --acc-lh-tight: 1.16;
  --acc-reading-width: 68ch;

  /* Motion: quick, calm feedback. No bounce. */
  --acc-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --acc-dur-fast: 120ms;
  --acc-dur: 180ms;
  --acc-dur-slow: 240ms;
  --acc-press-scale: 0.98;
  --acc-transition: var(--acc-dur) var(--acc-ease-out);
}

/* rgb channel versions, used as rgba(var(--token-rgb), alpha) */
:root {
  --acc-border-rgb: 230, 221, 211;
  --acc-brand-500-rgb: 52, 90, 122;
  --acc-brand-700-rgb: 42, 74, 102;
  --acc-brand-800-rgb: 35, 64, 90;
  --acc-brand-900-rgb: 28, 49, 68;
  --acc-brand-950-rgb: 20, 37, 54;
  --acc-cream-rgb: 253, 248, 243;
  --acc-gold-500-rgb: 251, 176, 57;
  --acc-gold-600-rgb: 243, 166, 41;
  --acc-plum-rgb: 141, 59, 114;
  --acc-plum-900-rgb: 92, 32, 73;
  --acc-orange-rgb: 248, 141, 33;
  --acc-ink-900-rgb: 22, 34, 46;
  --acc-mist-rgb: 238, 243, 247;
  --acc-warm-amber-rgb: 251, 176, 57;
  --acc-warm-grey-rgb: 251, 249, 246;
}

/* from style.css — @media (max-width: 1199.98px) */
@media (max-width: 1199.98px) {
  :root {
    --acc-section-y: clamp(3rem, 2.4rem + 2.2vw, 4.8rem);
    --acc-fs-h1: clamp(2.125rem, 1.4rem + 2.2vw, 3.125rem);
    --acc-fs-h2: clamp(1.625rem, 1.25rem + 1.2vw, 2.25rem);
  }
}

/* from style.css — @media (max-width: 991.98px) */
@media (max-width: 991.98px) {
  :root {
    --acc-navbar-h: 72px;
    --acc-fs-body: 1.0625rem;
  }
}

/* from style.css — @media (max-width: 767.98px) */
@media (max-width: 767.98px) {
  :root {
    --acc-fs-body: 1.0625rem;
    --acc-section-y: clamp(2.75rem, 2.2rem + 2.2vw, 3.75rem);
    --acc-fs-h1: clamp(2rem, 1.5rem + 2.2vw, 2.5rem);
    --acc-fs-h2: clamp(1.625rem, 1.3rem + 1.4vw, 2rem);
    --acc-fs-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.4375rem);
    --acc-btn-min-h: 48px;
    --acc-btn-min-h-sm: 44px;
    --acc-btn-min-h-lg: 52px;
  }
}

/* from style.css — @media (max-width: 375px) */
@media (max-width: 375px) {
  :root {
    --acc-fs-body: 1.0625rem;
  }
}

/* from components.css */
:root {
  --acc-warm-grey: #fbf9f6;
  --acc-warm-amber: var(--acc-gold-500);
  --acc-warm-teal: var(--acc-brand-500);
  --acc-warm-purple: var(--acc-brand-900);
  /* Accent text/icons on light surfaces: plum (6.6:1 on ivory). */
  --acc-accent: var(--acc-brand-900);
  --acc-divider: #E7E2D7;
  --acc-content-width: 680px;
  --acc-section-pad-d: 104px;
  --acc-section-pad-t: 64px;
  --acc-section-pad-m: 48px;
}

/* from components.css */
:root {
  --ph-gold: var(--acc-gold-500);
  --ph-gold-soft: rgba(var(--acc-gold-500-rgb), 0.18);
  --ph-brand: var(--acc-brand-900);
  --ph-brand-700: var(--acc-brand-700);
  --ph-ink: var(--acc-ink-900);
  --ph-mist: var(--acc-mist);
  --ph-line: rgba(var(--acc-brand-900-rgb), 0.10);
  --ph-shadow-1: 0 18px 48px -20px rgba(var(--acc-brand-950-rgb), 0.22);
  --ph-shadow-2: 0 26px 64px -24px rgba(var(--acc-brand-950-rgb), 0.28);
  --ph-radius: 20px;
  --ph-ease: var(--acc-ease-out);
}

/* from components.css — @media (min-width: 1600px) */
@media (min-width: 1600px) {
  :root {
    --acc-container-max: 1360px;
    --acc-section-y: clamp(5.5rem, 4vw, 8rem);
  }
}

/* from components.css — @media (min-width: 1920px) */
@media (min-width: 1920px) {
  :root {
    --acc-container-max: 1480px;
  }
}

/* from components.css — @media (max-width: 575.98px) */
@media (max-width: 575.98px) {
  :root {
    --acc-navbar-h: 68px;
  }
}

/* Compact subpage / Daily Life pilot. Only Abbey Care Complex adopts these values. */
body[data-site="abbey-care-complex"] {
  --acc-subpage-head-y: clamp(1.25rem, 1rem + 0.6vw, 1.75rem);
  --acc-subpage-title-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
  --acc-subpage-title-width: 26.77em; /* em, not ch: ch changes when the web font swaps in, which re-wrapped the title */
  --acc-subpage-intro-width: 74ch;
  --acc-subpage-crumb-size: 0.875rem;
  --acc-page-body-y: clamp(2rem, 1.5rem + 1.5vw, 3rem);
  --acc-page-flow-gap: clamp(3rem, 2rem + 2vw, 4.5rem);
  --acc-page-grid-gap: clamp(1.5rem, 1rem + 2vw, 3rem);
  --acc-page-rail-width: 10.5rem;
  --acc-page-routine-label-width: 12rem;
  --acc-page-nav-height: var(--acc-navbar-h);
  --acc-page-tabs-height: 3.25rem;
  --acc-page-sticky-layer: 1000;
  --acc-page-scroll-offset: calc(var(--acc-page-nav-height) + var(--acc-page-tabs-height) + var(--acc-page-space-lg));
  --acc-page-section-size: clamp(1.5rem, 1.25rem + 0.8vw, 2rem);
  --acc-page-item-size: clamp(1.125rem, 1rem + 0.4vw, 1.375rem);
  --acc-page-copy-size: 1.0625rem;
  --acc-page-small-size: 0.9375rem;
  --acc-page-row-y: 1.75rem;
  --acc-page-space-sm: 0.5rem;
  --acc-page-space-md: 1rem;
  --acc-page-space-lg: 1.5rem;
  --acc-page-reading-width: 72ch;
  --acc-page-video-width: 58rem;
}

/* Shared service-page design. Values apply only inside the new service flow. */
.care-flow {
  --care-paper: var(--acc-surface);
  --care-wash: var(--acc-cream);
  --care-ink: var(--acc-brand-900);
  --care-muted: var(--acc-ink-700);
  --care-line: var(--acc-border);
  --care-accent: var(--acc-accent);
  --care-width: 76rem;
  --care-reading-width: 72ch;
  --care-heading-width: 21.92em; /* em, not ch: see --acc-subpage-title-width */
  --care-lead-width: 65ch;
  --care-close-title-width: 18.27em;
  --care-table-min-width: 40rem;
  --care-table-first-column: 23%;
  --care-photo-ratio: 4 / 3;
  --care-card-photo-ratio: 16 / 10;
  --care-icon-size: 1.5rem;
  --care-card-title-size: 1.125rem;
  --care-card-height: 8rem;
  --care-caption-leading: 1.5;
  --care-card-leading: 1.4;
  --care-gutter: var(--acc-gutter);
  --care-gap: clamp(2rem, 4vw, 4.5rem);
  --care-section-space: clamp(2.5rem, 5vw, 4.5rem);
  --care-head-space: clamp(2rem, 4vw, 3.75rem);
  --care-space-xs: 0.5rem;
  --care-space-sm: 0.75rem;
  --care-space-md: 1rem;
  --care-space-lg: 1.5rem;
  --care-space-xl: 2rem;
  --care-radius: 0.75rem;
  --care-title-size: clamp(1.875rem, 1.3rem + 1.6vw, 2.625rem);
  --care-section-size: clamp(1.5rem, 1.2rem + 0.9vw, 2rem);
  --care-item-size: clamp(1.125rem, 1rem + 0.35vw, 1.3rem);
  --care-copy-size: 1.0625rem;
  --care-lead-size: 1.1875rem;
  --care-small-size: 0.9375rem;
  --care-line-height: 1.75;
  --care-tight: 1.18;
  --care-heading-track: -0.025em;
  --care-button-height: 3.25rem;
  --care-touch-height: 3rem;
  --care-nav-height: var(--acc-navbar-h);
}

/* Homepage gallery invitation: shared colours, typography and spacing. */
.acc-gallery-feature {
  --gallery-paper: var(--acc-cream);
  --gallery-ink: var(--acc-brand-900);
  --gallery-copy: var(--acc-ink-700);
  --gallery-accent: var(--acc-gold-500);
  --gallery-photo-wash: var(--acc-mist);
  --gallery-label-paper: var(--acc-surface);
  --gallery-focus: var(--acc-brand-500);
  --gallery-y: clamp(3rem, 5vw, 5rem);
  --gallery-gap: clamp(2rem, 4vw, 4rem);
  --gallery-xs: 0.5rem;
  --gallery-sm: 0.75rem;
  --gallery-md: 1rem;
  --gallery-lg: 1.5rem;
  --gallery-xl: 2rem;
  --gallery-image-gap: 0.875rem;
  --gallery-media-height: clamp(23rem, 31vw, 29rem);
  --gallery-mobile-photo-height: clamp(15rem, 65vw, 24rem);
  --gallery-mobile-detail-height: clamp(10.5rem, 48vw, 16rem);
  --gallery-radius: 1.125rem;
  --gallery-title-size: clamp(2.125rem, 1.35rem + 2vw, 3.5rem);
  --gallery-copy-size: 1.125rem;
  --gallery-label-size: 1rem;
  --gallery-kicker-size: 0.875rem;
  --gallery-title-leading: 1.12;
  --gallery-copy-leading: 1.7;
  --gallery-title-track: -0.025em;
  --gallery-kicker-track: 0.08em;
  --gallery-reading-width: 32ch;
  --gallery-button-height: 3.5rem;
  --gallery-icon-size: 1.25rem;
  --gallery-play-size: 3rem;
  --gallery-caption-height: 3.25rem;
  --gallery-border-width: 1px;
  --gallery-focus-width: 3px;
  --gallery-focus-offset: 4px;
  --gallery-press-scale: 0.985;
  --gallery-arrow-nudge: 0.2rem;
  --gallery-shadow: var(--acc-shadow-md);
  --gallery-press-time: 100ms;
  --gallery-feedback-time: 180ms;
}

/* Protected: group our-locations map + home list keeps its pre-2026 appearance.
 * Do not remove without operator approval (AGENTS.md hard rule). */
.acc-network-section {
  --acc-fs-body: clamp(1.0625rem, 1rem + 0.25vw, 1.125rem);
  --acc-fs-lead: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
  --acc-fs-small: 0.9375rem;
  --acc-fs-h1: clamp(2.25rem, 1.5rem + 2.4vw, 3.5rem);
  --acc-fs-h2: clamp(1.75rem, 1.35rem + 1.3vw, 2.5rem);
  --acc-fs-h3: clamp(1.3125rem, 1.15rem + 0.5vw, 1.625rem);
  --acc-track-heading: -0.012em;
  --acc-border: #dce4ea;
  --acc-border-rgb: 220, 228, 234;
  --acc-brand-500: #2f6a6f;
  --acc-brand-500-rgb: 47, 106, 111;
  --acc-brand-700: #1b4d52;
  --acc-brand-700-rgb: 27, 77, 82;
  --acc-brand-900: #0c2b2d;
  --acc-brand-900-rgb: 12, 43, 45;
  --acc-cream: #f6f3ed;
  --acc-cream-rgb: 250, 247, 242;
  --acc-gold-500: #c99a4a;
  --acc-gold-500-rgb: 201, 154, 74;
  --acc-gold-600: #ae833a;
  --acc-ink-500: #5a6475;
  --acc-ink-700: #2d3748;
  --acc-ink-900: #151b26;
  --acc-mist: #eef3f4;
  --acc-radius-lg: 1.6rem;
  --acc-accent: var(--acc-gold-600);
  --acc-font-body: "Plus Jakarta Sans", sans-serif;
  --acc-font-heading: "Fraunces", serif;
  --acc-fw-heading: 700;
  color: var(--acc-ink-700);
  font-family: var(--acc-font-body);
}
@media (max-width: 767.98px) {
  .acc-network-section {
    --acc-section-y: clamp(2.5rem, 2.05rem + 2.2vw, 3.5rem);
  }
}