/* Source: assets/fonts/fonts.css */
/* Self-hosted variable fonts — no third-party requests. */
@font-face{
  font-family:'Newsreader';
  font-style:normal;
  font-weight:300 700;
  font-display:swap;
  src:url('../fonts/newsreader-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Nunito Sans';
  font-style:normal;
  font-weight:300 800;
  font-display:swap;
  src:url('../fonts/nunito-sans-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Caveat';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('../fonts/caveat-latin.woff2') format('woff2');
}

/* Source: assets/css/style.css */
/* ==========================================================================
   Saint Character Supported Services
   Editorial system: Bodoni Moda display, Inter interface, Caveat accent.
   Direction: fashion-editorial restraint with dimensional layering.
   ========================================================================== */

/* --------------------------------------------------------------- 1. tokens */
:root{
  /* surfaces */
  --bone:       #F1EEE6;
  --bone-2:     #E9E5DB;
  --paper:      #FBFAF6;
  --ink:        #14140F;
  --graphite:   #3D3D36;
  --ash:        #85857A;
  --line:       rgba(20,20,15,.15);
  --line-soft:  rgba(20,20,15,.08);
  --line-light: rgba(251,250,246,.22);

  /* accents, used sparingly */
  --teal:       #0C4A56;
  --teal-deep:  #062B34;
  --clay:       #B4562A;
  --gold:       #C9A227;

  /* depth — layered, low-opacity, large-blur */
  --shadow-1: 0 1px 1px rgba(20,20,15,.04), 0 2px 6px rgba(20,20,15,.05);
  --shadow-2: 0 2px 4px rgba(20,20,15,.04), 0 18px 40px -22px rgba(20,20,15,.30);
  --shadow-3: 0 4px 10px rgba(20,20,15,.05), 0 44px 90px -40px rgba(20,20,15,.45);
  --shadow-img: 0 2px 6px rgba(20,20,15,.06), 0 40px 80px -40px rgba(20,20,15,.55);

  --wrap: 1320px;
  --wrap-narrow: 700px;
  --gutter: clamp(1.25rem, 4.5vw, 3.4rem);

  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);

  --font-display: "Bodoni Moda", "Didot", "Bodoni MT", Georgia, serif;
  --font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-script: "Caveat", "Bradley Hand", cursive;
}

/* --------------------------------------------------------------- 2. reset */
*,*::before,*::after{ box-sizing: border-box; }
html{ -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior: auto; } }

body{
  margin: 0;
  background: var(--bone);
  color: var(--ink);
  font-family: var(--font-ui);
  font-size: clamp(1rem, .95rem + .16vw, 1.0625rem);
  line-height: 1.8;
  font-weight: 380;
  letter-spacing: -.003em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  background-image:
    radial-gradient(90% 50% at 8% -8%, rgba(201,162,39,.10), transparent 60%),
    radial-gradient(70% 45% at 100% 2%, rgba(12,74,86,.07), transparent 62%);
  background-attachment: fixed;
}

/* fine paper grain */
body::before{
  content: "";
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  opacity: .5;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='150' height='150' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E");
}

img,svg,video{ display: block; max-width: 100%; }
img{ height: auto; }
a{ color: inherit; text-decoration: none; }
button{ font: inherit; color: inherit; }
ul,ol{ margin: 0; padding: 0; }
li{ list-style: none; }
table{ border-collapse: collapse; width: 100%; }
hr{ border: 0; border-top: 1px solid var(--line); margin: 0; }
::selection{ background: var(--ink); color: var(--bone); }
:focus-visible{ outline: 1.5px solid var(--ink); outline-offset: 4px; }

/* --------------------------------------------------------------- 3. type */
h1,h2,h3,h4,h5{
  margin: 0;
  font-family: var(--font-display);
  font-weight: 400;
  font-variation-settings: "opsz" 96;
  color: var(--ink);
  letter-spacing: -.018em;
  text-wrap: balance;
}
h1{
  font-size: clamp(2.5rem, 1.2rem + 4.6vw, 5.2rem);
  line-height: 1.02;
  letter-spacing: -.026em;
}
h2{
  font-size: clamp(1.9rem, 1rem + 3.2vw, 3.5rem);
  line-height: 1.06;
  letter-spacing: -.022em;
}
h3{
  font-family: var(--font-ui);
  font-size: clamp(1.05rem, 1rem + .3vw, 1.2rem);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -.005em;
}
h4{
  font-family: var(--font-ui);
  font-size: .95rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
}
h5{ font-family: var(--font-ui); font-size: .875rem; font-weight: 500; }

p{ margin: 0 0 1.2em; }
p:last-child{ margin-bottom: 0; }

.lead{
  font-size: clamp(1.04rem, 1rem + .3vw, 1.16rem);
  line-height: 1.65;
  color: var(--graphite);
  font-weight: 380;
  letter-spacing: -.006em;
  max-width: 56ch;
}

.prose p{ color: var(--graphite); margin-bottom: 1.4em; max-width: 62ch; }
.prose h2{
  font-size: clamp(1.7rem, 1.2rem + 1.7vw, 2.5rem);
  margin: 2.6em 0 .8em;
}
.prose h3{ margin: 2.2em 0 .6em; }
.prose ul{ margin: 0 0 1.6em; }
.prose li{
  position: relative; padding-left: 1.6em; margin-bottom: .7em;
  color: var(--graphite);
}
.prose li::before{
  content: ""; position: absolute; left: 0; top: .82em;
  width: .5em; height: 1px; background: var(--ink); opacity: .45;
}
.prose a{
  color: var(--ink);
  border-bottom: 1px solid var(--line);
  transition: border-color .3s, opacity .3s;
}
.prose a:hover{ border-color: var(--ink); }

strong,b{ font-weight: 550; }
em{ font-style: italic; }

/* small tracked labels */
.eyebrow{
  display: inline-block;
  font-family: var(--font-ui);
  font-size: .625rem;
  font-weight: 500;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--ink);
  margin-bottom: 1.6rem;
  padding-bottom: .55rem;
  border-bottom: 1px solid var(--line);
}
.eyebrow--plain::before{ display: none; }
.eyebrow--caps{ letter-spacing: .3em; }

/* the single script flourish, kept rare */
.script{
  font-family: var(--font-script);
  font-size: clamp(1.25rem, 1.1rem + .6vw, 1.6rem);
  font-weight: 600;
  color: var(--clay);
  line-height: 1.2;
  letter-spacing: .01em;
}

.italic-accent{
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.03em;
}
.clay{ color: var(--clay); }

/* --------------------------------------------------------------- 4. layout */
.wrap{ width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter); }
.wrap--narrow{ max-width: var(--wrap-narrow); }
.wrap--wide{ max-width: 1500px; }

.section{ margin-block: clamp(1.6rem, 3vw, 2.6rem); }
.section > .wrap{ padding-block: clamp(1rem, 2vw, 1.6rem); }
.section--tight{ margin-block: clamp(1rem, 2vw, 1.6rem); }
.section--flush-top{ margin-top: 0; }
.section--bleed{ margin-block: 0; }
.section--bleed > .wrap{ padding-inline: var(--gutter); max-width: none; }

.grid{ display: grid; gap: clamp(1.4rem, 2.8vw, 2.4rem); }
.g2{ grid-template-columns: repeat(2, minmax(0,1fr)); }
.g3{ grid-template-columns: repeat(3, minmax(0,1fr)); }
.g4{ grid-template-columns: repeat(4, minmax(0,1fr)); }
@media (max-width: 980px){ .g3,.g4{ grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 640px){ .g2,.g3,.g4{ grid-template-columns: minmax(0,1fr); } }

.split{
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: center;
}
.split--top{ align-items: start; }
@media (max-width: 900px){ .split{ grid-template-columns: minmax(0,1fr); gap: clamp(2rem,5vw,3rem); } }

.rule{ height: 1px; background: var(--line); width: 100%; }
.center{ text-align: center; }
.center .lead{ margin-inline: auto; }

/* --------------------------------------------------------------- 5. buttons */
.btn{
  --bg: var(--ink);
  --fg: var(--paper);
  display: inline-flex; align-items: center; justify-content: center; gap: .85em;
  padding: 1.05em 1.9em;
  border-radius: 1px;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-ui);
  font-size: .6875rem;
  font-weight: 500;
  letter-spacing: .18em;
  text-transform: uppercase;
  border: 1px solid var(--bg);
  cursor: pointer;
  transition: background-color .35s var(--ease), color .35s var(--ease),
              border-color .35s var(--ease), transform .5s var(--ease-out),
              box-shadow .5s var(--ease-out), opacity .3s;
  white-space: nowrap;
}
.btn:hover{ background: transparent; color: var(--ink); box-shadow: var(--shadow-1); }
.btn:active{ transform: translateY(1px); }
.btn > svg{ width: 1.1em; height: 1.1em; flex: 0 0 auto; }
.btn__arrow{ width: 1.1em; height: 1.1em; transition: transform .45s var(--ease-out); }
.btn:hover .btn__arrow{ transform: translateX(4px); }

.btn--ghost{ --bg: transparent; --fg: var(--ink); border-color: var(--line); }
.btn--ghost:hover{ background: var(--ink); color: var(--paper); border-color: var(--ink); }
.btn--paper{ --bg: var(--paper); --fg: var(--ink); border-color: var(--line); }
.btn--paper:hover{ background: transparent; color: var(--ink); }
.btn--light{ --bg: var(--paper); --fg: var(--ink); border-color: var(--paper); }
.btn--light:hover{ background: transparent; color: var(--paper); border-color: var(--paper); }
.btn--outline-light{ --bg: transparent; --fg: var(--paper); border-color: rgba(251,250,246,.4); }
.btn--outline-light:hover{ background: var(--paper); color: var(--ink); border-color: var(--paper); }
.btn--clay{ --bg: var(--clay); --fg: #fff; border-color: var(--clay); }
.btn--clay:hover{ background: transparent; color: var(--clay); }
.btn--sm{ padding: .82em 1.4em; font-size: .625rem; }
.btn--lg{ padding: 1.2em 2.3em; }

.link-arrow{
  display: inline-flex; align-items: center; gap: .7em;
  font-size: .6875rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase;
  color: var(--ink);
  padding-bottom: .42em;
  border-bottom: 1px solid var(--line);
  transition: border-color .35s, gap .45s var(--ease-out);
}
.link-arrow:hover{ border-color: var(--ink); gap: 1em; }
.link-arrow svg{ width: .95em; height: .95em; }
.card > .link-arrow, .card > .btn{ align-self: flex-start; }

/* --------------------------------------------------------------- 6. header */
.skip{
  position: absolute; left: 50%; top: .5rem; transform: translate(-50%,-200%);
  background: var(--ink); color: var(--paper);
  padding: .9em 1.6em; z-index: 300;
  font-size: .68rem; letter-spacing: .18em; text-transform: uppercase;
  transition: transform .3s var(--ease);
}
.skip:focus{ transform: translate(-50%,0); }

.site-header{
  position: sticky; top: 0; z-index: 120;
  background: color-mix(in srgb, var(--bone) 88%, transparent);
  backdrop-filter: saturate(140%) blur(18px);
  -webkit-backdrop-filter: saturate(140%) blur(18px);
  border-bottom: 1px solid transparent;
  transition: border-color .5s, background-color .5s;
}
.site-header.is-stuck{ border-bottom-color: var(--line-soft); }
.site-header__inner{
  display: flex; align-items: center; justify-content: space-between;
  gap: clamp(1rem, 3vw, 3rem);
  height: clamp(72px, 6.2vw, 92px);
  transition: height .45s var(--ease);
}
.site-header.is-stuck .site-header__inner{ height: 66px; }

.brand{ display: flex; align-items: center; flex: 0 0 auto; }
.brand img{ width: clamp(150px, 13vw, 196px); height: auto; }
.site-header.is-stuck .brand img{ width: clamp(138px, 12vw, 172px); }

.nav{ display: flex; align-items: center; gap: clamp(1.2rem, 2.6vw, 2.6rem); }
.nav a{
  position: relative;
  font-size: .6875rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase;
  color: var(--graphite);
  padding: .4em 0;
  transition: color .3s;
}
.nav a::after{
  content: ""; position: absolute; left: 0; right: 0; bottom: 0;
  height: 1px; background: var(--ink);
  transform: scaleX(0); transform-origin: left;
  transition: transform .5s var(--ease-out);
}
.nav a:hover{ color: var(--ink); }
.nav a:hover::after, .nav a[aria-current="page"]::after{ transform: scaleX(1); }
.nav a[aria-current="page"]{ color: var(--ink); }

.header-actions{ display: flex; align-items: center; gap: .75rem; }

.burger{
  display: none;
  width: 44px; height: 44px;
  border: 1px solid var(--line);
  background: transparent; cursor: pointer;
  position: relative;
  transition: background-color .3s, border-color .3s;
}
.burger:hover{ background: rgba(20,20,15,.05); }
.burger span{
  position: absolute; left: 50%; width: 18px; height: 1px;
  background: var(--ink);
  transform: translateX(-50%);
  transition: transform .45s var(--ease-out), opacity .3s, top .45s var(--ease-out);
}
.burger span:nth-child(1){ top: 17px; }
.burger span:nth-child(2){ top: 21.5px; }
.burger span:nth-child(3){ top: 26px; }
.burger[aria-expanded="true"] span:nth-child(1){ top: 21.5px; transform: translateX(-50%) rotate(45deg); }
.burger[aria-expanded="true"] span:nth-child(2){ opacity: 0; }
.burger[aria-expanded="true"] span:nth-child(3){ top: 21.5px; transform: translateX(-50%) rotate(-45deg); }

@media (max-width: 1080px){
  .nav{ display: none; }
  .burger{ display: block; }
  .header-actions .btn--desk{ display: none; }
}

/* drawer */
.drawer{ position: fixed; inset: 0; z-index: 200; pointer-events: none; visibility: hidden; }
.drawer__scrim{
  position: absolute; inset: 0;
  background: rgba(20,20,15,.36);
  backdrop-filter: blur(4px);
  opacity: 0; transition: opacity .55s var(--ease);
}
.drawer__panel{
  position: absolute; top: 0; right: 0; bottom: 0;
  width: min(440px, 94vw);
  background: var(--bone);
  padding: 1.5rem var(--gutter) 2.6rem;
  display: flex; flex-direction: column;
  transform: translateX(102%);
  transition: transform .7s var(--ease-out);
  overflow-y: auto;
  border-left: 1px solid var(--line);
}
.drawer.is-open{ pointer-events: auto; visibility: visible; }
.drawer.is-open .drawer__scrim{ opacity: 1; }
.drawer.is-open .drawer__panel{ transform: none; }
.drawer__top{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 3rem; }
.drawer__top img{ width: 156px; }
.drawer__close{
  width: 42px; height: 42px; border: 1px solid var(--line);
  background: transparent; display: grid; place-items: center; cursor: pointer;
}
.drawer__close svg{ width: 13px; height: 13px; }
.drawer__nav{ display: flex; flex-direction: column; }
.drawer__nav a{
  font-family: var(--font-display);
  font-size: 2rem; font-weight: 400; letter-spacing: -.02em;
  padding: .62em 0;
  border-bottom: 1px solid var(--line-soft);
  display: flex; justify-content: space-between; align-items: baseline;
  opacity: 0; transform: translateY(16px);
}
.drawer.is-open .drawer__nav a{
  animation: drawerIn .7s var(--ease-out) forwards;
  animation-delay: calc(.08s + var(--i,0) * .05s);
}
.drawer__nav a:hover{ color: var(--clay); }
.drawer__nav .num{
  font-family: var(--font-ui); font-size: .6rem; letter-spacing: .2em;
  color: var(--ash); font-weight: 500;
}
@keyframes drawerIn{ to{ opacity: 1; transform: none; } }
.drawer__foot{ margin-top: auto; padding-top: 2.4rem; display: grid; gap: 1rem; }
.drawer__contact{
  font-size: .8rem; letter-spacing: .06em; color: var(--graphite);
  display: grid; gap: .5rem;
}

/* --------------------------------------------------------------- 7. hero */
.hero{
  position: relative;
  padding-top: clamp(3rem, 7vw, 6.5rem);
  padding-bottom: clamp(2.5rem, 6vw, 5rem);
  overflow: clip;
}
.hero__art{ position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.blob{ position: absolute; border-radius: 50%; filter: blur(60px); opacity: .5; animation: drift 24s ease-in-out infinite alternate; }
.blob--1{ width: 44vw; height: 44vw; top: -16vw; right: -10vw; background: radial-gradient(circle at 35% 35%, #B9CBB4, transparent 68%); }
.blob--2{ width: 36vw; height: 36vw; bottom: -14vw; left: -12vw; background: radial-gradient(circle at 45% 45%, #E9C99B, transparent 66%); opacity: .34; animation-delay: -8s; }
.blob--3{ width: 24vw; height: 24vw; top: 30%; left: 44%; background: radial-gradient(circle at 50% 50%, #D8A98C, transparent 66%); opacity: .2; animation-delay: -14s; }
@keyframes drift{
  from{ transform: translate3d(0,0,0) scale(1); }
  to{ transform: translate3d(-3%,4%,0) scale(1.1); }
}
.hero__hairline{ position: absolute; inset: 0 0 auto 0; height: 1px; background: var(--line-soft); }

.hero__inner{ position: relative; }
.hero h1{ max-width: 13ch; }
.hero__sub{
  margin: 1.1rem 0 0;
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(1.45rem, 1rem + 1.9vw, 2.6rem);
  line-height: 1.18;
  letter-spacing: -.028em;
  color: var(--clay);
  max-width: 22ch;
}
.hero__lead{ margin-top: clamp(1.6rem, 3vw, 2.4rem); max-width: 46ch; }
.hero__cta{ display: flex; flex-wrap: wrap; gap: .8rem; margin-top: clamp(1.8rem, 3.4vw, 2.6rem); }

.hero__foot{
  margin-top: clamp(2.4rem, 4.5vw, 3.6rem);
  padding-top: 1.4rem;
  border-top: 1px solid var(--line);
  display: flex; flex-wrap: wrap; align-items: center;
  gap: .8rem 2rem;
  font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; color: var(--ash);
}
.hero__foot-item{ display: inline-flex; align-items: center; gap: .6em; }
.hero__foot-item svg{ width: 1em; height: 1em; flex: 0 0 auto; }

/* availability */
.badge-live{
  display: inline-flex; align-items: center; gap: .7em;
  padding: .62em 1.1em;
  border: 1px solid var(--line);
  background: rgba(251,250,246,.7);
  font-size: .625rem; font-weight: 500; letter-spacing: .22em; text-transform: uppercase;
  color: var(--ink);
  margin-bottom: 2rem;
}
.badge-live i{ width: 5px; height: 5px; border-radius: 50%; background: #2C7A4B; animation: pulseDot 2.6s ease-out infinite; }
@keyframes pulseDot{
  0%{ box-shadow: 0 0 0 0 rgba(44,122,75,.5); }
  70%{ box-shadow: 0 0 0 8px rgba(44,122,75,0); }
  100%{ box-shadow: 0 0 0 0 rgba(44,122,75,0); }
}

/* hero collage — layered depth */
.hero__collage{ position: relative; aspect-ratio: 1 / 1.06; min-height: 400px; }
.hero__shot{
  position: absolute; margin: 0;
  overflow: hidden;
  background: var(--bone-2);
  box-shadow: var(--shadow-img);
  will-change: transform;
}
.hero__shot::after{
  content: ""; position: absolute; inset: 0;
  box-shadow: inset 0 0 0 1px rgba(251,250,246,.14);
  pointer-events: none;
}
.hero__shot img{ width: 100%; height: 114%; object-fit: cover; transform: translateY(-6%); }
.hero__shot--a{ width: 62%; aspect-ratio: 4/5; left: 0; top: 4%; transform: rotate(-1.6deg); z-index: 2; }
.hero__shot--b{ width: 50%; aspect-ratio: 1/1; right: 0; bottom: 2%; transform: rotate(1.8deg); z-index: 1; }

.hero__pin{
  position: absolute; left: 3%; bottom: 6%; z-index: 4;
  display: flex; align-items: center; gap: .85rem;
  padding: .9rem 1.3rem .9rem .9rem;
  background: rgba(251,250,246,.82);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  border: 1px solid rgba(251,250,246,.6);
  box-shadow: 0 2px 8px rgba(20,20,15,.08), 0 30px 60px -30px rgba(20,20,15,.4);
}
.hero__pin img{ width: 38px; height: 38px; }
.hero__pin b{
  display: block;
  font-family: var(--font-display);
  font-size: .98rem; font-weight: 500; line-height: 1.3; letter-spacing: -.01em;
  color: var(--ink);
}
.hero__pin span{
  display: block; margin-top: .3rem;
  font-size: .6rem; letter-spacing: .18em; text-transform: uppercase; color: var(--ash);
}
@media (max-width: 980px){
  .hero__collage{ aspect-ratio: 4/3.2; margin-top: 3rem; min-height: 0; }
  .hero__shot--a{ width: 58%; }
  .hero__shot--b{ width: 46%; }
  .hero__pin{ left: 0; bottom: 0; padding: .7rem 1rem .7rem .7rem; }
  .hero__pin img{ width: 30px; height: 30px; }
  .hero__pin b{ font-size: .82rem; }
  .hero__pin span{ font-size: .52rem; }
}

/* --------------------------------------------------------------- 8. trust rail */
.trust{ margin-block: clamp(1.6rem,3vw,2.6rem); }
.trust > .wrap{ padding-inline: var(--gutter); }
.trust__row{
  display: grid; grid-template-columns: repeat(4, minmax(0,1fr));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.trust__item{
  display: flex; align-items: center; gap: .8rem;
  padding: 1.5rem clamp(.8rem,2vw,1.6rem);
  font-size: .625rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase;
  color: var(--graphite); line-height: 1.6;
  border-left: 1px solid var(--line);
}
.trust__item:first-child{ border-left: 0; padding-left: 0; }
.trust__item svg{ width: 17px; height: 17px; color: var(--ink); flex: 0 0 auto; opacity: .75; }
@media (max-width: 900px){
  .trust__row{ grid-template-columns: repeat(2,minmax(0,1fr)); }
  .trust__item{ border-left: 0; border-top: 1px solid var(--line); padding-left: 0; }
  .trust__item:nth-child(-n+2){ border-top: 0; }
}
@media (max-width: 560px){
  .trust__row{ grid-template-columns: 1fr; }
  .trust__item{ border-top: 1px solid var(--line); }
  .trust__item:first-child{ border-top: 0; }
}

/* --------------------------------------------------------------- 9. panel */
.panel{
  background: var(--paper);
  border: 1px solid var(--line-soft);
  box-shadow: var(--shadow-2);
}
.section > .wrap > .panel{ padding: clamp(1.6rem, 3.4vw, 3.2rem); }

/* --------------------------------------------------------------- 10. cards */
.card{
  position: relative;
  display: flex; flex-direction: column;
  background: var(--paper);
  border: 1px solid var(--line-soft);
  padding: clamp(1.6rem, 2.6vw, 2.2rem);
  min-height: 100%;
  box-shadow: var(--shadow-1);
  transition: transform .6s var(--ease-out), box-shadow .6s var(--ease-out), border-color .4s;
  overflow: hidden;
}
.card:hover{ transform: translateY(-4px); box-shadow: var(--shadow-2); border-color: var(--line); }
.card h3{ margin-bottom: .65rem; }
.card p{ color: var(--graphite); font-size: .93rem; line-height: 1.7; margin-bottom: 1.4rem; }
.card__icon{
  width: 44px; height: 44px;
  display: grid; place-items: center;
  border: 1px solid var(--line);
  color: var(--ink);
  margin-bottom: 1.6rem;
  transition: background-color .4s, color .4s;
}
.card__icon svg{ width: 19px; height: 19px; }
.card:hover .card__icon{ background: var(--ink); color: var(--paper); }
.card__link{ margin-top: auto; }

.card--feature{
  background: var(--ink);
  border-color: var(--ink);
  color: var(--paper);
}
.card--feature h3{ color: var(--paper); }
.card--feature p{ color: rgba(251,250,246,.68); }
.card--feature .card__icon{ border-color: rgba(251,250,246,.28); color: var(--paper); }
.card--feature .link-arrow{ color: var(--paper); border-color: rgba(251,250,246,.3); }

/* visual service cards */
.vcard{
  position: relative;
  display: flex; flex-direction: column;
  background: var(--paper);
  border: 1px solid var(--line-soft);
  overflow: hidden;
  box-shadow: var(--shadow-1);
  transition: transform .6s var(--ease-out), box-shadow .6s var(--ease-out);
}
.vcard:hover{ transform: translateY(-5px); box-shadow: var(--shadow-3); }
.vcard__img{ position: relative; aspect-ratio: 4/3; overflow: hidden; background: var(--bone-2); }
.vcard__img img{
  width: 100%; height: 112%; object-fit: cover;
  transform: translateY(-5%);
  filter: saturate(.9) contrast(1.02);
  transition: transform 1.1s var(--ease-out), filter .6s;
}
.vcard:hover .vcard__img img{ transform: translateY(-5%) scale(1.05); filter: saturate(1) contrast(1.02); }
.vcard__img::after{
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(6,43,52,.42), rgba(6,43,52,0) 55%);
}
.vcard__chip{
  position: absolute; left: 1.1rem; bottom: 1.1rem; z-index: 2;
  width: 42px; height: 42px;
  display: grid; place-items: center;
  background: var(--paper);
  color: var(--ink);
  box-shadow: var(--shadow-2);
}
.vcard__chip svg{ width: 19px; height: 19px; }
.vcard__body{ padding: clamp(1.3rem,2vw,1.7rem); display: flex; flex-direction: column; flex: 1; }
.vcard__body h3{
  font-family: var(--font-display);
  font-size: clamp(1.3rem, 1.1rem + .55vw, 1.6rem);
  font-weight: 400; letter-spacing: -.02em; line-height: 1.15;
  margin-bottom: .7rem;
}
.vcard__body p{ font-size: .9rem; color: var(--graphite); line-height: 1.7; margin-bottom: 1.5rem; }
.vcard__body .link-arrow{ align-self: flex-start; margin-top: auto; }

/* service list rows */
.svc{
  display: flex; align-items: flex-start; gap: clamp(1rem,2vw,2rem);
  padding: clamp(1.4rem,2.4vw,2rem) 0;
  border-bottom: 1px solid var(--line-soft);
  transition: padding-left .55s var(--ease-out);
  position: relative;
}
.svc:first-child{ border-top: 1px solid var(--line-soft); }
.svc:hover{ padding-left: .8rem; }
.svc__num{
  font-size: .625rem; font-weight: 500; letter-spacing: .2em;
  color: var(--ash); padding-top: .55em; min-width: 2.6rem;
}
.svc__body{ flex: 1; }
.svc__body h3{
  font-family: var(--font-display);
  font-size: clamp(1.35rem, 1.1rem + .8vw, 1.85rem);
  font-weight: 400; letter-spacing: -.02em; line-height: 1.15;
  margin-bottom: .45rem;
}
.svc__body p{ font-size: .9rem; color: var(--graphite); margin: 0; max-width: 52ch; line-height: 1.7; }
.svc__arrow{
  width: 40px; height: 40px;
  border: 1px solid var(--line);
  display: grid; place-items: center; flex: 0 0 auto; margin-top: .2rem;
  transition: background-color .4s, border-color .4s, transform .55s var(--ease-out), color .4s;
}
.svc__arrow svg{ width: 13px; height: 13px; }
.svc:hover .svc__arrow{ background: var(--ink); border-color: var(--ink); color: var(--paper); transform: rotate(-45deg); }

/* --------------------------------------------------------------- 11. statement */
.statement{
  font-family: var(--font-display);
  font-size: clamp(1.7rem, 1.1rem + 2.8vw, 3.4rem);
  line-height: 1.16;
  letter-spacing: -.024em;
  font-weight: 400;
  text-wrap: pretty;
}
.statement em{ font-style: italic; color: var(--clay); }

/* --------------------------------------------------------------- 12. stats */
.stats{
  display: grid; grid-template-columns: repeat(4, minmax(0,1fr));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.stats__item{ padding: clamp(1.6rem,3vw,2.6rem) clamp(1rem,2vw,1.8rem); border-left: 1px solid var(--line); }
.stats__item:first-child{ border-left: 0; }
.stats__num{
  font-family: var(--font-display);
  font-size: clamp(2.4rem, 1.6rem + 2.8vw, 4.2rem);
  line-height: 1; letter-spacing: -.04em;
  display: flex; align-items: baseline; gap: .04em;
}
.stats__num sup{ font-size: .36em; letter-spacing: 0; }
.stats__label{
  font-size: .625rem; letter-spacing: .16em; text-transform: uppercase;
  color: var(--ash); margin-top: 1rem; line-height: 1.7;
}
@media (max-width: 760px){
  .stats{ grid-template-columns: repeat(2,minmax(0,1fr)); }
  .stats__item:nth-child(3){ border-left: 0; }
  .stats__item:nth-child(n+3){ border-top: 1px solid var(--line); }
}

/* --------------------------------------------------------------- 13. steps */
.steps{ counter-reset: step; display: grid; gap: clamp(1.4rem,3vw,2.6rem); }
.step{
  position: relative; padding-top: 2.4rem;
  border-top: 1px solid var(--line);
  counter-increment: step;
}
.step::before{
  content: "0" counter(step);
  position: absolute; top: -.55em; left: 0;
  font-size: .625rem; letter-spacing: .24em; color: var(--ash);
  background: var(--paper); padding-right: .9rem;
  font-family: var(--font-ui); font-weight: 500;
}
.step h3{ margin-bottom: .6rem; }
.step p{ color: var(--graphite); font-size: .93rem; margin: 0; line-height: 1.7; max-width: 46ch; }

/* --------------------------------------------------------------- 14. quotes */
.quote{
  display: flex; flex-direction: column;
  padding: clamp(1.8rem,3.4vw,2.6rem);
  border: 1px solid var(--line-soft);
  background: var(--paper);
  box-shadow: var(--shadow-1);
  min-height: 100%;
}
.quote__mark{
  font-family: var(--font-display);
  font-size: 3.6rem; line-height: .6; color: var(--line);
  margin-bottom: 1.2rem; height: 1.6rem;
}
.quote blockquote{
  margin: 0 0 2rem;
  font-family: var(--font-display);
  font-size: clamp(1.15rem, 1rem + .55vw, 1.4rem);
  line-height: 1.4; letter-spacing: -.018em;
}
.quote figcaption{
  margin-top: auto;
  font-size: .625rem; letter-spacing: .18em; text-transform: uppercase; color: var(--ash);
}

/* big testimonial */
.bigquote{ display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.8fr); gap: clamp(2rem,5vw,4.5rem); align-items: center; }
.bigquote blockquote{
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.7rem, 1.2rem + 2vw, 2.9rem);
  line-height: 1.2; letter-spacing: -.026em;
  text-wrap: pretty;
}
.bigquote blockquote em{ font-style: italic; color: var(--clay); }
.bigquote figcaption{
  margin-top: 2rem;
  display: flex; align-items: center; gap: .9rem;
  font-size: .625rem; letter-spacing: .18em; text-transform: uppercase; color: var(--ash);
}
.bigquote__avatar{
  width: 40px; height: 40px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--ink); color: var(--paper);
  font-family: var(--font-display); font-size: 1rem;
  flex: 0 0 auto;
}
.bigquote__shot{ overflow: hidden; aspect-ratio: 4/3; box-shadow: var(--shadow-img); }
.bigquote__shot img{ width: 100%; height: 112%; object-fit: cover; transform: translateY(-5%); }
@media (max-width: 860px){ .bigquote{ grid-template-columns: 1fr; } }

/* --------------------------------------------------------------- 15. band / closer */
.band{
  position: relative;
  background: var(--ink);
  color: var(--paper);
  padding: clamp(2.6rem, 6vw, 5rem);
  overflow: hidden;
  isolation: isolate;
}
.band h2{ color: var(--paper); max-width: 17ch; margin-bottom: 1.3rem; }
.band p{ color: rgba(251,250,246,.66); max-width: 42ch; }
.band .eyebrow{ color: rgba(251,250,246,.55); border-color: rgba(251,250,246,.25); }
.band__actions{ display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2.4rem; }

.imgband{ position: relative; overflow: hidden; isolation: isolate; }
.imgband > .imgband__bg{
  position: absolute; inset: -12% 0; width: 100%; height: 124%;
  object-fit: cover; z-index: -2; will-change: transform;
}
.imgband::after{
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(105deg, rgba(10,10,8,.94) 0%, rgba(10,10,8,.82) 45%, rgba(10,10,8,.48) 100%);
}

.closer{
  position: relative;
  background: var(--ink);
  color: var(--paper);
  padding: clamp(2.6rem, 6vw, 4.8rem);
  overflow: hidden;
  isolation: isolate;
}
.closer h2{ color: var(--paper); max-width: 18ch; }
.closer p{ color: rgba(251,250,246,.66); max-width: 40ch; }
.closer .eyebrow{ color: rgba(251,250,246,.5); border-color: rgba(251,250,246,.22); }

/* --------------------------------------------------------------- 16. moments */
.moments__grid{
  display: grid; grid-template-columns: repeat(12, minmax(0,1fr));
  gap: clamp(1rem,2vw,1.8rem);
  align-items: start;
}
.moment{ grid-column: span 4; }
.moment:nth-child(2){ margin-top: clamp(1.6rem,4vw,3.8rem); }
.moment:nth-child(3){ margin-top: clamp(.6rem,1.6vw,1.6rem); }
@media (max-width: 880px){
  .moment{ grid-column: span 12; margin-top: 0 !important; }
}
.moment__frame{
  position: relative; overflow: hidden;
  background: var(--bone-2);
  box-shadow: var(--shadow-img);
  clip-path: inset(14% 0 14% 0);
  transition: clip-path 1.2s var(--ease-out);
}
.moment.is-in .moment__frame{ clip-path: inset(0 0 0 0); }
.moment__frame img{
  width: 100%; height: 112%; object-fit: cover;
  transform: translateY(-5%);
  transition: transform 1.2s var(--ease-out);
}
.moment:hover .moment__frame img{ transform: translateY(-5%) scale(1.04); }
.moment:nth-child(1) .moment__frame{ aspect-ratio: 4/5; }
.moment:nth-child(2) .moment__frame{ aspect-ratio: 3/4; }
.moment:nth-child(3) .moment__frame{ aspect-ratio: 1/1; }
@media (max-width: 880px){ .moment .moment__frame{ aspect-ratio: 16/10 !important; } }
.moment__cap{
  display: flex; align-items: baseline; gap: .8rem;
  margin-top: 1.1rem;
  font-family: var(--font-display);
  font-size: 1.02rem; letter-spacing: -.01em;
}
.moment__cap span{
  font-family: var(--font-ui);
  font-size: .6rem; letter-spacing: .2em; color: var(--ash); font-weight: 500;
}

/* --------------------------------------------------------------- 17. wide image */
.wideimg{
  position: relative; overflow: hidden;
  aspect-ratio: 21/9;
  box-shadow: var(--shadow-img);
  background: var(--bone-2);
}
.wideimg img{ width: 100%; height: 114%; object-fit: cover; transform: translateY(-6%); }
.wideimg__cap{
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: clamp(1.4rem,3vw,2.4rem);
  display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem;
  background: linear-gradient(to top, rgba(10,10,8,.8), rgba(10,10,8,0));
  color: var(--paper);
}
.wideimg__cap b{
  display: block;
  font-family: var(--font-display);
  font-size: clamp(1.1rem,1rem+.6vw,1.45rem);
  font-weight: 400; letter-spacing: -.015em; color: var(--paper);
}
.wideimg__cap span{ display: block; margin-top: .5rem; font-size: .6rem; letter-spacing: .18em; text-transform: uppercase; opacity: .66; }
@media (max-width: 700px){ .wideimg{ aspect-ratio: 4/3; } }

/* --------------------------------------------------------------- 18. proof */
.proof{
  position: relative;
  background: var(--ink);
  color: var(--paper);
  overflow: hidden;
  isolation: isolate;
  padding-block: clamp(3.4rem,7vw,6rem);
}
.proof::before{
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(55% 65% at 88% 4%, rgba(201,162,39,.14), transparent 62%);
}
.proof h2{ color: var(--paper); }
.proof .eyebrow{ color: rgba(251,250,246,.72); border-color: rgba(251,250,246,.3); }
.proof p{ color: rgba(251,250,246,.66); }
.proof .link-arrow{ color: var(--paper); border-color: rgba(251,250,246,.3); }
.proof__grid{
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr));
  margin-top: clamp(2.4rem,4vw,3.6rem);
  border-top: 1px solid rgba(251,250,246,.18);
}
.proof__cell{ padding: clamp(1.4rem,2.6vw,2.2rem) clamp(.8rem,2vw,1.6rem) 0; border-left: 1px solid rgba(251,250,246,.18); }
.proof__cell:first-child{ border-left: 0; padding-left: 0; }
.proof__num{
  font-family: var(--font-display);
  font-size: clamp(2rem,1.4rem+2.2vw,3.4rem);
  line-height: 1; letter-spacing: -.04em; color: var(--paper);
}
.proof__num em{ font-style: normal; color: var(--gold); }
.proof__label{
  font-size: .6rem; letter-spacing: .18em; text-transform: uppercase;
  color: rgba(251,250,246,.5); margin-top: 1rem; line-height: 1.8;
}
@media (max-width: 780px){
  .proof__grid{ grid-template-columns: repeat(2,minmax(0,1fr)); }
  .proof__cell:nth-child(3){ border-left: 0; padding-left: 0; }
  .proof__cell:nth-child(n+3){ border-top: 1px solid rgba(251,250,246,.18); margin-top: 2rem; }
}

/* --------------------------------------------------------------- 19. faq */
.faq{ border-top: 1px solid var(--line); }
.faq__item{ border-bottom: 1px solid var(--line); }
.faq__q{
  width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1.4rem;
  padding: 1.5rem 0; background: none; border: 0; cursor: pointer; text-align: left;
  font-family: var(--font-ui);
  font-size: .98rem; font-weight: 450; letter-spacing: -.005em; color: var(--ink);
  transition: color .3s;
}
.faq__q:hover{ color: var(--clay); }
.faq__ic{
  width: 26px; height: 26px; flex: 0 0 auto;
  border: 1px solid var(--line);
  position: relative;
  transition: background-color .35s, border-color .35s, color .35s;
}
.faq__ic::before,.faq__ic::after{
  content: ""; position: absolute; left: 50%; top: 50%;
  width: 9px; height: 1px; background: currentColor;
  transform: translate(-50%,-50%);
  transition: transform .45s var(--ease-out), opacity .3s;
}
.faq__ic::after{ transform: translate(-50%,-50%) rotate(90deg); }
.faq__q[aria-expanded="true"] .faq__ic{ background: var(--ink); border-color: var(--ink); color: var(--paper); }
.faq__q[aria-expanded="true"] .faq__ic::after{ transform: translate(-50%,-50%) rotate(0); opacity: 0; }
.faq__a{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows .55s var(--ease-out); }
.faq__a > div{ overflow: hidden; }
.faq__a p{
  color: var(--graphite); font-size: .93rem; line-height: 1.8;
  max-width: 64ch; padding-bottom: 1.6rem; margin: 0;
}
.faq__item.is-open .faq__a{ grid-template-rows: 1fr; }

/* --------------------------------------------------------------- 20. forms */
.form{ display: grid; gap: 1.6rem; }
.form > .btn{ justify-self: start; }
.field{ display: grid; gap: .5rem; }
.field label, .field-label{
  font-size: .6rem; font-weight: 500; letter-spacing: .22em;
  text-transform: uppercase; color: var(--ash);
}
.field input,.field select,.field textarea{
  width: 100%;
  padding: .85em 0;
  font: inherit; font-size: .96rem;
  color: var(--ink);
  background: transparent;
  border: 0; border-bottom: 1px solid var(--line);
  border-radius: 0;
  transition: border-color .3s;
  appearance: none;
}
.field textarea{ min-height: 130px; resize: vertical; }
.field select{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%2314140F' stroke-width='1.2'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right .2em center; background-size: 10px;
  padding-right: 2em;
}
.field input:focus,.field select:focus,.field textarea:focus{ outline: none; border-bottom-color: var(--ink); }
.field input::placeholder,.field textarea::placeholder{ color: var(--ash); opacity: .8; }
.form__row{ display: grid; grid-template-columns: 1fr 1fr; gap: 1.6rem; }
@media (max-width: 620px){ .form__row{ grid-template-columns: 1fr; } }
.form__note{ font-size: .75rem; color: var(--ash); line-height: 1.7; }
.form__status{
  display: none; padding: 1em 0; font-size: .85rem;
  border-top: 1px solid var(--line); margin-top: .4rem;
}
.form__status.is-visible{ display: block; }
.form__status.is-error{ color: #8E2F2F; }

/* --------------------------------------------------------------- 21. lists */
.infolist{ display: grid; }
.infolist div{
  display: grid; grid-template-columns: 8.5rem 1fr; gap: 1.4rem;
  padding: 1.2rem 0; border-bottom: 1px solid var(--line-soft);
  font-size: .93rem;
}
.infolist div:first-child{ border-top: 1px solid var(--line-soft); }
.infolist dt{
  font-size: .6rem; letter-spacing: .2em; text-transform: uppercase;
  color: var(--ash); font-weight: 500; padding-top: .35em;
}
.infolist dd{ margin: 0; }
.infolist a{ border-bottom: 1px solid var(--line); transition: border-color .3s; }
.infolist a:hover{ border-color: var(--ink); }
@media (max-width: 560px){ .infolist div{ grid-template-columns: 1fr; gap: .3rem; } }

/* --------------------------------------------------------------- 22. page hero */
.page-hero{
  padding-top: clamp(3rem,6vw,5.4rem);
  padding-bottom: clamp(2rem,4vw,3.4rem);
  border-bottom: 1px solid var(--line);
  position: relative; overflow: clip;
}
.page-hero h1{ max-width: 18ch; }
.page-hero .lead{ margin-top: 1.8rem; }
.page-hero__meta{ display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 2.2rem; }
.pill{
  display: inline-flex; align-items: center;
  padding: .6em 1.05em;
  border: 1px solid var(--line);
  font-size: .6rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase;
  color: var(--graphite);
}
.crumbs{
  font-size: .6rem; letter-spacing: .18em; text-transform: uppercase;
  color: var(--ash); margin-bottom: 2rem; display: flex; gap: .7em; flex-wrap: wrap;
}
.crumbs a:hover{ color: var(--ink); }
.crumbs span{ opacity: .45; }

/* --------------------------------------------------------------- 23. footer */
.site-footer{
  background: var(--ink);
  color: rgba(251,250,246,.7);
  padding-top: clamp(3.4rem,7vw,5.6rem);
  margin-top: clamp(2.6rem,6vw,5rem);
  position: relative; overflow: hidden;
}
.footer__grid{
  display: grid; grid-template-columns: 1.7fr 1fr 1fr 1.2fr;
  gap: clamp(2rem,4vw,3.6rem);
}
@media (max-width: 900px){ .footer__grid{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px){ .footer__grid{ grid-template-columns: 1fr; } }
.footer__brand img{ width: 210px; margin-bottom: 1.8rem; }
.footer__brand p{ font-size: .88rem; line-height: 1.8; max-width: 34ch; color: rgba(251,250,246,.56); }
.footer__col h4{
  font-size: .6rem; font-weight: 500; letter-spacing: .22em; text-transform: uppercase;
  color: rgba(251,250,246,.42); margin-bottom: 1.4rem;
}
.footer__col ul{ display: grid; gap: .75rem; }
.footer__col a{
  font-size: .86rem; color: rgba(251,250,246,.74);
  transition: color .3s, padding-left .4s var(--ease-out);
}
.footer__col a:hover{ color: var(--paper); padding-left: .3rem; }
.footer__contact{ display: grid; gap: .9rem; font-size: .86rem; }
.footer__contact a{ color: rgba(251,250,246,.82); }
.footer__contact a:hover{ color: var(--paper); }
.footer__addr{ line-height: 1.75; font-size: .82rem; color: rgba(251,250,246,.5); }
.footer__licence{
  margin-top: 1.8rem; padding-top: 1.6rem;
  border-top: 1px solid rgba(251,250,246,.14);
  font-size: .72rem; color: rgba(251,250,246,.4); line-height: 1.8;
}
.footer__bottom{
  margin-top: clamp(2.6rem,5vw,4rem);
  padding-block: 1.6rem 2.2rem;
  border-top: 1px solid rgba(251,250,246,.14);
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem;
  font-size: .7rem; letter-spacing: .06em; color: rgba(251,250,246,.44);
}
.footer__legal{ display: flex; flex-wrap: wrap; gap: 1.8rem; }
.footer__legal a:hover{ color: var(--paper); }

/* --------------------------------------------------------------- 24. utility */
.sr-only{
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.mt-0{ margin-top: 0 !important; } .mb-0{ margin-bottom: 0 !important; }
.mt-1{ margin-top: .7rem; } .mt-2{ margin-top: 1.3rem; } .mt-3{ margin-top: 2.2rem; }
.mt-4{ margin-top: 3rem; } .mt-5{ margin-top: 4.2rem; }
.mono{ font-variant-numeric: tabular-nums; }

.progress{
  position: fixed; top: 0; left: 0; height: 1px; width: 100%;
  transform-origin: 0 50%; transform: scaleX(0);
  background: var(--ink); z-index: 200; pointer-events: none;
}

.mobile-cta{
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 150;
  display: none; gap: .6rem;
  padding: .7rem .8rem calc(.7rem + env(safe-area-inset-bottom));
  background: color-mix(in srgb, var(--bone) 94%, transparent);
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  border-top: 1px solid var(--line);
  transform: translateY(110%);
  transition: transform .55s var(--ease-out);
}
.mobile-cta.is-visible{ transform: none; }
.mobile-cta .btn{ flex: 1; justify-content: center; padding-block: .95em; }
@media (max-width: 700px){
  .mobile-cta{ display: flex; }
  body{ padding-bottom: 66px; }
}

/* --------------------------------------------------------------- 25. motion */
[data-reveal]{
  opacity: 0; transform: translateY(26px);
  transition: opacity 1s var(--ease-out), transform 1s var(--ease-out);
  transition-delay: calc(var(--d,0) * 90ms);
}
[data-reveal].is-in{ opacity: 1; transform: none; }
[data-reveal="fade"]{ transform: none; }
[data-reveal="left"]{ transform: translateX(-28px); }
[data-reveal="scale"]{ transform: scale(.97); }

.line-mask{ display: block; overflow: hidden; padding-bottom: .1em; margin-bottom: -.1em; }
.line-mask > span{
  display: block; transform: translateY(105%);
  transition: transform 1.15s var(--ease-out);
  transition-delay: calc(var(--d,0) * 110ms + 90ms);
}
.is-in .line-mask > span{ transform: none; }

/* --------------------------------------------------------------- 26. reduced motion */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
  [data-reveal]{ opacity: 1 !important; transform: none !important; }
  .line-mask > span{ transform: none !important; }
  .blob{ animation: none !important; }
}

/* --------------------------------------------------------------- 27. print */
@media print{
  body::before,.site-header,.drawer,.site-footer,.mobile-cta,.progress{ display: none !important; }
  body{ background: #fff; color: #000; }
  .section{ margin-block: 1.4rem; }
  [data-reveal]{ opacity: 1 !important; transform: none !important; }
  a[href^="http"]::after{ content: " (" attr(href) ")"; font-size: .7em; color: #555; }
}

/* ==========================================================================
   28. MEDIA — script kicker, feature video, gallery, lightbox
   ========================================================================== */

/* the handwritten kicker from their original theme, used sparingly */
.script-kicker{
  display: inline-block;
  font-family: var(--font-script);
  font-size: clamp(1.3rem, 1.1rem + .7vw, 1.75rem);
  font-weight: 600;
  color: var(--clay);
  line-height: 1;
  letter-spacing: .01em;
  transform: rotate(-1.4deg);
  transform-origin: left center;
}

/* ---------- feature video ---------- */
.feature-video{
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--ink);
  box-shadow: var(--shadow-3);
  cursor: pointer;
  border: 0;
  padding: 0;
  isolation: isolate;
}
.feature-video__poster{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform 1.6s var(--ease-out), filter .6s;
  filter: saturate(.85) brightness(.82);
}
.feature-video:hover .feature-video__poster{ transform: scale(1.035); filter: saturate(.95) brightness(.78); }
.feature-video::after{
  content: ""; position: absolute; inset: 0; z-index: 1;
  background:
    linear-gradient(to top, rgba(8,8,6,.88) 0%, rgba(8,8,6,.22) 42%, rgba(8,8,6,.06) 100%);
}
.feature-video__play{
  position: absolute; z-index: 3;
  left: 50%; top: 50%; transform: translate(-50%,-50%);
  width: clamp(72px, 9vw, 104px); height: clamp(72px, 9vw, 104px);
  border-radius: 50%;
  border: 1px solid rgba(251,250,246,.55);
  background: rgba(251,250,246,.92);
  color: var(--ink);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: var(--ink);
  display: grid; place-items: center;
  cursor: pointer;
  transition: background-color .45s, transform .55s var(--ease-out), border-color .4s;
}
.feature-video:hover .feature-video__play{ background: var(--clay); color: #fff; border-color: var(--clay); transform: translate(-50%,-50%) scale(1.06); }
.feature-video__play svg{ width: 26%; height: 26%; margin-left: 6%; fill: currentColor; }
.feature-video__meta{
  position: absolute; z-index: 3; left: 0; right: 0; bottom: 0;
  padding: clamp(1.3rem, 3vw, 2.4rem);
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 1.2rem; color: var(--paper);
}
.feature-video__meta b{
  display: block;
  font-family: var(--font-display);
  font-size: clamp(1.1rem, 1rem + .8vw, 1.75rem);
  font-weight: 400; letter-spacing: -.02em; line-height: 1.2;
  max-width: 22ch;
}
.feature-video__meta .script-kicker{ color: var(--paper); opacity: .82; margin-bottom: .6rem; display: block; }
.feature-video__dur{
  font-size: .6rem; letter-spacing: .18em; text-transform: uppercase;
  color: rgba(251,250,246,.6); white-space: nowrap;
}

/* ---------- gallery ---------- */
.gallery{
  display: grid;
  grid-template-columns: repeat(12, minmax(0,1fr));
  gap: clamp(.6rem, 1.4vw, 1.1rem);
}
.gallery__item{
  position: relative;
  display: block;
  grid-column: span 4;
  overflow: hidden;
  background: var(--bone-2);
  box-shadow: var(--shadow-1);
  cursor: zoom-in;
  transition: box-shadow .6s var(--ease-out), transform .6s var(--ease-out);
}
.gallery__item:hover{ box-shadow: var(--shadow-2); transform: translateY(-3px); }
.gallery__item img{
  width: 100%; height: 100%;
  object-fit: cover;
  aspect-ratio: 4/3;
  transition: transform 1.2s var(--ease-out), filter .6s;
  filter: saturate(.94);
}
.gallery__item:hover img{ transform: scale(1.045); filter: saturate(1); }
.gallery__item--tall{ grid-column: span 4; }
.gallery__item--tall img{ aspect-ratio: 3/4; }
.gallery__item--wide{ grid-column: span 8; }
.gallery__item--wide img{ aspect-ratio: 16/9; }
.gallery__item::after{
  content: "";
  position: absolute; inset: 0;
  box-shadow: inset 0 0 0 1px rgba(251,250,246,.1);
  pointer-events: none;
}
@media (max-width: 820px){
  .gallery{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .gallery__item, .gallery__item--tall, .gallery__item--wide{ grid-column: span 1; }
  .gallery__item img, .gallery__item--wide img, .gallery__item--tall img{ aspect-ratio: 1/1; }
}
@media (max-width: 480px){
  .gallery{ grid-template-columns: 1fr; }
}

/* ---------- lightbox ---------- */
.lightbox{
  position: fixed; inset: 0; z-index: 400;
  display: none;
  background: rgba(8,8,6,.94);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: var(--paper);
}
.lightbox.is-open{ display: grid; grid-template-rows: 1fr auto; }
.lightbox__stage{
  position: relative;
  display: grid; place-items: center;
  padding: clamp(1rem, 4vw, 3rem);
  min-height: 0;
}
.lightbox__img{
  max-width: 100%; max-height: 100%;
  max-height: calc(100vh - 160px);
  object-fit: contain;
  box-shadow: 0 40px 100px -40px rgba(0,0,0,.8);
}
.lightbox__video{
  width: min(1100px, 100%);
  max-height: calc(100vh - 170px);
  background: #000;
}
.lightbox__bar{
  display: flex; align-items: center; justify-content: space-between;
  gap: 1.2rem;
  padding: 1.1rem clamp(1rem, 4vw, 3rem) 1.4rem;
  border-top: 1px solid rgba(251,250,246,.16);
  font-size: .65rem; letter-spacing: .18em; text-transform: uppercase;
  color: rgba(251,250,246,.62);
}
.lightbox__close,
.lightbox__nav{
  position: absolute; z-index: 5;
  width: 46px; height: 46px;
  border: 1px solid rgba(251,250,246,.28);
  background: rgba(8,8,6,.4);
  color: var(--paper);
  display: grid; place-items: center;
  cursor: pointer;
  transition: background-color .3s, border-color .3s;
}
.lightbox__close:hover,
.lightbox__nav:hover{ background: var(--paper); color: var(--ink); border-color: var(--paper); }
.lightbox__close{ top: clamp(1rem,3vw,2rem); right: clamp(1rem,3vw,2rem); }
.lightbox__close svg{ width: 14px; height: 14px; }
.lightbox__nav{ top: 50%; transform: translateY(-50%); }
.lightbox__nav svg{ width: 15px; height: 15px; }
.lightbox__nav--prev{ left: clamp(.6rem,2vw,1.6rem); }
.lightbox__nav--next{ right: clamp(.6rem,2vw,1.6rem); }
@media (max-width: 620px){
  .lightbox__nav{ display: none; }
  .lightbox__img{ max-height: calc(100vh - 130px); }
}

/* ==========================================================================
   29. REFINEMENT — gallery-wall discipline
   Reference: Zara/COS/Aesop. Zero radius, hairline borders, no gradients,
   no glass, photography carries all the colour.
   ========================================================================== */

:root{
  --bone: #F4F2EC;
  --paper: #FCFBF8;
  --ink: #101010;
  --graphite: #333333;
  --ash: #767676;
  --line: rgba(16,16,16,.22);
  --line-soft: rgba(16,16,16,.10);
  --shadow-1: none;
  --shadow-2: none;
  --shadow-3: none;
  --wrap: 1200px;
}

/* flat canvas, no gradient wash */
body{
  background-color: var(--bone);
  background-image: none;
}
body::before{ opacity: .4; }

/* kill every decorative blob */
.hero__art .blob{ display: none; }
.hero__art{ background: none; }

/* zero radius everywhere */
.btn, .card, .vcard, .quote, .vcard__chip, .hero__pin, .panel,
.hero__shot, .moment__frame, .wideimg, .bigquote__shot,
.badge-live, .pill, .mobile-cta .btn{ border-radius: 0 !important; }
.card__icon, .svc__arrow, .faq__ic, .burger, .drawer__close, .lightbox__close, .lightbox__nav{
  border-radius: 0 !important;
}

/* flat surfaces — hairlines only, no elevation */
.card, .vcard, .quote, .panel{
  box-shadow: none !important;
  border: 1px solid var(--line-soft);
  background: transparent;
}
.card:hover, .vcard:hover, .quote:hover{
  box-shadow: none !important;
  border-color: var(--line);
}
.vcard__chip, .card__icon{ box-shadow: none !important; background: var(--paper); }
.feature-video__play{ box-shadow: none !important; }

/* buttons: hairline language */
.btn{
  background: transparent;
  color: var(--ink);
  border: 1px solid var(--ink);
  font-weight: 400;
  letter-spacing: .2em;
}
.btn:hover{ background: var(--ink); color: var(--paper); box-shadow: none !important; }
.btn--ghost{ border-color: var(--line); }
.btn--ghost:hover{ background: var(--ink); color: var(--paper); border-color: var(--ink); }
.btn--light{ background: var(--paper); color: var(--ink); border-color: var(--paper); }
.btn--light:hover{ background: transparent; color: var(--paper); border-color: var(--paper); }
.btn--outline-light{ background: transparent; color: var(--paper); border-color: rgba(252,251,248,.5); }
.btn--outline-light:hover{ background: var(--paper); color: var(--ink); border-color: var(--paper); }

/* the one place a soft shadow survives: photographs, like prints on a wall */
.hero__shot, .moment__frame, .wideimg, .bigquote__shot{
  box-shadow: 0 24px 60px -34px rgba(16,16,16,.42) !important;
}

/* hero pin: solid paper, hairline, no glass */
.hero__pin{
  left: 0; bottom: 4%;
  background: var(--paper);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 1px solid var(--line-soft);
  box-shadow: none !important;
}

/* photography takes more of the page */
.hero{ padding-block: clamp(3rem, 6vw, 5.5rem) clamp(2rem, 4vw, 3.4rem); }
.hero__collage{ aspect-ratio: 1 / 1.12; }
.hero__shot--a{ width: 66%; }
.hero__shot--b{ width: 54%; bottom: 0; }

/* more air between sections */
.section{ margin-block: clamp(2.4rem, 5vw, 4.6rem); }
.section--tight{ margin-block: clamp(1.6rem, 3vw, 2.6rem); }
.section > .wrap{ padding-block: clamp(1.4rem, 3vw, 2.4rem); }

/* editorial type: labels compressed, body readable */
.eyebrow{
  font-size: .625rem;
  letter-spacing: .26em;
  border-bottom: 1px solid var(--line);
  color: var(--ink);
}
.lead{ color: var(--graphite); }

/* the accent is used once per screen, at most */
.hero__sub{ color: var(--clay); }
.script-kicker{ color: var(--clay); }

/* dark section stays the single tonal break */
.proof{ background: var(--ink); }
.proof::before{ display: none; }

/* header: hairline, no blur drama */
.site-header{ background: color-mix(in srgb, var(--bone) 94%, transparent); }
.site-header.is-stuck{ border-bottom-color: var(--line-soft); }
.nav a{ font-size: .6875rem; letter-spacing: .18em; }

/* stats / proof numbers */
.stats{ border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }

/* gallery + video flat */
.gallery__item{ box-shadow: none !important; }
.gallery__item:hover{ box-shadow: none !important; }
.feature-video{ box-shadow: none !important; }

/* lightbox stays dark and cinematic */
.lightbox{ background: rgba(8,8,8,.96); backdrop-filter: none; -webkit-backdrop-filter: none; }

/* ==========================================================================
   30. THE MONOGRAPH — book-derived layout system
   A margin column with chapter numbers and running heads, a full-bleed
   cover, a contents strip, and numbered chapters. Built to look printed,
   not templated.
   ========================================================================== */

:root{
  --margin-w: 172px;
  --folio: "Inter", sans-serif;
}

/* ---------- cover ---------- */
.cover{
  position: relative;
  height: min(92vh, 900px);
  min-height: 560px;
  margin: 0;
  overflow: hidden;
  background: var(--ink);
  color: var(--paper);
  isolation: isolate;
}
.cover__img{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  filter: grayscale(.12) contrast(1.03) brightness(.86);
  transform: scale(1.02);
  animation: coverDrift 22s ease-out forwards;
}
@keyframes coverDrift{ to{ transform: scale(1.08); } }
.cover::after{
  content: "";
  position: absolute; inset: 0;
  background:
    linear-gradient(to top, rgba(10,10,8,.88) 0%, rgba(10,10,8,.42) 34%, rgba(10,10,8,.06) 62%, rgba(10,10,8,.28) 100%);
}
.cover__inner{
  position: absolute; inset: 0; z-index: 2;
  display: flex; flex-direction: column; justify-content: flex-end;
  padding-bottom: clamp(2rem, 4vw, 3.4rem);
  padding-top: clamp(6rem, 12vw, 9rem);
}
.cover__top{
  position: absolute; top: clamp(1.4rem, 3vw, 2.4rem); left: 0; right: 0;
  display: flex; justify-content: space-between; align-items: flex-start;
  gap: 1.5rem;
  font-size: .6rem; letter-spacing: .24em; text-transform: uppercase;
  color: rgba(252,251,248,.72);
}
.cover__top span:last-child{ text-align: right; max-width: 22ch; line-height: 1.9; }

.cover h1{
  color: var(--paper);
  font-size: clamp(2.8rem, 1.2rem + 6vw, 7.4rem);
  line-height: .92;
  letter-spacing: -.034em;
  max-width: 15ch;
  margin: 0;
}
.cover h1 em{ font-style: italic; color: #E8B896; }

.cover__foot{
  display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between;
  gap: 1.6rem;
  margin-top: clamp(1.6rem, 3vw, 2.6rem);
  padding-top: 1.4rem;
  border-top: 1px solid rgba(252,251,248,.24);
}
.cover__lead{
  max-width: 46ch;
  font-size: clamp(.95rem, .9rem + .3vw, 1.08rem);
  line-height: 1.75;
  color: rgba(252,251,248,.78);
}
.cover__actions{ display: flex; flex-wrap: wrap; gap: .6rem; }
.cover .btn{ border-color: rgba(252,251,248,.5); color: var(--paper); background: transparent; }
.cover .btn:hover{ background: var(--paper); color: var(--ink); border-color: var(--paper); }
.cover .btn--solid{ background: var(--paper); color: var(--ink); border-color: var(--paper); }
.cover .btn--solid:hover{ background: transparent; color: var(--paper); }

/* vertical running head */
.running-head{
  position: absolute; left: calc(-1 * var(--gutter)); top: 50%;
  transform: rotate(180deg) translateY(50%);
  writing-mode: vertical-rl;
  font-size: .58rem; letter-spacing: .34em; text-transform: uppercase;
  color: rgba(252,251,248,.5);
  z-index: 3;
  pointer-events: none;
}

/* ---------- contents strip ---------- */
.contents{
  border-bottom: 1px solid var(--line);
  background: var(--paper);
}
.contents__row{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 1px;
}
.contents a{
  display: flex; align-items: baseline; gap: .8rem;
  padding: 1.15rem .2rem 1.15rem 0;
  border-left: 1px solid var(--line-soft);
  padding-left: clamp(.9rem, 2vw, 1.6rem);
  font-size: .66rem; letter-spacing: .2em; text-transform: uppercase;
  color: var(--graphite);
  transition: color .3s;
}
.contents a:first-child{ border-left: 0; padding-left: 0; }
.contents a:hover{ color: var(--ink); }
.contents a b{
  font-family: var(--folio); font-weight: 500;
  color: var(--ash); font-size: .6rem;
}
@media (max-width: 760px){
  .contents__row{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .contents a:nth-child(3){ border-left: 0; padding-left: 0; }
  .contents a:nth-child(n+3){ border-top: 1px solid var(--line-soft); }
}

/* ---------- the frame: margin + content ---------- */
.frame{
  display: grid;
  grid-template-columns: var(--margin-w) minmax(0,1fr);
  column-gap: clamp(1rem, 3vw, 3.4rem);
  align-items: start;
}
.frame__margin{
  position: sticky; top: 110px;
  display: flex; flex-direction: column; gap: 1.1rem;
}
.frame__num{
  font-family: var(--font-display);
  font-size: clamp(2.4rem, 3.4vw, 4rem);
  line-height: .78;
  letter-spacing: -.055em;
  color: var(--ink);
}
.frame__label{
  font-size: .58rem; letter-spacing: .3em; text-transform: uppercase;
  color: var(--ash);
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  margin-top: .4rem;
}
@media (max-width: 980px){
  .frame{ grid-template-columns: 1fr; }
  .frame__margin{
    position: static; flex-direction: row; align-items: baseline;
    gap: 1.2rem; padding-bottom: 1.1rem; border-bottom: 1px solid var(--line-soft);
    margin-bottom: 1.4rem;
  }
  .frame__num{ font-size: 2.2rem; }
  .frame__label{ writing-mode: horizontal-tb; transform: none; margin: 0; }
}

/* chapter head inside the content column */
.chapter-head{
  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between;
  gap: 1rem 2rem;
  padding-bottom: 1.1rem;
  border-bottom: 1px solid var(--line);
  margin-bottom: clamp(1.6rem, 3vw, 2.6rem);
}
.chapter-head h2{
  font-size: clamp(1.9rem, 1.1rem + 3vw, 3.4rem);
  max-width: 18ch;
  letter-spacing: -.026em;
}
.chapter-head p{
  font-size: .72rem; letter-spacing: .16em; text-transform: uppercase;
  color: var(--ash); max-width: 26ch; line-height: 1.9;
}

/* ---------- service index (list, not cards) ---------- */
.index-list{ border-top: 1px solid var(--line); }
.index-row{
  display: grid;
  grid-template-columns: 3.2rem minmax(0,1fr) auto;
  gap: clamp(1rem, 2vw, 2rem);
  align-items: baseline;
  padding: clamp(1.2rem, 2.2vw, 1.8rem) 0;
  border-bottom: 1px solid var(--line);
  transition: padding-left .5s var(--ease-out), color .3s;
}
.index-row:hover{ padding-left: .7rem; color: var(--clay); }
.index-row__n{
  font-size: .6rem; letter-spacing: .2em; color: var(--ash); font-weight: 500;
}
.index-row__t{
  font-family: var(--font-display);
  font-size: clamp(1.25rem, 1rem + 1.1vw, 2.05rem);
  line-height: 1.1; letter-spacing: -.024em;
}
.index-row__d{
  font-size: .8rem; color: var(--graphite); max-width: 34ch; text-align: right; line-height: 1.7;
}
@media (max-width: 760px){
  .index-row{ grid-template-columns: 2.4rem minmax(0,1fr); }
  .index-row__d{ display: none; }
}

/* ---------- full-bleed plates ---------- */
.plate{
  position: relative;
  width: 100%;
  background: var(--ink);
  overflow: hidden;
}
.plate img{
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
.plate--16x9{ aspect-ratio: 16/9; }
.plate--21x9{ aspect-ratio: 21/9; }
.plate__cap{
  display: flex; justify-content: space-between; gap: 1rem;
  padding-top: .8rem;
  font-size: .58rem; letter-spacing: .22em; text-transform: uppercase;
  color: var(--ash);
}

/* ---------- pull quote ---------- */
.pull{
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 1.2rem + 3vw, 3.8rem);
  line-height: 1.12;
  letter-spacing: -.03em;
  max-width: 24ch;
}
.pull em{ font-style: italic; color: var(--clay); }

/* margin caption */
.margcap{
  font-size: .58rem; letter-spacing: .22em; text-transform: uppercase;
  color: var(--ash); line-height: 1.9;
}

/* hide the old generic hero when the cover is used */
.cover ~ * .hero{ display: none; }

/* ==========================================================================
   31. THEIR LANGUAGE — the brand palette and warmth of the original site,
   rebuilt with better craft. Teal #005467, gold #FFDA47, white canvas.
   ========================================================================== */

:root{
  --canvas:    #FFFFFF;
  --tint:      #F5F8F8;
  --tint-2:    #EAF1F1;
  --bone:      #FFFFFF;
  --paper:     #FFFFFF;
  --ink:       #10333B;
  --graphite:  #4E6870;
  --ash:       #7E9298;
  --teal:      #005467;
  --teal-deep: #003C4B;
  --gold:      #FFDA47;
  --gold-soft: #FFF0B8;
  --coral:     #E8834A;
  --clay:      #D97036;
  --line:      rgba(0,84,103,.16);
  --line-soft: rgba(0,84,103,.09);

  --shadow-1: 0 1px 2px rgba(0,84,103,.06), 0 4px 12px -6px rgba(0,84,103,.14);
  --shadow-2: 0 2px 6px rgba(0,84,103,.06), 0 22px 44px -24px rgba(0,84,103,.30);
  --shadow-3: 0 4px 12px rgba(0,84,103,.07), 0 40px 80px -40px rgba(0,84,103,.38);
  --shadow-img: 0 2px 8px rgba(0,84,103,.08), 0 40px 80px -46px rgba(0,84,103,.5);

  --r-sm: 12px;
  --r-md: 18px;
  --r-card: 24px;
  --r-lg: 30px;
  --r-pill: 999px;

  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --font-ui: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-script: "Caveat", "Bradley Hand", cursive;
}

/* canvas back to white with a soft tint rhythm */
body{
  background-color: var(--canvas);
  background-image: none;
  color: var(--ink);
  font-family: var(--font-ui);
  font-weight: 400;
  line-height: 1.72;
  letter-spacing: 0;
}
body::before{ opacity: .18; }

/* type */
h1,h2,h3,h4,h5{
  font-family: var(--font-display);
  font-weight: 500;
  color: var(--teal);
  letter-spacing: -.012em;
  font-variation-settings: "opsz" 36;
}
h1{ font-size: clamp(2.2rem, 1.2rem + 3.6vw, 4.1rem); line-height: 1.1; letter-spacing: -.018em; }
h2{ font-size: clamp(1.75rem, 1.1rem + 2.4vw, 3rem); line-height: 1.16; letter-spacing: -.014em; }
h3{ font-size: clamp(1.12rem, 1rem + .5vw, 1.4rem); font-weight: 600; line-height: 1.3; color: var(--ink); }
h4{ font-size: 1.02rem; font-weight: 700; color: var(--ink); }
.lead{ color: var(--graphite); font-size: clamp(1.02rem, .98rem + .3vw, 1.14rem); line-height: 1.75; }
p{ color: var(--graphite); }
.prose p{ color: var(--graphite); }

/* the script label, exactly like their theme — with a hand-drawn rule */
.eyebrow{
  display: inline-block;
  font-family: var(--font-script);
  font-size: clamp(1.35rem, 1.15rem + .7vw, 1.75rem);
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: var(--coral);
  border: 0;
  padding: 0 0 .1rem;
  margin-bottom: .9rem;
  line-height: 1;
  position: relative;
}
.eyebrow::after{
  content: "";
  position: absolute; left: 0; bottom: -.45rem;
  width: 74%; height: 6px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8' preserveAspectRatio='none'%3E%3Cpath d='M1 5.5C18 2.2 38 1.6 58 3.2c18 1.5 38 .6 61-2.1' fill='none' stroke='%23FFDA47' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat left center/100% 100%;
}
.script-kicker{ color: var(--coral); }

/* buttons: pills, teal, warm */
.btn{
  border-radius: var(--r-pill) !important;
  background: var(--teal);
  color: #fff;
  border: 1px solid var(--teal);
  font-family: var(--font-ui);
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .01em;
  text-transform: none;
  padding: 1.05em 1.85em;
  box-shadow: 0 10px 24px -14px rgba(0,84,103,.7);
}
.btn:hover{ background: var(--teal-deep); border-color: var(--teal-deep); color: #fff; box-shadow: 0 14px 30px -14px rgba(0,84,103,.75); }
.btn--ghost{ background: transparent; color: var(--teal); border-color: var(--line); box-shadow: none; }
.btn--ghost:hover{ background: var(--teal); color: #fff; border-color: var(--teal); }
.btn--light{ background: #fff; color: var(--teal); border-color: #fff; }
.btn--light:hover{ background: var(--gold); color: var(--teal-deep); border-color: var(--gold); }
.btn--outline-light{ background: transparent; color: #fff; border-color: rgba(255,255,255,.5); }
.btn--outline-light:hover{ background: #fff; color: var(--teal); border-color: #fff; }
.btn--gold{ background: var(--gold); color: var(--teal-deep); border-color: var(--gold); }
.btn--gold:hover{ background: #FFE97F; border-color: #FFE97F; color: var(--teal-deep); }
.btn--sm{ font-size: .76rem; padding: .8em 1.35em; }
.btn--lg{ font-size: .9rem; padding: 1.15em 2.15em; }

.link-arrow{
  border-radius: 0;
  border-bottom: 1px solid var(--line);
  font-size: .82rem; font-weight: 700; letter-spacing: 0; text-transform: none;
  color: var(--teal);
}
.link-arrow:hover{ color: var(--coral); border-color: var(--coral); }

/* cards: white, rounded, softly lifted, circular chips */
.card, .vcard, .quote{
  border-radius: var(--r-card) !important;
  background: var(--canvas);
  border: 1px solid var(--line-soft);
  box-shadow: var(--shadow-1) !important;
}
.card:hover, .vcard:hover, .quote:hover{ box-shadow: var(--shadow-2) !important; border-color: var(--line); }
.card__icon{
  border-radius: 50% !important;
  width: 56px; height: 56px;
  background: var(--tint-2);
  border: 0;
  color: var(--teal);
  box-shadow: none !important;
}
.card:hover .card__icon{ background: var(--teal); color: #fff; }
.vcard{ overflow: hidden; }
.vcard__img{ border-radius: 0; }
.vcard__chip{ border-radius: 50% !important; background: #fff; color: var(--teal); box-shadow: var(--shadow-1) !important; }
.vcard__body h3{ font-family: var(--font-display); font-weight: 500; color: var(--teal); }

/* pills + badges */
.pill, .badge-live{ border-radius: var(--r-pill) !important; border-color: var(--line); }
.badge-live{ background: var(--gold-soft); border-color: #F5E48A; color: #6B5300; }
.badge-live i{ background: #2E8B57; }

/* header */
.site-header{ background: rgba(255,255,255,.92); border-bottom: 1px solid var(--line-soft); }
.site-header.is-stuck{ box-shadow: 0 10px 30px -26px rgba(0,84,103,.6); border-bottom-color: var(--line-soft); }
.nav a{ font-family: var(--font-ui); font-size: .87rem; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--graphite); }
.nav a:hover, .nav a[aria-current="page"]{ color: var(--teal); }
.nav a::after{ background: var(--gold); height: 3px; border-radius: 2px; }
.header-actions .btn{ text-transform: none; }

/* sections: white with soft tinted panels */
.section > .wrap{ padding-block: clamp(1.4rem, 3vw, 2.4rem); }
.proof{ background: var(--teal); }
.proof::before{ display: block; background: radial-gradient(60% 70% at 85% 0%, rgba(255,218,71,.16), transparent 60%); }
.proof h2{ color: #fff; }
.proof p{ color: rgba(255,255,255,.78); }
.proof .eyebrow{ color: var(--gold); }
.proof .eyebrow::after{ opacity: .0; }
.proof__num{ color: #fff; font-family: var(--font-display); }
.proof__num em{ color: var(--gold); }
.proof__label{ color: rgba(255,255,255,.62); }
.proof .link-arrow{ color: #fff; border-color: rgba(255,255,255,.4); }

.band, .closer{ background: var(--teal); border-radius: var(--r-lg); }
.band h2, .closer h2{ color: #fff; }
.band .eyebrow, .closer .eyebrow{ color: var(--gold); }
.band p, .closer p{ color: rgba(255,255,255,.8); }
.imgband::after{ background: linear-gradient(105deg, rgba(0,60,75,.94), rgba(0,60,75,.7) 50%, rgba(0,60,75,.4)); }

/* footer */
.site-footer{ background: var(--teal-deep); }
.footer__col h4{ color: rgba(255,255,255,.5); }
.footer__col a{ color: rgba(255,255,255,.82); }
.footer__col a:hover{ color: var(--gold); }

/* forms */
.field input, .field select, .field textarea{
  border-radius: var(--r-sm);
  border: 1px solid var(--line);
  background: #fff;
  padding: .95em 1.05em;
  color: var(--ink);
}
.field input:focus, .field select:focus, .field textarea:focus{
  border-color: var(--teal);
  box-shadow: 0 0 0 4px rgba(0,84,103,.1);
}
.field label{ font-family: var(--font-ui); font-size: .74rem; letter-spacing: .06em; text-transform: uppercase; color: var(--graphite); font-weight: 700; }

/* imagery: rounded, warm */
.hero__shot, .moment__frame, .wideimg, .bigquote__shot, .feature-video{
  border-radius: var(--r-lg) !important;
  box-shadow: var(--shadow-img) !important;
  overflow: hidden;
}
.feature-video__play{ border-radius: 50% !important; }
.lightbox__img{ border-radius: var(--r-md); }
.gallery__item{ border-radius: var(--r-md) !important; overflow: hidden; }
.gallery__item img{ border-radius: 0; }

/* the cover gets rounded corners and a gold rule */
.cover{ border-radius: var(--r-lg); margin-inline: var(--gutter); }
.cover h1{ font-family: var(--font-display); font-weight: 500; letter-spacing: -.016em; }
.cover h1 em{ color: var(--gold); }

/* small caps utilities back to friendly */
.margcap, .moment__cap span, .crumbs, .footer__bottom{ letter-spacing: .1em; text-transform: uppercase; }

/* ==========================================================================
   32. REFINEMENT LAYER — Eastern restraint (新中式 / "premium")
   Rice-paper ground, vermillion seal, vertical margin text, ink-brush rules,
   much more negative space. Applied over their content, not in place of it.
   ========================================================================== */

:root{
  --paper-rice: #FBF9F3;
  --seal:       #A63A2A;   /* vermillion */
  --brass:      #B4913C;
  --ink-soft:   #2A3A3E;
}

body{
  background-color: var(--paper-rice);
  background-image:
    radial-gradient(120% 80% at 50% -20%, rgba(180,145,60,.05), transparent 60%);
  color: var(--ink-soft);
}

/* rice-paper fibre: two layered noise passes, very low opacity */
body::before{
  opacity: .5;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23f)' opacity='.05'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Crect width='6' height='6' fill='none'/%3E%3Cpath d='M0 3h6' stroke='%23000' stroke-opacity='.02' stroke-width='0.6'/%3E%3C/svg%3E");
}

/* ---------- seal ---------- */
.seal{
  display: inline-grid; place-items: center;
  width: 44px; height: 44px;
  background: var(--seal);
  color: #FFF6EC;
  border-radius: 3px;
  font-family: var(--font-display);
  font-size: 1.18rem;
  line-height: 1;
  letter-spacing: .02em;
  flex: 0 0 auto;
  box-shadow: inset 0 0 0 1px rgba(255,246,236,.28);
  transform: rotate(-2deg);
}
.seal--sm{ width: 30px; height: 30px; font-size: .82rem; }
.seal--outline{ background: transparent; color: var(--seal); box-shadow: inset 0 0 0 1.5px var(--seal); }

/* ---------- vertical margin label ---------- */
.vlabel{
  writing-mode: vertical-rl;
  font-size: .58rem;
  letter-spacing: .38em;
  text-transform: uppercase;
  color: var(--ash);
  display: inline-block;
  line-height: 1;
}

/* ---------- ink-brush rule ---------- */
.ink-rule{
  height: 14px;
  margin-block: clamp(2.2rem, 5vw, 4.2rem);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 14' preserveAspectRatio='none'%3E%3Cpath d='M0 7C160 2 320 11 480 6.5S800 2 960 7s180 5 240 1.5' fill='none' stroke='%232A3A3E' stroke-opacity='.28' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat center/100% 100%;
}

/* ---------- generous negative space ---------- */
.section{ margin-block: clamp(3rem, 7vw, 7rem); }
.section > .wrap{ padding-block: clamp(1rem, 2vw, 1.6rem); }
.hero{ padding-block: clamp(4rem, 9vw, 8.5rem) clamp(3rem, 6vw, 5.5rem); }

/* ---------- type refinement ---------- */
h1, h2{ letter-spacing: -.006em; }
h1{ font-weight: 400; }
h2{ font-weight: 400; }
.lead{ line-height: 1.85; color: #4E6470; }
p{ line-height: 1.8; }

/* section labels: script in seal-red, brush underline in brass */
.eyebrow{ color: var(--seal); }
.eyebrow::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8' preserveAspectRatio='none'%3E%3Cpath d='M2 5.6C22 2.4 44 1.8 62 3.4c16 1.4 34 .5 56-2.2' fill='none' stroke='%23B4913C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* cards: paper-white, hairline brass edge, no heavy shadow */
.card, .vcard, .quote{
  background: #FEFDF9;
  border: 1px solid rgba(180,145,60,.22);
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 10px 30px -24px rgba(42,58,62,.5) !important;
}
.card:hover, .vcard:hover, .quote:hover{
  box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 22px 44px -30px rgba(42,58,62,.55) !important;
  border-color: rgba(180,145,60,.4);
}
.card__icon{ background: rgba(0,84,103,.06); color: var(--teal); }

/* buttons: quieter, seal-red for the single primary action */
.btn{ background: var(--teal); border-color: var(--teal); box-shadow: none; letter-spacing: .02em; }
.btn:hover{ background: var(--teal-deep); border-color: var(--teal-deep); }
.btn--gold{ background: var(--brass); border-color: var(--brass); color: #FFFDF6; }
.btn--gold:hover{ background: #9A7A2E; border-color: #9A7A2E; color: #FFFDF6; }
.link-arrow{ border-bottom-color: rgba(42,58,62,.25); }
.link-arrow:hover{ color: var(--seal); border-color: var(--seal); }

/* dark sections become deep ink-teal with brass hairlines */
.proof, .band, .closer{ background: #123037; }
.proof .eyebrow, .band .eyebrow, .closer .eyebrow{ color: #E9C877; }
.proof .eyebrow::after, .band .eyebrow::after, .closer .eyebrow::after{ display: none; }
.band, .closer{ border-radius: 4px; }

/* header: hairline brass, seal beside the wordmark */
.site-header{ background: rgba(251,249,243,.9); border-bottom: 1px solid rgba(180,145,60,.24); }
.site-header.is-stuck{ box-shadow: 0 8px 30px -26px rgba(42,58,62,.7); }
.nav a{ color: #3D5259; }
.nav a:hover, .nav a[aria-current="page"]{ color: var(--teal); }
.nav a::after{ background: var(--brass); }

/* imagery: hairline frame, brass */
.hero__shot, .wideimg, .moment__frame, .feature-video, .gallery__item{
  outline: 1px solid rgba(180,145,60,.28);
  outline-offset: -1px;
}

/* footer */
.site-footer{ background: #0E2A30; }
.footer__col a:hover{ color: #E9C877; }

/* stats */
.proof__num{ font-family: var(--font-display); font-weight: 300; }

/* ---- corrections ---- */
.brand{ gap: .8rem; }
.brand .seal{ width: 26px; height: 26px; font-size: .68rem; transform: rotate(-3deg); }

.btn--ghost{ background: transparent; color: var(--teal); border-color: rgba(0,84,103,.28); }
.btn--ghost:hover{ background: var(--teal); color: #fff; border-color: var(--teal); }
.btn--outline-light{ background: transparent; color: #fff; border-color: rgba(255,255,255,.5); }
.btn--outline-light:hover{ background: #fff; color: var(--teal); border-color: #fff; }
.link-arrow{ text-transform: none; }

/* Source: assets/css/modern.css */
:root{--font-display:'Newsreader',Georgia,serif;--font-ui:'Nunito Sans',Arial,sans-serif;--bone:#f8f7f1;--ink:#073f4c;--clay:#957c40;--teal:#06495a}body{background:#f8f7f1;color:#073f4c}body:before{display:none}h1,h2,h3{font-family:var(--font-display);font-weight:400}a{transition:background .25s,color .25s,transform .25s}a:focus-visible,button:focus-visible{outline:3px solid #b29244;outline-offset:6px}.site-header{position:relative;background:#f8f7f1;border-bottom:1px solid #d8dfd9;box-shadow:none}.site-header__inner{min-height:100px}.new-brand{position:relative;display:block;width:220px;height:68px;overflow:hidden;flex-shrink:0}.new-brand img{position:absolute;width:290px!important;max-width:none!important;height:auto!important;left:-35px;top:-42px;mix-blend-mode:multiply}.brand{gap:0}.nav{gap:28px}.nav a{font-size:14px;font-weight:600}.btn,.pill{background:#084b59;color:#fff;border-radius:50px;border:1px solid #084b59}.site-header .btn{font-size:13px;padding:13px 22px}.modern-home{max-width:1600px;margin:auto}.editorial-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:62px 4.5% 64px}.hero-copy{padding:15px 0 0;position:relative}.kicker{font:700 10px/1.5 var(--font-ui);letter-spacing:2px}.hero-copy .kicker{display:flex;align-items:center;gap:10px}.kicker span{width:7px;height:7px;background:#aa8d44;border-radius:50%}.editorial-hero h1{font-size:clamp(62px,6.8vw,108px);letter-spacing:-5px;line-height:.97;margin:34px 0 24px;position:relative}.editorial-hero h1 em{font-weight:400;color:#0b5764}.gold-star{font:42px Georgia;color:#ad8e41;display:inline-block;margin-left:10px;vertical-align:top;transform:rotate(15deg)}.hero-copy>p{font:400 28px/1.2 var(--font-display);margin:0 0 19px}.hero-description{font-size:14px;line-height:1.8;max-width:370px;color:#577071}.hero-links{display:flex;align-items:center;gap:25px;margin:28px 0 35px}.pill{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:15px 24px;text-decoration:none;font-size:13px;font-weight:700}.pill span{font-size:22px;line-height:1}.pill:hover{background:#0a6473;transform:translateY(-3px)}.underlink{font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid #91a29b;padding-bottom:5px}.hero-location{font-size:9px;letter-spacing:1.6px;color:#6c7a74}.hero-visual{position:relative;margin-left:10px;min-height:565px;border-radius:180px 8px 8px 8px}.hero-visual>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:47% center;border-radius:inherit}.hero-visual:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#073f4c99);border-radius:inherit;pointer-events:none}.photo-label{position:absolute;bottom:110px;left:30px;color:white;font:italic 25px var(--font-display);z-index:1;max-width:230px;line-height:1.1}.floating-note{position:absolute;bottom:25px;left:-30px;z-index:2;background:#f5f1e7;padding:18px 26px;display:flex;gap:20px;align-items:center;border-radius:5px;box-shadow:0 8px 35px #052e3220;text-decoration:none}.floating-note span{font-size:9px;letter-spacing:1.2px}.floating-note b{display:block;font:400 23px var(--font-display);letter-spacing:-.5px;margin-top:5px}.floating-note .note-symbol{font-size:28px;color:#a88a3e}.orbit-seal{position:absolute;right:-15px;top:30px;width:120px;height:120px;z-index:3;background:#e9e8c8;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(12deg);font-size:9px;letter-spacing:1px}.orbit-seal i{font:italic 24px var(--font-display);letter-spacing:-1px}.orbit-seal span{font-size:22px;color:#a18644}.values-ribbon{background:#084a58;color:#fff;display:flex;align-items:center;justify-content:space-around;padding:24px 4%;font:24px var(--font-display)}.values-ribbon i{font-size:24px;color:#d1bb83}.intro-section{padding:95px 7%;display:grid;grid-template-columns:1fr 2fr;gap:50px}.intro-section>.kicker{padding-top:15px}h2{font-size:clamp(40px,4.4vw,67px);line-height:1.04;letter-spacing:-2px;margin:0 0 25px}h2 em{font-weight:400;color:#47766d}.intro-bottom{display:flex;align-items:center;gap:55px}.intro-bottom p{max-width:490px;color:#627572;font-size:15px;line-height:1.8}.round-link{width:60px;height:60px;border:1px solid #b7c3b9;border-radius:50%;display:grid;place-items:center;font-size:26px;flex-shrink:0;text-decoration:none}.support-section{background:#edf0e8;padding:75px 4.5%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-heading .kicker{margin-bottom:25px}.section-heading h2{font-size:51px;margin-bottom:0}.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.support-card{border:1px solid #ccd5cc;background:#f8f7f1;padding:27px 24px 20px;text-decoration:none;display:flex;flex-direction:column;min-height:315px;border-radius:4px}.support-card:hover{background:#dfe7db;transform:translateY(-6px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px;font-size:11px;color:#70817a}.card-top b{font:30px Georgia;color:#0a5360}.support-card h3{font-size:28px;line-height:1.05;margin:0 0 14px;letter-spacing:-1px}.support-card p{font-size:13px;line-height:1.8;color:#687b74;margin-bottom:26px}.card-more{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid #d4dcd3;padding-top:15px;font-size:11px;font-weight:700}.waiver-note{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c6d1c7;margin-top:40px;padding-top:25px;gap:20px}.waiver-note>span{font-size:9px;letter-spacing:1px}.waiver-note p{font:23px var(--font-display);margin:0}.waiver-note a{font-size:12px}.belong-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:100px 7%;align-items:center}.belong-image{position:relative}.belong-image img{height:540px;width:100%;object-fit:cover;border-radius:180px 180px 5px 5px}.belong-image span{position:absolute;bottom:35px;left:30px;color:#fff;font:italic 31px var(--font-display)}.belong-copy .kicker{margin-bottom:28px}.belong-copy p{font-size:14px;line-height:1.9;color:#637871;max-width:400px;margin-bottom:25px}.handwritten{font:26px 'Caveat',cursive;color:#9b8349;margin-top:28px;transform:rotate(-4deg)}.area-section{text-align:center;background:#eaeedc;padding:75px 5%}.area-section .kicker{margin-bottom:25px}.county-list{display:flex;justify-content:center;gap:30px;margin:35px auto 20px;flex-wrap:wrap}.county-list span{padding:12px 18px;border:1px solid #bbc7af;border-radius:30px;font-size:12px}.area-section p{font-size:13px;color:#66796b}.begin-section{padding:80px 7%;background:#064756;color:#fff;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}.begin-section h2{margin:24px 0 0}.begin-section h2 em{color:#d7d8ad}.begin-section p{font-size:14px;max-width:330px;color:#c7d9d5}.pill.light{background:#e9ebcf;color:#064756;margin-top:12px}.begin-call{display:block;color:#d6e4df;font-size:12px;margin-top:20px}.site-footer{background:#f0f1e8;color:#174d55;padding-top:60px}.site-footer a,.footer__col h4{color:#174d55}.footer__brand p,.footer__licence,.footer__addr,.footer__bottom{color:#5f746c}.footer__bottom{border-color:#ccd7cb}.art-story{position:relative;display:block}.art-story img{width:100%;max-height:480px;object-fit:cover}.art-story span{position:absolute;bottom:30px;left:30px;color:white;font:35px var(--font-display)}.art-story b{display:block;font:14px var(--font-ui)}
@media(max-width:1000px){.nav{gap:15px}.new-brand{width:190px}.editorial-hero h1{font-size:75px}.gold-star{font-size:35px}.support-grid{grid-template-columns:repeat(2,1fr)}.hero-links{gap:15px}.hero-visual{min-height:590px}.waiver-note{flex-wrap:wrap}.intro-section{gap:25px}}@media(max-width:700px){.site-header__inner{min-height:84px}.new-brand{width:185px;height:60px}.new-brand img{width:250px!important;left:-30px;top:-36px}.editorial-hero{display:flex;flex-direction:column;padding:35px 6% 40px;gap:35px}.editorial-hero h1{font-size:72px;letter-spacing:-3px;margin-top:25px}.gold-star{font-size:35px}.hero-copy>p{font-size:27px}.hero-description{max-width:100%}.hero-location{font-size:8px}.hero-links{margin:25px 0}.hero-visual{min-height:470px;margin:0 8px;border-radius:150px 8px 8px 8px}.floating-note{left:-15px;padding:16px 20px}.orbit-seal{right:-15px;width:100px;height:100px}.photo-label{bottom:110px}.values-ribbon{padding:20px 3%;font-size:17px;gap:10px}.values-ribbon i{font-size:17px}.values-ribbon>span:last-child,.values-ribbon>i:nth-last-child(2){display:none}.intro-section{padding:55px 6%;display:block}.intro-section>.kicker{margin-bottom:25px}.intro-bottom{gap:20px}.intro-bottom p{font-size:14px}.section-heading{display:block}.section-heading h2{font-size:40px;margin-bottom:25px}.support-section{padding:50px 6%}.support-grid{gap:12px}.support-card{padding:20px 15px;min-height:320px}.support-card h3{font-size:25px}.card-top{margin-bottom:25px}.support-card p{font-size:12px}.waiver-note{display:block}.waiver-note p{font-size:21px;margin:10px 0}.belong-section{display:flex;flex-direction:column;padding:55px 6%;gap:40px;align-items:stretch}.belong-image img{height:400px}.belong-copy h2{font-size:52px}.area-section{padding:55px 6%}.county-list{gap:10px}.begin-section{display:block;padding:55px 6%}.begin-section>div+div{margin-top:30px}.begin-section h2{font-size:49px}.footer__brand .new-brand{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.new-brand img{width:270px!important;left:-32px;top:-38px}@media(max-width:700px){.new-brand img{width:230px!important;left:-27px;top:-32px}.editorial-hero h1{font-size:clamp(58px,10vw,72px)}}

/* Source: assets/css/closer.css */
:root{--lime:#d2f36b;--font-display:'Nunito Sans',Arial,sans-serif}body{background:#fbfcf7}h1,h2,h3{font-family:'Nunito Sans',Arial,sans-serif}.site-header{background:#fbfcf7}.tag{font-size:10px;line-height:1.6;font-weight:800;letter-spacing:1.7px;margin-bottom:22px}.closer-home h2{font-size:clamp(34px,3.7vw,56px);font-weight:700;line-height:1.12;letter-spacing:-2px}.closer-home h2 em{font-style:normal;font-weight:500;color:#537a63}.source-hero{position:relative;min-height:660px;background:#0b302b;color:#fff;isolation:isolate}.source-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;z-index:-2}.source-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,35,29,.94),rgba(4,35,29,.7) 35%,rgba(4,35,29,.04) 75%);z-index:-1}.source-hero-content{padding:95px 7% 120px;max-width:850px}.source-hero .tag{color:#d2f36b}.source-hero h1{font:800 clamp(65px,6.7vw,104px)/1.02 'Nunito Sans',sans-serif;letter-spacing:-5px;margin:0 0 28px}.source-hero h1 span{color:#d2f36b}.source-hero p{font-size:19px;color:#edf4e8;line-height:1.6;margin-bottom:30px}.source-actions{display:flex;gap:28px;align-items:center}.closer-home .pill,.site-header .btn{background:#d2f36b;color:#153b2c;border-color:#d2f36b;font-weight:800}.closer-home .pill:hover,.site-header .btn:hover{background:#bee350}.white-link{color:#fff;font-size:13px;text-decoration:none;border-bottom:1px solid #c7dcc2;padding-bottom:5px}.hero-footline{position:absolute;bottom:0;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-top:1px solid #ffffff40;font-size:9px;letter-spacing:1px}.hero-footline a{color:#d2f36b;font-size:24px;text-decoration:none}.quick-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#d2f36b;padding:34px 7%;gap:35px}.quick-strip a{text-decoration:none;color:#193f2c;border-right:1px solid #74923c66;padding-right:20px}.quick-strip a:last-child{border:0}.quick-strip span{font-size:9px;letter-spacing:1px;display:block;margin-bottom:7px}.quick-strip b{font-size:17px}.cause-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:110px 7%;align-items:center}.cause-photo{position:relative;padding-bottom:40px}.cause-photo img{height:470px;width:100%;object-fit:cover;border-radius:12px}.lime-caption{position:absolute;bottom:0;right:-20px;padding:27px 70px 27px 25px;background:#d2f36b;border-radius:8px;font-size:15px;line-height:1.6;box-shadow:0 15px 30px #12382312}.lime-caption b{font-size:20px}.lime-caption span{position:absolute;right:20px;top:32px;font-size:30px}.cause-copy p{font-size:15px;line-height:1.85;color:#627267;max-width:470px}.cause-copy .pill{margin-top:15px}.original-services{padding:80px 7%;background:#eef2e8}.section-heading .tag{margin-bottom:20px}.section-heading h2{margin:0}.real-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.real-service{display:block;background:#fbfcf7;border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .2s}.real-service:hover{transform:translateY(-5px)}.service-photo{position:relative;height:245px;overflow:hidden}.service-photo img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.real-service:hover img{transform:scale(1.04)}.service-photo>span{position:absolute;top:18px;left:18px;width:35px;height:35px;background:#d2f36b;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.service-copy{padding:25px}.service-copy h3{font-size:24px;font-weight:700;letter-spacing:-.8px;margin:0 0 12px}.service-copy p{font-size:13px;line-height:1.8;color:#65786a;min-height:70px}.service-copy>b{display:block;border-top:1px solid #d7e1d0;padding-top:15px;font-size:12px}.mission-band{background:#123c31;color:white;padding:90px 7%;display:grid;grid-template-columns:1fr 1fr;gap:7%}.mission-band .tag{color:#d2f36b}.mission-band h2 em{color:#d2f36b}.mission-band article{display:flex;gap:25px;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #ffffff25}.mission-band article>span{color:#d2f36b;font-size:11px;padding-top:5px}.mission-band h3{font-size:23px;margin:0 0 12px;font-weight:600}.mission-band p{font-size:14px;line-height:1.8;color:#cbdbce}.mission-band small{display:block;margin-top:8px}.benefits-section{padding:90px 7%}.benefits-section .section-heading>p{font-size:14px;color:#637569}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.benefit-grid article{border-top:1px solid #d0dacb;padding-top:25px}.benefit-grid article>span{background:#e6f3c6;border-radius:16px;display:grid;place-items:center;width:56px;height:56px;font-size:29px;margin-bottom:25px}.benefit-grid h3{font-size:21px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.benefit-grid p{font-size:13px;color:#687a6d;line-height:1.8}.personal-banner{position:relative;min-height:410px;isolation:isolate;text-align:center;color:white;display:grid;place-items:center;padding:65px 7%}.personal-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.personal-banner:before{content:'';position:absolute;inset:0;background:#0c2e26ba;z-index:-1}.personal-banner .tag{color:#d2f36b}.personal-banner h2{font-size:48px;max-width:800px}.local-connect{display:flex;justify-content:space-between;align-items:center;padding:80px 7%;gap:40px;background:#edf4df}.local-connect p{font-size:14px;color:#647768}.local-connect>div:last-child>a{display:flex;margin:15px 0;font-size:14px}.site-footer{background:#fbfcf7}.btn{border-radius:50px}.clay{color:#60822c}
@media(max-width:800px){.source-hero{min-height:630px}.source-hero-content{padding:80px 6% 130px}.source-hero h1{font-size:76px}.source-hero-img{object-position:59% center}.source-hero:before{background:linear-gradient(90deg,#052e26e8,#052e2690)}.quick-strip{padding:26px 6%;gap:20px}.quick-strip b{font-size:13px}.cause-section{gap:6%;padding:65px 6%}.cause-photo img{height:400px}.lime-caption{right:-10px;padding:20px 45px 20px 20px}.lime-caption b{font-size:16px}.real-service-grid{gap:15px}.service-photo{height:190px}.service-copy{padding:20px}.service-copy h3{font-size:20px}.mission-band{padding:65px 6%;gap:30px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.personal-banner h2{font-size:40px}}@media(max-width:560px){.source-hero{min-height:680px}.source-hero-content{padding:58px 6% 130px}.source-hero h1{font-size:62px;letter-spacing:-3px}.source-hero .tag{font-size:9px;letter-spacing:1px;max-width:240px}.source-hero p{font-size:17px;max-width:270px}.source-actions{align-items:flex-start;flex-direction:column;gap:22px}.source-hero-img{object-position:54% center}.source-hero:before{background:linear-gradient(90deg,#052e26e8,#052e2699)}.hero-footline{left:6%;right:6%;font-size:8px;gap:15px}.hero-footline>span:nth-child(2){display:none}.quick-strip{grid-template-columns:1fr;padding:10px 6%;gap:0}.quick-strip a{border-right:0;border-bottom:1px solid #90ac53;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.quick-strip span{margin:0;font-size:8px;max-width:90px}.quick-strip b{font-size:13px}.cause-section{display:flex;flex-direction:column;padding:55px 6%;gap:38px}.cause-photo,.cause-copy{width:100%}.cause-photo img{height:360px}.cause-photo{padding-bottom:25px}.lime-caption{right:0}.closer-home h2{font-size:35px;letter-spacing:-1.2px}.original-services,.benefits-section{padding:55px 6%}.real-service-grid{grid-template-columns:1fr;gap:25px}.service-photo{height:240px}.service-copy h3{font-size:25px}.service-copy p{min-height:0}.mission-band{grid-template-columns:1fr;padding:55px 6%}.mission-band h2{margin-bottom:0}.benefit-grid{gap:22px;margin-top:25px}.benefit-grid h3{font-size:20px}.benefit-grid p{font-size:12px}.personal-banner{min-height:410px}.local-connect{display:block;padding:55px 6%}.local-connect>div+div{margin-top:30px}.local-connect .pill{display:inline-flex!important}.section-heading{display:block}.section-heading h2{margin-bottom:25px}}
.source-hero h1,.mission-band h2,.mission-band h3,.personal-banner h2{color:#fff}.closer-home .pill{letter-spacing:.2px;text-transform:none}@media(max-width:560px){.source-hero .pill{padding:15px 20px;gap:20px;font-size:12px}}

/* Source: assets/css/icons-3d.css */
/* Custom sculptural icon family. Decorative images retain semantic headings. */
.sc-icon3d{display:block;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 9px 8px #23472516);transition:transform .35s ease,filter .35s ease}
.benefit-grid{gap:20px;align-items:stretch}
.benefit-grid article{position:relative;border:1px solid #e2e9d9;border-radius:20px;padding:28px 26px 30px;background:linear-gradient(145deg,#ffffff,#f4f7ed);box-shadow:0 8px 20px -16px #173c323b;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.benefit-grid article>span.benefit-icon3d{display:flex;align-items:center;justify-content:flex-start;width:104px;height:104px;margin:0 0 20px;background:none;border-radius:0;font-size:inherit}
.benefit-icon3d .sc-icon3d{width:100%;height:100%}
.benefit-grid article:hover{transform:translateY(-5px);border-color:#c6db9d;box-shadow:0 20px 35px -26px #173c326b}
.benefit-grid article:hover .sc-icon3d{transform:translateY(-3px) rotate(-3deg)}
.benefit-grid h3{font-size:21px;margin:0 0 12px}.benefit-grid p{margin:0}
.mission-band article>span.mission-icon3d{display:block;width:66px;height:66px;flex:0 0 66px;padding:0}.mission-icon3d .sc-icon3d{width:66px;height:66px;filter:drop-shadow(0 9px 8px #0003)}
.lime-caption{padding-right:90px}.lime-caption .caption-icon3d{top:20px;right:12px;width:65px;height:65px}.caption-icon3d .sc-icon3d{width:65px;height:65px}
.service-copy{position:relative;padding-top:30px}.service-copy .service-icon3d{position:absolute;right:18px;top:-38px;width:72px;height:72px;background:linear-gradient(150deg,#fdfefb,#eff4e6);padding:9px;border:1px solid #ffffffc9;border-radius:21px;box-shadow:0 8px 20px -12px #123c3150;transform:rotate(-6deg)}
.real-service:hover .service-copy .service-icon3d{transform:translateY(-3px) rotate(0)}
.card__icon.card__icon3d{width:88px;height:88px;background:none;box-shadow:none;border:0;border-radius:0;padding:0;margin-bottom:18px}.card__icon3d .sc-icon3d{width:88px;height:88px;max-width:none}
.pill{box-shadow:inset 0 1px 0 #ffffff70,0 5px 12px -9px #143d3140}.pill:hover{box-shadow:inset 0 1px 0 #ffffff70,0 9px 20px -12px #143d3160}
@media(max-width:1000px){.benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.benefit-grid{gap:14px}.benefit-grid article{padding:20px 16px 24px;border-radius:16px}.benefit-grid article>span.benefit-icon3d{width:82px;height:82px;margin-bottom:18px}.benefit-grid h3{font-size:19px;line-height:1.2}.benefit-grid p{font-size:12px}.mission-band article{gap:18px}.mission-band article>span.mission-icon3d{width:52px;height:52px;flex-basis:52px}.mission-icon3d .sc-icon3d{width:52px;height:52px}.lime-caption{padding-right:80px}.lime-caption .caption-icon3d{top:15px;right:10px}.service-copy h3{max-width:90%}}
@media(prefers-reduced-motion:reduce){.sc-icon3d,.benefit-grid article{transition:none}.benefit-grid article:hover,.benefit-grid article:hover .sc-icon3d,.real-service:hover .service-copy .service-icon3d{transform:none}}
.sc-icon3d{filter:none}.mission-icon3d .sc-icon3d{filter:none}.service-copy .service-icon3d{background:none;padding:0;border:0;box-shadow:none;border-radius:0;transform:none;width:82px;height:82px;top:-42px}.real-service:hover .service-copy .service-icon3d{transform:translateY(-3px)}.benefit-grid article:hover .sc-icon3d{transform:translateY(-3px)}

/* Source: assets/css/polish.css */
/* Final presentation system: consistent rhythm, rounded surfaces, quiet movement. */
:root{--surface:#fbfcf7;--radius:28px;--motion:360ms cubic-bezier(.22,.61,.36,1);--wrap:1320px}
html{scroll-padding-top:24px}body{background:var(--surface);color:#164b47;overflow-wrap:break-word}
.contact-bar{background:#edf5dc;color:#21452f;font-size:11px;line-height:1.5}
.contact-bar>div{max-width:1320px;margin:auto;padding:10px clamp(20px,4.5vw,54px);display:flex;justify-content:space-between;align-items:center;gap:20px}
.contact-bar span{letter-spacing:.15px}.contact-bar a{display:inline-flex;align-items:center;gap:8px;color:#234c2f;text-decoration:none;white-space:nowrap}.contact-bar a svg{width:15px;height:15px}.contact-bar strong{font-size:12px;font-weight:800}
.site-header,.site-header.is-stuck{background:var(--surface);box-shadow:none;backdrop-filter:none;border-bottom:0}
.site-header__inner{min-height:96px;gap:30px}.new-brand{width:220px;height:66px;isolation:isolate;border:0;background:none!important;border-radius:0;box-shadow:none}
.new-brand img{width:270px!important;max-width:none!important;height:auto!important;left:-32px;top:-38px;mix-blend-mode:multiply;margin:0!important;object-fit:contain}
.nav{gap:26px}.nav a{font-size:13px;font-weight:650}.nav a::after{height:1px}.site-header .btn{font-size:12px;white-space:nowrap}
.btn,.pill,.badge-live,.vcard__chip,.mobile-cta .btn{border-radius:999px!important}.btn,.pill{justify-content:center;gap:0;letter-spacing:0;text-transform:none;padding:15px 26px;line-height:1.35;font-size:13px;font-weight:750;transition:background-color var(--motion),color var(--motion),box-shadow var(--motion),transform var(--motion)}
.btn:hover,.pill:hover{transform:translateY(-2px);box-shadow:0 8px 18px -12px #173c3155!important}.btn::before,.btn::after{display:none}.btn--ghost{background:transparent}
.closer-home{max-width:1500px;margin:0 auto}.source-hero{margin:4px 28px 0;border-radius:34px;overflow:hidden;min-height:635px}.source-hero-content{padding:82px 6.2% 115px}.source-hero h1{font-size:clamp(64px,6.5vw,98px);letter-spacing:-4.5px;line-height:1.04;margin-bottom:24px}.source-hero .tag{font-size:9px;letter-spacing:1.8px}.source-hero p{font-size:18px;line-height:1.7;margin-bottom:30px}.source-actions{gap:28px}.source-hero-img{object-position:center 44%}.hero-footline{left:6.2%;right:6.2%;padding:22px 0;font-size:9px;letter-spacing:1px}.white-link{font-size:13px}.source-hero:before{background:linear-gradient(90deg,#082f27ed,#082f27ad 36%,#082f270c 78%)}
.quick-strip{margin:20px 28px 0;border-radius:26px;padding:30px 6.2%;gap:32px;background:#e5f2c7}.quick-strip a{display:flex;flex-direction:column;gap:6px;justify-content:center}.quick-strip span{font-size:9px;margin:0;letter-spacing:1.3px}.quick-strip b{font-size:16px;font-weight:700;line-height:1.5}
.cause-section{padding:96px 8%;gap:8%}.cause-photo img{border-radius:28px;object-position:center}.lime-caption{border-radius:22px;padding:24px 87px 24px 24px;right:-16px;box-shadow:0 18px 35px -25px #193e3659}.cause-copy h2{margin-bottom:25px}.cause-copy p{font-size:14px;line-height:1.9}.cause-copy .pill{margin-top:14px}
.original-services{margin:0 28px;border-radius:32px;padding:72px 6.2%;background:#eef3e8}.section-heading{gap:35px;align-items:flex-end;margin-bottom:36px}.section-heading .underlink{flex-shrink:0}.closer-home h2{font-size:clamp(34px,3.6vw,54px);letter-spacing:-1.8px;line-height:1.12}.real-service-grid{gap:22px;align-items:stretch;grid-template-columns:repeat(3,minmax(0,1fr))}.real-service{border-radius:24px;background:var(--surface);display:flex;flex-direction:column;border:1px solid #e1e8d9;box-shadow:none;transition:transform var(--motion),box-shadow var(--motion)}.real-service:hover{transform:translateY(-3px);box-shadow:0 18px 28px -24px #20452e50}.service-photo{height:235px;flex-shrink:0;border-radius:23px 23px 0 0}.service-photo img{transition:transform 650ms ease}.real-service:hover img{transform:scale(1.025)}.service-photo>span{background:#f9fcf0e8;border:1px solid #ffffffc9;left:20px;top:20px}.service-copy{display:flex;flex-direction:column;flex:1;padding:32px 25px 25px}.service-copy h3{font-size:23px;line-height:1.25;max-width:100%;margin:0 0 13px}.service-copy p{font-size:13px;line-height:1.85;min-height:0;flex:1;margin:0 0 22px}.service-copy>b{font-size:12px;padding-top:16px;font-weight:700}.service-copy .service-icon3d{top:-38px;right:17px;width:72px;height:72px}.underlink{font-weight:700}.service-copy .sc-icon3d{transform:none}
.mission-band{margin:28px;border-radius:32px;padding:72px 6.2%;gap:8%;grid-template-columns:1fr 1fr}.mission-band article{gap:20px;margin-bottom:24px;padding-bottom:24px}.mission-band article:last-child{margin-bottom:0}.mission-band h3{font-size:22px}.mission-band p{font-size:13px;line-height:1.9;margin:0}.mission-band .tag{font-size:9px}.benefits-section{padding:72px 8% 85px}.benefit-grid{gap:18px}.benefit-grid article{border-radius:24px;padding:25px 23px 28px;box-shadow:none;background:#f5f8ef;border:1px solid #e4eadb}.benefit-grid article:hover{transform:translateY(-3px);box-shadow:0 12px 24px -20px #143d3140}.benefit-grid article>span.benefit-icon3d{width:94px;height:94px;margin-bottom:22px}.benefit-grid h3{font-size:20px;line-height:1.3}.benefit-grid p{font-size:12px;line-height:1.9}.benefits-section .section-heading>p{font-size:13px;line-height:1.9}
.personal-banner{margin:0 28px;border-radius:32px;overflow:hidden;min-height:410px}.personal-banner h2{max-width:800px;margin:0 auto 28px}.personal-banner .tag{font-size:9px}.local-connect{margin:28px;border-radius:32px;padding:65px 6.2%;background:#edf4df}.local-connect h2{margin-bottom:20px}.local-connect>div:last-child{flex-shrink:0}.local-connect>div:last-child>a[href^="tel:"]{background:transparent;padding:8px 0;color:#194a33;font-size:16px;font-weight:800;justify-content:center;text-decoration:none}.local-connect p{font-size:13px;line-height:1.8}
.site-footer{margin-top:45px;padding-top:20px;background:var(--surface)}.footer__grid{grid-template-columns:1.5fr .9fr .8fr 1.3fr;gap:34px}.footer__contact a{overflow-wrap:anywhere;line-height:1.8}.footer__contact>a[href^="tel:"]{justify-self:start;background:#e7f2d2;color:#204d32;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:800;letter-spacing:0;text-decoration:none}.footer__bottom{letter-spacing:.25px;text-transform:none;font-size:10px;line-height:1.8;padding-right:84px}.footer__brand p,.footer__licence{font-size:12px;line-height:1.85}.footer__licence{margin-top:18px}.footer__col h4{font-size:10px;letter-spacing:1.3px;font-weight:750}.footer__col a:hover{padding-left:0;color:#4f743a}.footer__col a{font-size:12px;line-height:1.8}
.card,.vcard,.quote,.panel,.hero__pin,.hero__shot,.moment__frame,.wideimg,.bigquote__shot,.gallery__item,.feature-video,.art-story,.form,.callout,.aside,.cta,.notice{border-radius:26px!important}.card,.panel,.quote{box-shadow:none!important}.vcard,.gallery__item,.wideimg,.moment__frame,.feature-video,.art-story{overflow:hidden}.vcard__img{border-radius:0!important}.card__icon,.svc__arrow,.faq__ic,.burger,.drawer__close,.lightbox__close{border-radius:50%!important}.card__icon.card__icon3d{border-radius:0!important;background:none!important}.svc{border-radius:20px;transition:background-color var(--motion);padding-inline:20px}.svc:hover{padding-left:20px;background:#eff5e6}.svc__arrow{display:none}.burger{width:44px;height:44px;background:#eef4e4;border:0}.drawer__panel{border-radius:28px 0 0 28px;background:var(--surface)}.drawer__nav a{padding:14px 0}.field input,.field select,.field textarea{border-radius:16px!important}.form{border-radius:26px!important}.faq__item{border-radius:18px}.lightbox__nav{border-radius:999px!important;width:auto!important;height:auto!important;padding:10px 16px;font:600 12px var(--font-ui)}.lightbox__nav svg{display:none}.link-arrow{gap:0;letter-spacing:0}.link-arrow:hover{gap:0}.mobile-cta{display:none!important}
.whatsapp-float{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:130;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#d2f36b;color:#194530;border:1px solid #bddd80;box-shadow:0 8px 25px -6px #123c3140;text-decoration:none;transition:transform var(--motion),background-color var(--motion),box-shadow var(--motion)}.whatsapp-float>svg{width:31px;height:31px}.whatsapp-float:hover,.whatsapp-float:focus-visible{background:#c8ed5a;transform:translateY(-3px);box-shadow:0 12px 25px -7px #123c3150}.whatsapp-label{position:absolute;right:74px;background:#173e30;color:#fff;font:600 12px/1.4 var(--font-ui);padding:11px 15px;border-radius:12px;white-space:nowrap;opacity:0;pointer-events:none;transform:translateX(4px);transition:opacity .25s,transform .25s}.whatsapp-float:hover .whatsapp-label,.whatsapp-float:focus-visible .whatsapp-label{opacity:1;transform:translateX(0)}
[data-polish-reveal].polish-wait{opacity:0;transform:translateY(14px)}[data-polish-reveal]{transition:opacity 650ms ease,transform 650ms cubic-bezier(.22,.61,.36,1)}[data-reveal]{transition-duration:650ms!important}.card:hover,.vcard:hover,.quote:hover{transform:translateY(-3px)}.card::before,.quote::before{display:none}.sc-icon3d{transition:transform var(--motion)}
@media(max-width:1100px){.site-header__inner{gap:20px}.nav{gap:18px}.new-brand{width:205px}.source-hero h1{font-size:78px}.source-hero{min-height:610px}.footer__grid{grid-template-columns:1.2fr 1fr;gap:35px}.real-service-grid{gap:16px}.service-copy{padding:30px 20px 23px}.service-copy h3{font-size:21px}.mission-band{gap:5%}}
@media(max-width:800px){.source-hero,.original-services,.mission-band,.personal-banner,.local-connect{margin-left:20px;margin-right:20px;border-radius:28px}.quick-strip{margin-left:20px;margin-right:20px;border-radius:24px;padding:25px 5%;gap:20px}.source-hero{min-height:610px}.source-hero-content{padding:70px 6% 110px}.source-hero h1{font-size:74px}.source-hero:before{background:linear-gradient(90deg,#072f27f0,#072f27a6 65%,#072f2750)}.quick-strip b{font-size:13px}.cause-section{padding:70px 6%;gap:6%}.cause-photo img{height:400px}.closer-home h2{font-size:36px}.real-service-grid{grid-template-columns:1fr}.real-service{display:grid;grid-template-columns:1fr 1fr}.service-photo{height:100%;min-height:230px;border-radius:23px 0 0 23px}.service-copy{padding:28px 22px}.service-copy .service-icon3d{position:static;width:56px;height:56px;margin-bottom:12px}.service-copy h3{font-size:23px}.mission-band{grid-template-columns:1fr;padding:50px 6%;gap:30px}.benefits-section{padding:60px 6%}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.personal-banner h2{font-size:38px}.local-connect{padding:50px 6%;gap:28px}.contact-bar>div{padding-inline:24px}}
@media(max-width:560px){.contact-bar>div{padding:9px 20px;gap:8px}.contact-bar span{font-size:9px;line-height:1.4;max-width:130px}.contact-bar strong{font-size:11px}.contact-bar a{gap:5px}.contact-bar a svg{width:13px;height:13px}.site-header__inner{min-height:83px;padding-inline:20px}.new-brand{width:190px;height:60px}.new-brand img{width:238px!important;left:-28px;top:-33px}.source-hero{margin:0 14px;min-height:620px;border-radius:26px}.source-hero-content{padding:46px 7% 108px}.source-hero h1{font-size:clamp(48px,12vw,66px);letter-spacing:-2.8px;line-height:1.05}.source-hero .tag{font-size:8px;letter-spacing:1.1px;max-width:230px;margin-bottom:22px}.source-hero p{font-size:15px;line-height:1.8;max-width:265px}.source-hero-img{object-position:54% center}.source-hero:before{background:linear-gradient(90deg,#072f27ef,#072f27a6)}.source-actions{gap:22px}.source-actions .pill{padding:15px 23px;font-size:12px}.white-link{font-size:12px}.hero-footline{left:7%;right:7%;font-size:8px;letter-spacing:.6px;padding:20px 0}.quick-strip{margin:14px 14px 0;border-radius:24px;padding:7px 7%;gap:0}.quick-strip a{flex-direction:row;justify-content:space-between;padding:20px 0;gap:16px}.quick-strip span{font-size:8px;max-width:83px}.quick-strip b{font-size:12px;text-align:right;max-width:175px}.cause-section{padding:55px 24px;gap:34px}.cause-photo{padding-bottom:30px}.cause-photo img{height:335px;border-radius:24px}.lime-caption{right:0;border-radius:20px;padding:20px 72px 20px 20px;font-size:12px;max-width:100%}.lime-caption b{font-size:16px}.lime-caption .caption-icon3d{width:54px;height:54px;right:8px;top:17px}.caption-icon3d .sc-icon3d{width:54px;height:54px}.closer-home h2{font-size:33px;letter-spacing:-1.2px}.cause-copy p{font-size:13px}.tag{font-size:9px;letter-spacing:1.25px}.original-services,.mission-band,.personal-banner,.local-connect{margin-left:14px;margin-right:14px;border-radius:26px}.original-services{padding:42px 22px}.section-heading{gap:22px;margin-bottom:30px}.section-heading h2{margin-bottom:22px}.underlink{font-size:12px}.real-service{display:flex;border-radius:22px}.service-photo{height:225px;min-height:0;border-radius:21px 21px 0 0}.service-copy{padding:27px 22px 23px}.service-copy .service-icon3d{position:absolute;right:14px;top:-34px;width:64px;height:64px;margin:0}.service-copy h3{font-size:23px;padding-right:0}.service-copy p{font-size:13px}.mission-band{margin-top:20px;margin-bottom:20px;padding:42px 22px}.mission-band h3{font-size:20px}.mission-band p{font-size:12px}.mission-band article{gap:15px}.mission-band article>span.mission-icon3d{flex-basis:48px;width:48px;height:48px}.mission-icon3d .sc-icon3d{width:48px;height:48px}.benefits-section{padding:42px 24px 50px}.benefits-section .section-heading>p{font-size:12px}.benefit-grid{gap:13px}.benefit-grid article{padding:19px 16px 23px;border-radius:22px}.benefit-grid article>span.benefit-icon3d{width:76px;height:76px;margin-bottom:16px}.benefit-grid h3{font-size:17px;line-height:1.35;letter-spacing:-.3px}.benefit-grid p{font-size:12px;line-height:1.8}.personal-banner{padding:50px 22px;min-height:365px}.personal-banner h2{font-size:32px}.personal-banner .tag{font-size:8px}.local-connect{margin-top:20px;margin-bottom:20px;padding:40px 22px}.local-connect p{font-size:12px}.local-connect>div+div{margin-top:25px}.local-connect>div:last-child>a[href^="tel:"]{justify-content:flex-start;font-size:16px}.footer__grid{grid-template-columns:1fr;gap:30px}.site-footer{margin-top:30px}.footer__bottom{padding-right:0;padding-bottom:90px}.footer__brand p{max-width:100%}.footer__contact a{max-width:100%}.whatsapp-float{right:18px;bottom:max(18px,env(safe-area-inset-bottom));width:56px;height:56px}.whatsapp-float>svg{width:29px;height:29px}.whatsapp-label{display:none}.drawer__panel{max-width:calc(100vw - 24px);padding-inline:24px}.drawer__nav a{font-size:25px}.card,.vcard,.quote,.panel,.wideimg,.gallery__item{border-radius:22px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}[data-polish-reveal].polish-wait{opacity:1;transform:none}.btn:hover,.pill:hover,.card:hover,.vcard:hover,.quote:hover,.real-service:hover,.benefit-grid article:hover,.whatsapp-float:hover{transform:none!important}}
.burger{display:none;align-items:center;justify-content:center;flex-direction:column;gap:4px}.burger span{display:block;width:17px;height:1.5px;background:#234c39;margin:0;border-radius:2px;transform:none;position:static;opacity:1}@media(max-width:1080px){.burger{display:flex}}

/* Donate stays visible in the top header at every screen size. */
.header-actions{gap:10px}.site-header .donate-btn{background:#d2f36b;border-color:#d2f36b;color:#20452d;min-width:94px;font-size:13px;padding:13px 23px;display:inline-flex}.site-header .donate-btn:hover{background:#c8ed5a}.site-header .header-actions .btn--desk{background:transparent;border-color:#cad8bd;color:#244a36}.drawer__nav .drawer-donate{color:#416b29;font-weight:800}.drawer-donate span{background:#e5f2c7;border-radius:999px;padding:8px 20px}.header-actions{flex-shrink:0}@media(max-width:560px){.site-header__inner{gap:10px}.site-header .donate-btn{min-width:72px;padding:12px 15px;font-size:12px}.header-actions{gap:8px}.site-header .new-brand{width:165px;height:58px}.site-header .new-brand img{width:210px!important;left:-25px;top:-28px}.site-header .burger{width:38px;height:38px}}@media(max-width:350px){.site-header__inner{padding-inline:14px;gap:6px}.site-header .new-brand{width:152px}.site-header .new-brand img{width:196px!important;left:-24px;top:-26px}}

/* Heart and handwritten donation treatment, matching the supplied reference. */
.site-header .donate-btn{background:transparent;border-color:transparent;color:#369e91;gap:6px;padding:10px 12px;min-width:156px;box-shadow:none;font-family:Caveat,cursive;font-size:28px;font-weight:500;line-height:1;white-space:nowrap}.donate-heart{display:block;width:26px;height:26px;flex-shrink:0}.site-header .donate-btn:hover{background:#edf5e5;color:#247f72;box-shadow:none!important}.drawer__nav .drawer-donate{display:flex;align-items:center;gap:9px;color:#369e91;font:500 32px Caveat,cursive}.drawer-donate span{background:none;padding:0}.drawer-donate .donate-heart{width:29px;height:29px}@media(max-width:560px){.site-header .donate-btn{min-width:0;padding:8px 0;gap:4px;font-size:25px}.site-header .donate-heart{width:22px;height:22px}.site-header .new-brand{width:137px;height:54px}.site-header .new-brand img{width:181px!important;left:-23px;top:-24px}.site-header__inner{gap:8px}.header-actions{gap:9px}}@media(max-width:350px){.site-header .new-brand{width:126px}.site-header .new-brand img{width:170px!important;left:-22px;top:-22px}.site-header .donate-btn{font-size:23px;gap:3px}.site-header .donate-heart{width:20px;height:20px}.header-actions{gap:7px}.site-header .burger{width:34px;height:34px}}

/* Source: assets/css/community.css */
.source-pages{max-width:1440px;margin:auto}.source-page-hero{padding:65px 7% 50px}.source-page-hero h1{font:700 clamp(42px,5.2vw,76px)/1.08 'Nunito Sans',sans-serif;letter-spacing:-2.8px;margin:0 0 25px;color:#174c46}.source-page-hero h1 em{font-weight:500;font-style:normal;color:#60805b}.source-page-hero>p{font-size:16px;line-height:1.85;color:#65766a;max-width:660px}.source-page-hero .tag{color:#647e48}.source-page-cta{margin:35px 28px;border-radius:30px;background:#eaf3dc;padding:55px 6%;display:flex;justify-content:space-between;align-items:center;gap:35px}.source-page-cta h2{font-size:38px;letter-spacing:-1.3px;line-height:1.2;margin:0}.source-pages .pill{background:#d2f36b;color:#224b32;border-color:#d2f36b}.source-page-cta .pill{flex-shrink:0}
.community-gallery-section{padding:0 7% 35px}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.gallery-filters{display:flex;flex-wrap:wrap;gap:9px}.gallery-filters button{font:700 12px/1.4 'Nunito Sans',sans-serif;border:1px solid #dce6d1;border-radius:999px;background:transparent;color:#536952;padding:11px 18px;cursor:pointer;transition:background .3s,border-color .3s,color .3s}.gallery-filters button[aria-pressed=true]{background:#d2f36b;color:#24462a;border-color:#d2f36b}.gallery-filters button:hover{background:#eaf3dd}.gallery-filters button[aria-pressed=true]:hover{background:#c9eb66}.gallery-count{font-size:11px;color:#6e7e6d;white-space:nowrap;margin:0}.community-gallery{columns:3;column-gap:24px}.community-photo{display:block;break-inside:avoid;text-decoration:none;margin-bottom:24px;color:#2d5343}.community-photo[hidden]{display:none!important}.community-photo figure{margin:0}.community-photo-frame{border-radius:23px;overflow:hidden;background:#edf1e7;position:relative}.community-photo img{display:block;width:100%;height:auto;transition:transform 650ms cubic-bezier(.22,.61,.36,1);transform:scale(1);filter:none}.community-photo:hover img{transform:scale(1.025)}.community-photo figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 3px 7px;font-size:12px;line-height:1.6}.photo-open-label{font-size:10px;color:#75836f;white-space:nowrap;opacity:0;transition:opacity .25s}.community-photo:hover .photo-open-label,.community-photo:focus-visible .photo-open-label{opacity:1}.community-viewer{position:fixed;inset:0;width:calc(100vw - 48px);height:calc(100svh - 48px);max-width:1400px;max-height:100svh;margin:auto;border:1px solid #e3eadb;border-radius:28px;background:#fbfcf7;color:#184a3e;padding:20px 26px;overflow:hidden;box-shadow:0 35px 100px #0c2b2866}.community-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:15px;animation:viewer-enter .28s ease-out}.community-viewer::backdrop{background:#102b26d9;backdrop-filter:blur(8px)}.viewer-toolbar,.viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.viewer-toolbar>span{font-size:11px;letter-spacing:1px}.viewer-toolbar button,.viewer-footer button{background:#eaf1df;color:#2d5237;border:0;border-radius:999px;font:700 12px 'Nunito Sans',sans-serif;cursor:pointer;padding:12px 20px;transition:background .25s}.viewer-toolbar button:hover,.viewer-footer button:hover{background:#d2f36b}.viewer-stage{min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}.viewer-stage img{display:block;max-height:100%;max-width:100%;height:auto;width:auto;object-fit:contain;border-radius:12px}.viewer-footer p{text-align:center;font-size:12px;margin:0;line-height:1.5}.viewer-footer button{min-width:82px}.homepage-community{padding:65px 8% 75px}.homepage-community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.homepage-community-grid>a{display:block;overflow:hidden;border-radius:26px}.homepage-community-grid img{height:340px;width:100%;object-fit:cover;object-position:center 35%;transition:transform 650ms ease}.homepage-community-grid>a:hover img{transform:scale(1.025)}
.source-story-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:20px 7% 70px}.source-story-grid>img{width:100%;height:auto;max-height:590px;object-fit:contain;border-radius:28px;background:#edf2e6}.source-story-grid h2{font:700 42px/1.15 'Nunito Sans',sans-serif;letter-spacing:-1.6px}.source-story-grid p,.source-detail p{font-size:15px;line-height:1.9;color:#637365}.source-story-grid .pill{margin-top:15px}.source-verse{font-size:12px!important;color:#77915d!important}.source-values{margin:0 28px;padding:65px 6%;background:#eef3e7;border-radius:30px}.source-values>h2{font:700 42px/1.2 'Nunito Sans',sans-serif;letter-spacing:-1.6px}.source-values>p{max-width:850px;font-size:15px;line-height:1.9;color:#61735f}.source-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:35px}.source-values-grid article{border-top:1px solid #cfdbbf;padding-top:25px}.source-values-grid h3{font:700 22px/1.3 'Nunito Sans',sans-serif;letter-spacing:-.4px}.source-values-grid p{font-size:13px;line-height:1.8;color:#697862}.source-service-section{padding:0 7% 35px}.waiver-source-note{padding:24px 28px;border-radius:24px;background:#eaf3db;margin-bottom:28px;display:flex;justify-content:space-between;align-items:center;gap:30px}.waiver-source-note .tag{margin:0;flex-shrink:0}.waiver-source-note p{font-size:14px;line-height:1.7;margin:0}.source-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.source-service-card{border:1px solid #e0e8d6;border-radius:26px;padding:27px;text-decoration:none;display:flex;align-items:flex-start;flex-direction:column;background:#f7f9f2;transition:transform .35s ease,background .35s}.source-service-card:hover{transform:translateY(-3px);background:#eff5e4}.source-service-card img{margin-bottom:20px}.source-service-card h2{font:700 23px/1.2 'Nunito Sans',sans-serif;letter-spacing:-.6px;margin:0 0 15px}.source-service-card p{font-size:13px;line-height:1.85;color:#6b7967;flex:1;margin:0 0 22px}.source-service-card>span{font-size:12px;font-weight:750;border-top:1px solid #d8e2cc;align-self:stretch;padding-top:15px}.source-detail{margin:0 7% 55px;padding:45px;border-radius:30px;background:#f1f5e9;max-width:850px}.source-detail>img{margin-bottom:25px}.source-detail h2{font:700 35px/1.2 'Nunito Sans',sans-serif;letter-spacing:-1px}.source-text-link{display:block;font-size:13px;font-weight:750;margin-top:20px;text-underline-offset:5px;overflow-wrap:anywhere}.source-career-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:8%;padding:0 7% 45px;align-items:start}.source-career-layout article h2{font:700 40px/1.2 'Nunito Sans',sans-serif;letter-spacing:-1.4px}.source-career-layout h3{font:700 23px/1.3 'Nunito Sans',sans-serif;margin:30px 0 15px;letter-spacing:-.5px}.source-career-layout article p,.source-career-layout li{font-size:14px;line-height:1.9;color:#657361}.source-career-layout ul{list-style:disc;padding-left:22px}.source-career-layout li{padding-left:5px;margin-bottom:12px}.source-career-layout aside{border:1px solid #dae5cb;border-radius:28px;background:#eef4e5;padding:32px;position:sticky;top:25px}.source-career-layout dt{font-size:11px;font-weight:800;letter-spacing:.8px;margin-top:22px}.source-career-layout dd{margin:7px 0 0;font-size:14px;line-height:1.8;color:#627459}.source-career-layout aside .pill{margin-top:28px;display:flex;text-align:center}.source-career-layout aside>p{font-size:12px;line-height:1.8;overflow-wrap:anywhere;color:#68795e}.donation-note{font-size:11px!important;margin-top:14px!important}.source-hero-second{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 45%}.source-hero-img{opacity:1;transition:opacity 1400ms ease-in-out}.source-hero.is-second .source-hero-img{opacity:0}.hero-slide-controls{position:absolute;right:6.2%;bottom:91px;z-index:2;display:flex;align-items:center;gap:8px}.hero-slide-controls button[data-hero-slide]{width:8px;height:8px;padding:0;border:1px solid #e8f6d1;border-radius:50%;background:transparent;cursor:pointer;transition:background .3s,transform .3s}.hero-slide-controls button[aria-pressed=true]{background:#d2f36b;border-color:#d2f36b;transform:scale(1.2)}.hero-slide-controls button[data-hero-pause]{padding:5px 8px;border:0;background:transparent;color:#edf4e2;font:600 10px 'Nunito Sans',sans-serif;cursor:pointer}.motion-observe{transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}.motion-observe.motion-pending{opacity:0;transform:translateY(18px)}@keyframes viewer-enter{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:1000px){.community-gallery{columns:2}.source-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.source-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.source-career-layout{gap:5%}.homepage-community-grid img{height:270px}}
@media(max-width:700px){.source-page-hero{padding:42px 24px 30px}.source-page-hero h1{font-size:42px;letter-spacing:-1.8px}.source-page-hero>p{font-size:14px}.community-gallery-section{padding:0 24px 25px}.gallery-toolbar{display:block;margin-bottom:24px}.gallery-filters{gap:7px}.gallery-filters button{font-size:11px;padding:10px 14px}.gallery-count{margin-top:15px}.community-gallery{column-gap:15px}.community-photo{margin-bottom:20px}.community-photo-frame{border-radius:20px}.community-photo figcaption{font-size:11px;padding:11px 1px 3px;display:block}.photo-open-label{display:none}.source-page-cta{margin:24px 14px;padding:35px 24px;display:block;border-radius:26px}.source-page-cta h2{font-size:31px;letter-spacing:-1px}.source-page-cta .pill{margin-top:24px}.source-story-grid{grid-template-columns:1fr;padding:10px 24px 40px;gap:32px}.source-story-grid>img{max-height:500px;border-radius:24px}.source-story-grid h2,.source-values>h2{font-size:34px;letter-spacing:-1px}.source-story-grid p,.source-values>p{font-size:14px}.source-values{margin:0 14px;padding:35px 24px;border-radius:26px}.source-values-grid{gap:20px}.source-values-grid h3{font-size:20px}.source-values-grid p{font-size:12px}.source-service-section{padding:0 24px 20px}.waiver-source-note{display:block;padding:22px}.waiver-source-note p{margin-top:10px;font-size:13px}.source-service-grid{gap:14px}.source-service-card{padding:20px 17px;border-radius:23px}.source-service-card h2{font-size:20px}.source-service-card p{font-size:12px}.source-service-card img{width:66px;height:66px;margin-bottom:18px}.source-detail{margin:0 24px 35px;padding:28px;border-radius:26px}.source-detail h2{font-size:30px}.source-detail p{font-size:14px}.source-career-layout{grid-template-columns:1fr;padding:0 24px 30px;gap:30px}.source-career-layout article h2{font-size:34px}.source-career-layout aside{position:static;padding:27px}.community-viewer{width:calc(100vw - 20px);height:calc(100svh - 24px);border-radius:23px;padding:16px 12px;gap:12px}.viewer-toolbar button,.viewer-footer button{padding:10px 13px;font-size:11px}.viewer-footer{gap:8px;flex-wrap:wrap}.viewer-footer p{order:-1;flex-basis:100%;font-size:11px;margin-bottom:6px}.viewer-footer button{min-width:90px}.viewer-stage img{border-radius:8px}.homepage-community{padding:45px 24px}.homepage-community-grid{gap:13px;grid-template-columns:1fr 1fr}.homepage-community-grid>a{border-radius:22px}.homepage-community-grid>a:last-child{grid-column:span 2}.homepage-community-grid img{height:240px}.homepage-community-grid>a:last-child img{height:280px}.hero-slide-controls{right:7%;bottom:78px}.source-hero-second{object-position:57% center}}
@media(max-width:380px){.community-gallery{columns:1}.source-service-grid{grid-template-columns:1fr}.source-page-hero h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){.motion-observe.motion-pending{opacity:1;transform:none}.source-hero-img{transition:none}.community-viewer[open]{animation:none}.community-photo:hover img,.homepage-community-grid>a:hover img,.source-service-card:hover{transform:none}}

.source-testimonials{padding:45px 7%}.source-testimonials h2{font:700 38px/1.2 Nunito Sans,sans-serif;letter-spacing:-1px}.source-testimonials>div{display:grid;grid-template-columns:1fr 1fr;gap:24px}.source-testimonials article{padding:28px;border-radius:24px;background:#eef4e5}.source-testimonials p{font-size:14px;line-height:1.9;color:#61735d}.source-testimonials b{font-size:12px;color:#345c37}@media(max-width:700px){.source-testimonials{padding:30px 24px}.source-testimonials h2{font-size:31px}.source-testimonials>div{grid-template-columns:1fr}}@media(max-width:350px){.site-header .new-brand{width:96px;height:49px}.site-header .new-brand img{width:137px!important;left:-19px;top:-18px}.site-header .donate-btn{font-size:22px;gap:3px}.site-header .donate-heart{width:18px;height:18px}.site-header .header-actions{gap:6px}.site-header .site-header__inner{padding-inline:14px;gap:6px}}

/* Source: assets/css/accessibility-demo.css */
/* Accessibility refinements without changing the approved layout. */
.site-header .donate-btn,.drawer__nav .drawer-donate{color:#24766b}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2b7554!important;outline-offset:4px!important}
.source-hero a:focus-visible{outline-color:#d2f36b!important}
.gallery-filters button{min-height:44px}.viewer-toolbar button,.viewer-footer button{min-height:44px}.source-text-link{padding-block:8px}
.whatsapp-float:focus-visible{outline-offset:6px!important}.footer__col a,.footer__contact a{display:inline-block;padding-block:3px}
.form__note,.footer__licence,.footer__bottom,.photo-open-label{color:#526550}
[data-polish-reveal].polish-wait,.motion-observe.motion-pending{opacity:1}
@media(forced-colors:active){.btn,.pill,.gallery-filters button,.whatsapp-float{border:1px solid ButtonText!important}.sc-icon3d{forced-color-adjust:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Source: assets/css/final-sections.css */
.original-service-groups{margin-top:42px;padding-top:34px;border-top:1px solid #ccd9c0}.service-group-heading .tag{margin-bottom:12px}.service-group-heading h3{font:700 28px/1.25 'Nunito Sans',sans-serif;letter-spacing:-.7px;margin:0 0 27px}.service-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-group-grid article{padding:26px;border:1px solid #d5e2c5;border-radius:24px;background:#f7faf0}.service-group-grid h4{font:750 17px/1.4 'Nunito Sans',sans-serif;color:#285637;margin:0 0 18px;letter-spacing:0}.service-group-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.service-group-grid li{font-size:13px;line-height:1.7;color:#58704e;padding-left:15px;position:relative}.service-group-grid li::before{content:'';position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:#a6c95e}.service-group-grid article>p{font-size:12px;line-height:1.9;color:#6b7b61;margin:20px 0 0}.source-service-section .original-service-groups{margin:0 0 35px;padding:0;border:0}.inauguration-section{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:64px;padding:80px 7%}.inauguration-copy h2{font-size:46px;line-height:1.12;letter-spacing:-1.6px;margin-bottom:24px}.inauguration-copy h2 em{color:#537a63;font-style:normal;font-weight:500}.inauguration-copy p{font-size:14px;line-height:1.9;color:#66765f;margin-bottom:25px;max-width:340px}.inauguration-player{background:#173e2d;border-radius:28px;overflow:hidden;aspect-ratio:16/10;position:relative}.video-start{display:block;width:100%;height:100%;padding:0;border:0;background:#173e2d;cursor:pointer;color:#fff;position:relative;text-align:left}.video-start>img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:brightness(.75);transition:filter .35s,transform .6s}.video-start:hover>img{filter:brightness(.85);transform:scale(1.025)}.video-play-symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;background:#d2f36b;color:#1d4b2e;display:grid;place-items:center;box-shadow:0 8px 30px #123c312b}.video-play-symbol svg{width:31px;height:31px;margin-left:2px}.video-start-label{position:absolute;bottom:24px;left:26px;right:20px;font:700 14px/1.5 'Nunito Sans',sans-serif;color:#fff}.inauguration-player iframe{display:block;width:100%;height:100%;border:0}.client-stories{margin:32px 28px;padding:65px 6.2%;border-radius:32px;background:#eaf2dc}.client-stories-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;margin-bottom:34px;align-items:end}.client-stories-heading>.tag{grid-column:span 2}.client-stories-heading h2{margin:0;font-size:46px;line-height:1.12;letter-spacing:-1.5px}.client-stories-heading h2 em{font-style:normal;font-weight:500;color:#5f7f51}.client-stories-heading>p{font-size:13px;color:#66765b;line-height:1.9;max-width:300px;margin:0 0 3px;justify-self:end}.client-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.client-story{position:relative;margin:0;padding:36px 32px 28px;border:1px solid #d9e4cb;border-radius:26px;background:#fbfcf7;display:flex;flex-direction:column}.story-quote-mark{font:76px/.7 Georgia,serif;color:#b7d57b;height:43px;display:block;margin-bottom:20px}.client-story blockquote{font:600 23px/1.5 'Nunito Sans',sans-serif;letter-spacing:-.4px;margin:0 0 18px;color:#244c37}.client-story>p{font-size:13px;line-height:1.85;color:#697a60;margin:0 0 28px}.client-story figcaption{display:flex;gap:13px;align-items:center;margin-top:auto;padding-top:22px;border-top:1px solid #e0e7d6}.client-story figcaption img{width:48px;height:48px;object-fit:cover;border-radius:50%}.client-story figcaption span{font-size:13px;font-weight:800;color:#315b39}
@media(max-width:900px){.service-group-grid{gap:16px}.service-group-grid article{padding:22px}.inauguration-section{padding:60px 6%;gap:36px}.inauguration-copy h2{font-size:38px}.client-stories-heading h2{font-size:38px}.client-story{padding:30px 25px 25px}.client-story blockquote{font-size:21px}}
@media(max-width:700px){.service-group-grid{grid-template-columns:1fr;gap:15px}.original-service-groups{margin-top:30px;padding-top:28px}.service-group-heading h3{font-size:25px}.service-group-grid article{padding:24px}.service-group-grid li{font-size:13px}.inauguration-section{grid-template-columns:1fr;padding:52px 24px;gap:28px}.inauguration-copy h2{font-size:34px;letter-spacing:-1px}.inauguration-copy p{max-width:100%;font-size:13px}.inauguration-player{border-radius:24px;aspect-ratio:16/11}.video-play-symbol{width:58px;height:58px}.video-start-label{left:20px;bottom:20px;font-size:12px}.client-stories{margin:25px 14px;padding:40px 24px;border-radius:26px}.client-stories-heading{display:block;margin-bottom:28px}.client-stories-heading h2{font-size:34px;letter-spacing:-1px;margin-bottom:20px}.client-stories-heading>p{font-size:12px;margin:0;max-width:100%}.client-story-grid{grid-template-columns:1fr;gap:18px}.client-story{padding:30px 25px 25px}.client-story blockquote{font-size:21px;line-height:1.5}.client-story>p{font-size:12px}.client-story figcaption{padding-top:18px}.source-pages .client-stories{margin-inline:14px}}
@media(prefers-reduced-motion:reduce){.video-start:hover>img{transform:none}.video-start>img{transition:none}}
.source-hero-img,.cause-photo>img,.service-photo>img[src*="original-"],.community-photo img:not([src*="brand"]),.viewer-stage img{filter:brightness(1.015) contrast(1.035) saturate(1.045);image-rendering:auto}.community-photo:hover img:not([src*="brand"]){filter:brightness(1.015) contrast(1.035) saturate(1.045)}

.service-group-heading .group-title{font:700 28px/1.25 Nunito Sans,sans-serif;letter-spacing:-.7px;margin:0 0 27px}.service-group-grid article>h3{font:750 17px/1.4 Nunito Sans,sans-serif;color:#285637;margin:0 0 18px;letter-spacing:0}
img[src*="/cleaned/"]{filter:none!important}

.client-story figcaption .story-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#e5f1d2;color:#466a32;font-size:15px;font-weight:800;flex-shrink:0}

/* Source: assets/css/client-refinements.css */
/* Client refinements, October 30, 2026. Original palette and page rhythm retained. */
:root { --brand-green: #174c46; --brand-lime: #d2f36b; --ease-gentle: cubic-bezier(.22, 1, .36, 1); --motion: 320ms var(--ease-gentle); }
/* Baked green artwork retains the supplied geometry and renders without filters. */
.new-brand { isolation: auto; mix-blend-mode: multiply; }
.new-brand img { filter: none; }
.brand-colour-defs { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.story-heading { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.story-heading .tag { margin: 0 0 5px; }
.story-heading p { margin: 0; color: #537a63; font-size: 13px; }
.story-brand-mark { display: block; position: relative; width: 51px; height: 56px; overflow: hidden; flex: 0 0 51px; }
.story-brand-mark img { position: absolute; width: 220px; height: auto; max-width: none; left: -29px; top: -25px; mix-blend-mode: multiply; filter: none; }
.service-paths { padding-top: 8px; }
.service-path-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.service-path { position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: 34px 30px 28px; border: 1px solid #d5e2c5; border-radius: 28px; background: #fbfcf7; color: #174c46; text-decoration: none; transition: transform 420ms var(--ease-gentle), border-color 320ms ease, box-shadow 420ms ease; }
.service-path-number { position: absolute; top: 31px; right: 29px; color: #67795f; font-size: 11px; letter-spacing: .08em; }
.service-path-icon { display: block; position: relative; width: 120px; height: 120px; margin: 0 0 24px; }
.service-path-icon::before { content: ''; position: absolute; inset: 14px 2px 4px 14px; border-radius: 50%; background: #e7efdb; border: 1px solid #d9e5c7; transform: rotate(-12deg); }
.service-path-icon img { position: relative; width: 116px; height: 116px; object-fit: contain; transition: transform 420ms var(--ease-gentle); }
.service-path h3 { font: 750 clamp(22px, 2vw, 27px)/1.22 'Nunito Sans', sans-serif; letter-spacing: -.7px; margin: 0 0 16px; min-height: 2.44em; }
.service-path p { font-size: 14px; line-height: 1.85; color: #637365; margin: 0 0 28px; }
.service-path-action { display: block; margin-top: auto; width: 100%; border-top: 1px solid #dce5d1; padding-top: 19px; font-size: 13px; font-weight: 800; }
.service-path:hover, .service-path:focus-visible { transform: translateY(-4px); border-color: #b8cf92; box-shadow: 0 18px 38px -28px #123c3166; }
.service-path:hover .service-path-icon img { transform: translateY(-3px); }
.service-group-grid article { scroll-margin-top: 36px; }
.service-group-grid .group-icon { display: block; width: 84px; height: 84px; margin: -3px 0 18px; }
.service-group-grid .group-icon img { width: 84px; height: 84px; }
.inauguration-player { aspect-ratio: 16/9; }
.video-start > img { filter: brightness(.86); }
.video-start:hover > img { filter: brightness(.96); }
.video-start-label { text-shadow: 0 2px 12px #000; }
.photo-cleaned { filter: none !important; }
.contact-map-button, .contact-send-button { background: #d2f36b; border-color: #d2f36b; color: #20452d; }
.contact-map-button:hover, .contact-send-button:hover { background: #c8ed5a; border-color: #c8ed5a; color: #20452d; }
.contact-map-button svg { display: none; }
/* One reveal system; content is visible before JS and scrolling stays native. */
[data-reveal], [data-polish-reveal], .motion-observe { opacity: 1; transform: none; transition-property: opacity, transform, border-color, box-shadow; transition-duration: 680ms !important; transition-timing-function: var(--ease-gentle); transition-delay: min(calc(var(--d, 0) * 45ms), 135ms); }
.is-motion-pending { opacity: 0 !important; transform: translate3d(0, 12px, 0) !important; }
.service-photo img, .community-photo img, .video-start > img { transition: transform 650ms var(--ease-gentle), filter 400ms ease; }
.drawer__panel { transition-timing-function: var(--ease-gentle); transition-duration: 480ms; }
.drawer__scrim { transition-duration: 300ms; }
/* A brief hero settle keeps the heading readable from the first paint. */
@keyframes hero-copy-settle { from { transform: translate3d(0, 8px, 0); } to { transform: none; } }
@keyframes hero-photo-settle { from { transform: scale(1.025); } to { transform: scale(1); } }
@media (prefers-reduced-motion: no-preference) {
  .source-hero-content { animation: hero-copy-settle 850ms var(--ease-gentle) both; }
  .source-hero-img { animation: hero-photo-settle 1600ms var(--ease-gentle) both; }
}
/* Rounded rectangular outlines define content groups; photographs stay unframed. */
.service-path, .service-group-grid article, .source-service-card, .benefit-grid article, .client-story { border: 1px solid #d5e2c5; border-radius: 24px; }
.field input, .field select, .field textarea { border-radius: 14px !important; }
@media (max-width: 900px) { .service-path-grid { gap: 16px; } .service-path { padding: 28px 23px 24px; } .service-path-number { top: 25px; right: 23px; } .service-path-icon { width: 102px; height: 102px; } .service-path-icon img { width: 100px; height: 100px; } .service-path h3 { font-size: 23px; } }
@media (max-width: 700px) { .service-path-grid { grid-template-columns: 1fr; gap: 18px; } .service-path { padding: 28px 25px 25px; border-radius: 24px; } .service-path-icon { margin-bottom: 20px; } .service-path p { max-width: 36ch; margin-bottom: 24px; } .service-path h3 { font-size: 25px; min-height: 0; } }
@media (hover: none) { .service-path:hover, .service-path:hover .service-path-icon img { transform: none; } }
@media (prefers-reduced-motion: reduce) { .is-motion-pending { opacity: 1 !important; transform: none !important; } .service-path:hover, .service-path:focus-visible, .service-path:hover .service-path-icon img { transform: none; } [data-reveal], [data-polish-reveal], .motion-observe { transition: none !important; } }
/* The live GiveWP campaign stays connected to the client's existing site. */
.donation-page .source-page-hero { padding-bottom: 40px; }
.donation-page .source-page-hero > .pill { margin-top: 22px; gap: 22px; }
.donation-layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: start; gap: 6%; padding: 0 7% 65px; }
.donation-story { padding-top: 8px; }
.donation-story > img { display: block; width: 100%; height: auto; aspect-ratio: 1.25; object-fit: cover; object-position: center 35%; border-radius: 24px; margin-bottom: 30px; }
.donation-story h2 { font: 700 clamp(29px, 3vw, 42px)/1.16 'Nunito Sans', sans-serif; letter-spacing: -1.2px; margin: 12px 0 22px; color: #174c46; }
.donation-story p { color: #637365; font-size: 15px; line-height: 1.9; }
.donation-panel { min-width: 0; background: #fff; border: 1px solid #d5e2c5; border-radius: 24px; padding: 18px 12px 20px; box-shadow: 0 18px 55px -40px #174c464d; scroll-margin-top: 30px; }
.donation-panel-heading { display: flex; align-items: center; gap: 9px; margin: 0 12px 14px; color: #174c46; font-size: 12px; font-weight: 800; letter-spacing: .02em; }
.donation-live-mark { width: 7px; height: 7px; background: #6c9c54; border-radius: 50%; box-shadow: 0 0 0 4px #edf4e5; }
.donation-frame { display: block; width: 100%; height: 1000px; border: 0; background: white; border-radius: 12px; }
.donation-alternative { margin: 18px 12px 0; padding-top: 18px; border-top: 1px solid #e4eadc; color: #637365; font-size: 12px; line-height: 1.8; }
.donation-alternative a { color: #174c46; font-weight: 800; text-underline-offset: 4px; }
@media (max-width: 900px) { .donation-layout { grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 4%; padding-left: 5%; padding-right: 5%; } .donation-story p { font-size: 14px; } }
@media (max-width: 700px) { .donation-layout { grid-template-columns: minmax(0, 1fr); padding: 0 24px 30px; gap: 36px; } .donation-panel { grid-row: 1; padding: 16px 6px; } .donation-story { max-width: 580px; } .donation-story > img { max-height: 430px; } .donation-page .source-page-hero { padding-bottom: 30px; } }
.donation-welcome { padding: clamp(28px, 4vw, 55px) 22px 35px; text-align: center; border-radius: 16px; background: linear-gradient(155deg, #f6f9ee, #fff 70%); }
.donation-welcome-icon { display: block; width: 78px; height: 78px; color: #174c46; margin: 0 auto 30px; }
.donation-welcome-icon svg { width: 100%; height: 100%; }
.donation-welcome .tag { font-size: 10px; margin-bottom: 18px; }
.donation-welcome h2 { font: 750 clamp(29px, 3vw, 40px)/1.18 'Nunito Sans', sans-serif; color: #174c46; letter-spacing: -1.3px; margin: 0 0 22px; }
.donation-welcome p { color: #637365; font-size: 14px; line-height: 1.85; max-width: 31ch; margin: 0 auto 28px; }
.donation-welcome > .pill { gap: 30px; }
.donation-welcome .donation-welcome-note { margin: 20px auto 0; font-size: 11px; max-width: 32ch; }
/* Client-approved presentation: text-only actions and the established disc icons. */
.donation-page .source-page-hero > .pill, .donation-welcome > .pill { gap: 0; }
.donation-welcome { background: #f7f9f2; }
.donation-welcome-icon { width: 116px; height: 116px; margin-bottom: 20px; }
.donation-welcome-icon img { display: block; width: 116px; height: 116px; }
.link-arrow { gap: 0; }

.donation-frame[hidden] { display: none; }

/* Complete artwork in every placement: no legacy crop or negative offsets. */
.new-brand, .site-header .new-brand, .drawer .new-brand, .site-footer .new-brand {
 display:block; position:relative; width:220px; height:auto; aspect-ratio:2092 / 752;
 overflow:visible; flex:none; isolation:auto; mix-blend-mode:multiply; line-height:0;
}
.new-brand img, .site-header .new-brand img, .drawer .new-brand img, .site-footer .new-brand img {
 display:block; position:static!important; inset:auto!important; width:100%!important;
 height:auto!important; max-width:100%!important; object-fit:contain; transform:none; margin:0!important;
}
.story-brand-mark {display:block;width:54px;height:54px;overflow:visible;flex:0 0 54px;mix-blend-mode:multiply}
.story-brand-mark img {position:static;width:54px;height:54px;max-width:100%;object-fit:contain;inset:auto;transform:none}
@media(max-width:1100px){.site-header .new-brand{width:205px}}
@media(max-width:560px){.site-header .new-brand{width:145px}}
@media(max-width:350px){.site-header .new-brand{width:100px}}

/* Donation steps own their focus; the outer page stays steady during resize. */
html:has(.donation-page) { scroll-behavior: auto !important; }
.donation-panel { overflow-anchor: none; }
.donation-frame { overflow: hidden; }
/* Quality review: readability and disclosures. */
.source-service-card p{font-size:15px;line-height:1.8;color:#53634f}
.service-group-grid article>p{font-size:14px;line-height:1.8;color:#53634f}
.client-stories-heading>p,.client-story>p{font-size:15px;line-height:1.8;color:#53634f}
.footer__licence{font-size:14px;line-height:1.75;color:#526550}
.donation-disclosure{max-width:1120px;margin:0 auto;padding:0 28px 52px;color:#526550;font-size:14px;line-height:1.8}
.donation-disclosure h2{font-size:18px;line-height:1.4;color:#174c46;margin:0 0 12px}
.donation-disclosure a{text-decoration:underline;text-underline-offset:3px}
.legal-review-note{padding:18px 22px;border:1px solid #d5e2c5;border-radius:14px;background:#f7f9f2;color:#36513b;font-size:15px;line-height:1.7}

/* Wayfinding has its own space in the page; it never floats over content. */
.page-tools{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px max(24px,7vw);background:#fbfcf7;border:0;border-bottom:1px solid #e0e7d7;box-shadow:none;isolation:isolate}
.page-tools a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:12px;color:#20452d;font:700 15px/1.2 var(--font-ui);text-decoration:none;white-space:nowrap;transition:background-color .18s ease}
.page-tools a:first-child{background:#edf4df}.page-tools a:hover{background:#e2edce}.page-tools a[hidden]{display:none!important}
.page-tools--footer{border-top:1px solid #e0e7d7;padding-block:20px;padding-right:max(92px,7vw)}
@media(max-width:560px){.page-tools{padding:8px 20px;gap:4px}.page-tools a{padding:0 12px;font-size:14px}.page-tools--footer{padding:16px 82px 16px 20px}}
@media print{.page-tools{display:none!important}}

/* Reading comfort across ages, preserving approved heading and card designs. */
body{font-size:17px}
main p,main li{font-size:17px;line-height:1.8}
.source-service-card p,.service-group-grid article>p,.client-story>p,.client-stories-heading>p{font-size:17px;line-height:1.8;color:#53634f}
.form label,.form input,.form select,.form textarea{font-size:16px;line-height:1.6}
.form__note,.donation-disclosure,.footer__licence,.footer__brand p,.footer__contact,.footer__addr{font-size:16px;line-height:1.8}
.footer__bottom{font-size:14px;line-height:1.8}
.footer__col a,.footer__contact a{font-size:16px;line-height:1.6;min-height:32px}
@media(max-width:560px){main p,main li,.source-service-card p,.service-group-grid article>p,.client-story>p,.client-stories-heading>p{font-size:16px;line-height:1.8}}

/* A consistent reading floor across older, more specific section rules. */
body main p,body main li{font-size:17px!important;line-height:1.8!important}
body main .source-hero p,body main .page-hero .lead{font-size:clamp(18px,1.6vw,22px)!important;line-height:1.65!important}
.site-header .nav a{font-size:15px;min-height:44px;display:inline-flex;align-items:center}
.pill,.btn{font-size:16px!important;min-height:48px}
@media(max-width:560px){body main p,body main li{font-size:16px!important;line-height:1.8!important}}

.donation-disclosure h2{letter-spacing:0;font-weight:700}

/* 1.0.2: statewide service and softer green / blue-green surfaces. */
:root{--surface-sage:#edf3e7;--surface-mist:#e5f0ee;--surface-card:#f8faf3;--surface-line:#cdded5}
body{background:var(--surface-sage)}
.cause-section,.benefits-section{background:var(--surface-sage)}
.original-services,.source-service-section{background:var(--surface-mist)}
.source-page-hero{background:var(--surface-sage)}
.client-stories{background:var(--surface-mist)}
.service-path,.service-group-grid article,.source-service-card,.client-story,.card{background:var(--surface-card);border-color:var(--surface-line)}
.site-footer,.page-tools,.donation-welcome{background:var(--surface-mist)}
.local-connect{background:#dfeacc}
.service-path h3,.service-group-grid h3,.source-service-card h2{overflow-wrap:normal;hyphens:none}

/* 1.0.3: existing approved layout with distinct vision and values panels. */
.purpose-section{padding:80px 7%;background:#e5f0ee}.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:42px}.purpose-panel{padding:40px;border:1px solid #cdded5;border-radius:28px;background:#f8faf3}.purpose-panel--values{background:#dfeacc}.purpose-panel h2{font-size:clamp(30px,3.2vw,46px);line-height:1.12;letter-spacing:-1.2px;margin:20px 0}.purpose-panel p{color:#465f55}.purpose-panel .tag{color:#174c46}.purpose-section .source-values-grid{margin-top:0}.purpose-section .source-values-grid article{border-radius:22px;background:#f8faf3;padding:24px}.source-story-grid{background:#edf3e7}@media(max-width:700px){.purpose-section{padding:52px 6%}.purpose-grid{grid-template-columns:1fr;gap:20px}.purpose-panel{padding:28px}.purpose-section .source-values-grid{grid-template-columns:1fr 1fr;gap:16px}}@media(max-width:380px){.purpose-section .source-values-grid{grid-template-columns:1fr}}



/* Preserve the established green identity and original footer treatment. */
.statement-icon{display:inline-grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#edf3e7;border:1px solid #d4e1ca;margin:0 0 20px;vertical-align:middle}.statement-icon img{width:48px;height:48px;object-fit:contain}.purpose-panel--values .statement-icon{background:#f8faf3}.purpose-panel .tag{display:block}.site-footer{background:#fbfcf7}.footer__brand>p{color:#627267}.footer__licence{color:#627267}.mission-band .statement-icon{background:#e8f0dc;width:56px;height:56px;flex-shrink:0}.mission-band .statement-icon img{width:40px;height:40px}.purpose-panel{box-shadow:none}