/* Fundacja Mindset — homepage proposal 2 (bold)
   Motif: the speech-bubble corner from the logo — round corners with one tight bottom-left corner. */

:root{
  /* palette */
  --forest:#18352d;
  --forest-deep:#0f241e;
  --rose:#d6a3a8;
  --mint:#edf3f0;
  --ink:#15201c;
  --muted:#4c5a54;
  --line:#d3ddd8;
  --white:#ffffff;
  --on-dark:#ffffff;
  --on-dark-muted:#cddad4;
  --line-dark:rgba(255,255,255,.22);

  /* type */
  --f-head:"Outfit", "Figtree", system-ui, sans-serif;
  --f-body:"Figtree", system-ui, sans-serif;

  /* motif: speech bubble */
  --bubble:28px 28px 28px 6px;
  --bubble-sm:14px 14px 14px 4px;

  /* spacing */
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px;
  --section:clamp(72px, 9vw, 120px);
  --header-h:72px; /* 10px top gap + 62px glass bar */

  /* component tokens */
  --c-bg:var(--white);
  --c-surface:var(--mint);
  --c-ink:var(--ink);
  --c-muted:var(--muted);
  --c-line:var(--line);
  --c-brand:var(--forest);
  --c-brand-ink:#fff;
  --radius:14px;
  --font-head:var(--f-head);
  --font-body:var(--f-body);
  --space:24px;
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--forest);scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 8px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font:400 18px/1.6 var(--f-body)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--f-head);font-weight:600;letter-spacing:0;text-wrap:balance}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--rose);outline-offset:3px}
.nums{font-variant-numeric:tabular-nums}

.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--forest);color:#fff;padding:10px 16px;border-radius:var(--bubble-sm)}
.skip:focus{left:8px}

.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}

/* ---------- buttons & links ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 26px;border-radius:var(--bubble);border:2px solid transparent;font:600 17px/1.2 var(--f-head);text-decoration:none;text-align:center;transition:transform .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn--dark{background:var(--forest);color:#fff}
.btn--dark:hover{background:#224a3f}
.btn--rose{background:var(--rose);color:var(--forest)}
.btn--rose:hover{background:#e3b9bd}
.btn--ghost{border-color:rgba(255,255,255,.55);color:#fff}
.btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn--big{min-height:60px;padding:14px 32px;font-size:19px}

.link{font-weight:600;color:var(--forest);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--rose)}
.link:hover{text-decoration-color:var(--forest)}
.links-row{display:flex;flex-wrap:wrap;gap:12px 28px;margin:24px 0 0}

/* ---------- section scaffolding ---------- */
.section{padding-block:var(--section)}
.section--mint{background:var(--mint)}
.h2{margin:0 0 .5em;color:var(--forest);font-size:clamp(34px,4.4vw,58px);line-height:1.06;max-width:20ch}
.h2::before{content:"";display:block;width:20px;height:20px;margin-bottom:20px;background:var(--rose);border-radius:10px 10px 10px 2px}
.sec-head{display:grid;gap:18px 64px;margin-bottom:clamp(36px,5vw,64px)}
.sec-head .h2{margin:0}
.sec-head__side{margin:0;color:var(--muted);max-width:52ch}
.sec-head__side p{margin:0 0 .8em}
@media (min-width:960px){
  .sec-head{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end}
}

/* ---------- header ---------- */
/* floating glass bar (Apple-like): translucent, blurred, rounded; overlays the hero */
.site-header{--pad:clamp(16px,4vw,40px);--glass-x:max(4px,calc(var(--pad) - 16px));position:sticky;top:0;z-index:100;padding-top:10px;margin-bottom:calc(-1 * var(--header-h));pointer-events:none}
.site-header__bar{position:relative;display:flex;align-items:center;gap:24px;min-height:62px;pointer-events:auto}
.site-header__bar::before{content:"";position:absolute;z-index:-1;inset:0 var(--glass-x);border-radius:22px;background:rgba(255,255,255,.74);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 30px rgba(15,36,30,.14),inset 0 1px 0 rgba(255,255,255,.7);transition:background-color .25s ease, box-shadow .25s ease}
.site-header.is-scrolled .site-header__bar::before{background:rgba(255,255,255,.8);box-shadow:0 12px 34px rgba(15,36,30,.16),0 0 0 1px rgba(24,53,45,.06)}
.site-header__logo{display:flex;align-items:center;margin-right:auto}
.site-header__logo img{width:136px;height:auto}
.site-nav{display:flex;align-items:center;gap:18px}
.site-nav__list{display:flex;gap:4px}
.site-nav__list a{display:block;font-weight:600;font-size:15px;text-decoration:none;color:var(--ink);padding:8px 13px;border-radius:12px;transition:background-color .2s, color .2s}
/* visited links keep exactly the unvisited colour (some browsers drop var() colours on :visited) */
.site-nav__list a:visited{color:var(--ink)}
.site-nav__list a:hover{background:rgba(24,53,45,.08);color:var(--forest)}
.site-nav__cta{min-height:42px;padding:8px 20px;font-size:15px;border-radius:14px}
.site-nav__extra{display:none}

.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:11px;border:0;border-radius:14px;background:rgba(24,53,45,.08);cursor:pointer}
.nav-toggle span{display:block;height:2px;background:var(--forest);border-radius:2px;transition:transform .2s, opacity .2s}
[data-wbm-nav].is-open .nav-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}
[data-wbm-nav].is-open .nav-toggle span:nth-child(2){opacity:0}
[data-wbm-nav].is-open .nav-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

@media (max-width:1199px){
  [data-wbm-nav] [data-wbm-nav-toggle]{display:flex}
  [data-wbm-nav] [data-wbm-nav-menu]{display:none}
  [data-wbm-nav].is-open [data-wbm-nav-menu]{display:flex}
  .site-nav{position:fixed;top:calc(var(--header-h) + 6px);left:var(--glass-x);right:var(--glass-x);max-height:calc(100dvh - var(--header-h) - 18px);flex-direction:column;align-items:stretch;gap:0;padding:10px 16px 22px;overflow-y:auto;border-radius:22px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);border:1px solid rgba(255,255,255,.6);box-shadow:0 18px 40px rgba(15,36,30,.2)}
  .site-nav__list{flex-direction:column;gap:2px}
  .site-nav__list a{display:block;padding:13px 12px;font:600 21px/1.3 var(--f-head);border-radius:14px}
  .site-nav__cta{margin-top:24px;min-height:56px;font-size:18px;width:100%}
  .site-nav__extra{display:block;margin:20px 0 0;text-align:center}
  .site-nav__extra a{font-weight:600;color:var(--forest)}
  .site-nav__extra a:visited{color:var(--forest)}
}
@media (min-width:1200px){
  [data-wbm-nav] [data-wbm-nav-toggle]{display:none}
  [data-wbm-nav] [data-wbm-nav-menu]{display:flex}
}

/* adaptive header: dark glass while a dark section (hero, contact, footer) is under the bar,
   light glass over light sections. Pure CSS scroll-driven animations: each dark section
   exposes a view timeline narrowed to a 1px line at the bar's middle (y = 41px);
   the header runs a discrete "dark" animation only inside those ranges. */
.site-header{--hdr-glass:rgba(255,255,255,.74);--hdr-glass-scrolled:rgba(255,255,255,.8);--hdr-border:rgba(255,255,255,.6);--hdr-highlight:rgba(255,255,255,.7);--hdr-ink:var(--ink);--hdr-hover-bg:rgba(24,53,45,.08);--hdr-hover-ink:var(--forest);--hdr-logo-filter:none;--hdr-cta-bg:var(--forest);--hdr-cta-ink:#fff;--hdr-toggle-bg:rgba(24,53,45,.08);--hdr-toggle-ink:var(--forest)}
.site-header__bar::before{background:var(--hdr-glass);border-color:var(--hdr-border);box-shadow:0 10px 30px rgba(15,36,30,.14),inset 0 1px 0 var(--hdr-highlight)}
.site-header.is-scrolled .site-header__bar::before{background:var(--hdr-glass-scrolled)}
.site-header__logo img{filter:var(--hdr-logo-filter);transition:filter .25s ease}
.nav-toggle{background:var(--hdr-toggle-bg)}
.nav-toggle span{background:var(--hdr-toggle-ink)}
@media (min-width:1200px){
  .site-nav__list a{color:var(--hdr-ink)}
  .site-nav__list a:visited{color:var(--hdr-ink)}
  .site-nav__list a:hover{background:var(--hdr-hover-bg);color:var(--hdr-hover-ink)}
  .site-nav__cta.btn--dark{background:var(--hdr-cta-bg);color:var(--hdr-cta-ink)}
}
@keyframes hdr-dark{
  from,to{--hdr-glass:rgba(15,36,30,.72);--hdr-glass-scrolled:rgba(15,36,30,.78);--hdr-border:rgba(255,255,255,.06);--hdr-highlight:transparent;--hdr-ink:#fff;--hdr-hover-bg:rgba(255,255,255,.12);--hdr-hover-ink:#fff;--hdr-logo-filter:brightness(0) invert(1);--hdr-cta-bg:var(--rose);--hdr-cta-ink:var(--forest);--hdr-toggle-bg:rgba(255,255,255,.14);--hdr-toggle-ink:#fff}
}
@supports (animation-timeline:view()) and (timeline-scope:--a){
  body{timeline-scope:--dk-hero,--dk-contact,--dk-footer}
  .hero,.contact,.site-footer{view-timeline-axis:block;view-timeline-inset:41px calc(100% - 42px)}
  .hero{view-timeline-name:--dk-hero}
  .contact{view-timeline-name:--dk-contact}
  .site-footer{view-timeline-name:--dk-footer}
  .site-header{animation:hdr-dark linear none,hdr-dark linear none,hdr-dark linear none;animation-timeline:--dk-hero,--dk-contact,--dk-footer;animation-range:cover 0% cover 100%}
  /* the open mobile menu panel stays light whatever is underneath */
  [data-wbm-nav].is-open{animation:none}
}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;background:var(--forest);color:var(--on-dark);padding:calc(var(--header-h) + clamp(24px,4vw,56px)) 0 clamp(32px,4vw,48px)}
.hero__cloud{position:absolute;right:-8%;top:-6%;width:min(980px,90vw);height:auto;fill:none;stroke:var(--rose);stroke-width:1.2;stroke-linejoin:round;opacity:.35;pointer-events:none}
.hero__grid{position:relative;display:grid;gap:28px}
.hero__media{margin:0}
.hero__media img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 22%;border-radius:var(--bubble)}
.hero__name{margin:0 0 14px;color:var(--rose);font-weight:600;font-size:17px;line-height:1.4;max-width:34ch}
.hero__title{margin:0;font-size:clamp(44px,5.4vw,78px);line-height:1.04;color:#fff;max-width:12ch}
.hero__lead{margin:22px 0 0;font-size:clamp(18px,1.5vw,21px);line-height:1.55;color:var(--on-dark-muted);max-width:44ch}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
@media (max-width:640px){.hero__actions .btn{flex:1 1 100%}}
.hero__text{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}

.routes__label{margin:0 0 6px;font:600 17px/1.4 var(--f-body);color:var(--rose)}
.routes__list{display:grid}
.route{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:18px 0;border-top:1px solid var(--line-dark);text-decoration:none;color:#fff}
.route__title{font:600 21px/1.25 var(--f-head)}
.route__text{grid-column:1;font-size:16px;color:var(--on-dark-muted)}
.route__icon{grid-column:2;grid-row:1 / span 2;align-self:center;width:40px;height:40px;padding:9px;border-radius:20px 20px 20px 5px;background:var(--rose);fill:none;stroke:var(--forest);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.route:hover .route__icon{transform:translateX(4px)}
.route:hover .route__title{text-decoration:underline;text-decoration-color:var(--rose);text-underline-offset:5px}

@media (min-width:640px){
  .hero__media img{aspect-ratio:16/10;object-position:50% 25%}
}
@media (min-width:981px){
  .hero__grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);column-gap:clamp(40px,5vw,80px);row-gap:36px;align-items:center}
  .hero__media{grid-column:2;grid-row:1}
  .hero__media img{aspect-ratio:1/1;object-position:50% 30%;max-height:500px}
  .hero__text{grid-column:1;grid-row:1}
  .routes{grid-column:1 / -1}
  .routes__list{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3vw,48px)}
}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---------- advocacy strip ---------- */
.strip{background:var(--rose);color:var(--forest);padding-block:clamp(40px,5vw,64px)}
.strip__grid{display:grid;gap:12px 64px}
.strip__title{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.1}
.strip__text{margin:0;font:500 clamp(19px,1.7vw,24px)/1.45 var(--f-head);max-width:46ch}
.strip__text strong{font-weight:700}
@media (min-width:900px){.strip__grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:baseline}}

/* ---------- about + areas ---------- */
.about{display:grid;gap:48px}
.about__intro p{color:var(--muted);max-width:46ch}
.about__intro .about__lead{color:var(--forest);font:500 clamp(21px,1.9vw,26px)/1.35 var(--f-head);max-width:26ch}
.areas{border-top:2px solid var(--forest)}
.area{display:grid;grid-template-columns:52px minmax(0,1fr);gap:6px 18px;padding:26px 0;border-bottom:1px solid var(--line)}
.area__icon{grid-row:1 / span 2;width:52px;height:52px;padding:13px;border-radius:18px 18px 18px 5px;background:#f6e6e8;fill:none;stroke:var(--forest);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.area:nth-child(even) .area__icon{background:var(--mint)}
.area__title{margin:0;align-self:center;font-size:clamp(21px,1.8vw,25px);line-height:1.25;color:var(--forest)}
.area__text{margin:0;color:var(--muted)}
.about__art{margin:32px 0 0;max-width:440px}
.about__art img{width:100%;aspect-ratio:1/1;object-fit:cover}
@media (min-width:700px){.area{grid-template-columns:52px minmax(0,.8fr) minmax(0,1.2fr);column-gap:24px;align-items:start}.area__icon{grid-row:auto}.area__title{align-self:start;padding-top:12px}}
@media (min-width:1080px){.about__art{max-width:400px}}
@media (min-width:1080px){.about{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:72px;align-items:start}}

/* ---------- lists ---------- */
.ticks li,.bullets li,.project__list li{position:relative;padding-left:22px;margin:0 0 8px}
.ticks li::before,.bullets li::before,.project__list li::before{content:"";position:absolute;left:0;top:.58em;width:10px;height:10px;background:var(--rose);border-radius:5px 5px 5px 1.5px}

/* ---------- projects ---------- */
/* blog-style cards: photo on top, label, title, list */
.projects{display:grid;gap:24px}
.project{display:flex;flex-direction:column;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:var(--bubble);box-shadow:0 1px 2px rgba(15,36,30,.04),0 10px 28px rgba(15,36,30,.06)}
.project__photo{width:100%;aspect-ratio:3/2;object-fit:cover}
.project__body{display:flex;flex-direction:column;gap:12px;padding:22px clamp(20px,2.2vw,28px) 28px}
.project__tag{align-self:flex-start;margin:0;padding:4px 12px;border-radius:12px 12px 12px 3px;background:var(--mint);color:var(--forest);font-size:14px;font-weight:700;line-height:1.4}
.project__title{margin:0;font-size:clamp(22px,1.9vw,26px);line-height:1.2;color:var(--forest)}
.project__list{padding-top:14px;border-top:1px solid var(--line);color:var(--ink);font-size:17px}
.project__list li:last-child{margin-bottom:0}
@media (min-width:600px){.projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:600px) and (max-width:1079px){
  .project:last-child{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .project:last-child .project__photo{height:100%}
}
@media (min-width:1080px){
  .projects{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px}
  .project{grid-column:span 2}
  .project:nth-child(n+4){grid-column:span 3}
  .project:nth-child(n+4) .project__photo{aspect-ratio:2/1}
}

/* ---------- support ---------- */
.support{position:relative;overflow:hidden;background:var(--rose);color:var(--forest);padding-block:var(--section)}
.support__cup{position:absolute;left:-60px;bottom:-70px;width:min(420px,70vw);height:auto;fill:none;stroke:#fff;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;opacity:.35;pointer-events:none}
@media (min-width:960px){.support__cup{left:auto;bottom:auto;right:3%;top:-70px;width:300px}}
.support__grid{position:relative}
.support .h2::before{background:var(--forest)}
.support__grid{display:grid;gap:40px}
.support__lead{font:500 clamp(20px,1.8vw,24px)/1.45 var(--f-head);max-width:30ch;margin-bottom:28px}
.amounts__label{margin:0 0 12px;font-weight:700;font-size:16px}
.amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:460px;margin-bottom:20px}
.amount{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:112px;padding:16px 8px;border-radius:var(--bubble);background:rgba(255,255,255,.72);border:2px solid rgba(255,255,255,.9);color:var(--forest);text-decoration:none;box-shadow:0 8px 22px rgba(24,53,45,.12);transition:transform .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease}
.amount:hover{transform:translateY(-3px);background:var(--forest);border-color:var(--forest);color:#fff}
.amount__icon{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.amount__value{font:700 clamp(26px,2.4vw,32px)/1 var(--f-head);font-variant-numeric:tabular-nums;white-space:nowrap}
.support .btn--big{width:100%;max-width:460px}
.support__hint{margin:12px 0 0;font-size:15px;max-width:460px;text-align:center}
.support__panel{background:var(--forest);color:#fff;border-radius:var(--bubble);padding:clamp(28px,3.5vw,48px)}
.support__panel-title{margin:0 0 20px;font-size:clamp(22px,2vw,28px);line-height:1.2}
.support__panel .bullets li{margin-bottom:14px;color:var(--on-dark-muted)}
.support__panel .bullets li:last-child{margin-bottom:0}
@media (min-width:960px){.support__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}}

/* ---------- reveal stagger ---------- */
.area:nth-child(2),.project:nth-child(2),.wbm-c-team__person:nth-child(2){transition-delay:.06s}
.area:nth-child(3),.project:nth-child(3){transition-delay:.12s}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero__text{animation:none}
  .btn,.route__icon{transition:none}
}

/* ===================== Webomat components (library CSS) ===================== */

/* Webomat component: team — style via tokens (--c-*, --radius, --font-*, --space) */
.wbm-c-team{--_bg:var(--c-bg,#fff);--_surface:var(--c-surface,#f4f6f8);--_ink:var(--c-ink,#16191f);--_muted:var(--c-muted,#545d6a);--_line:var(--c-line,#dde1e7);--_brand:var(--c-brand,#1d5f8a);--_brand-ink:var(--c-brand-ink,#fff);--_r:var(--radius,10px);--_head:var(--font-head,inherit);--_body:var(--font-body,inherit);--_s:var(--space,24px);padding:calc(var(--_s)*2.5) 0;color:var(--_ink);font-family:var(--_body)}
.wbm-c-team__head{margin-bottom:calc(var(--_s)*1.25)}
.wbm-c-team__title{margin:0 0 .4em;font:700 clamp(1.75rem,1.2rem + 1.8vw,2.5rem)/1.12 var(--_head)}
.wbm-c-team__lead{margin:0;color:var(--_muted);max-width:52ch}
.wbm-c-team__list{list-style:none;margin:0;padding:0;display:grid;gap:calc(var(--_s)*1.25) var(--_s);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.wbm-c-team__photo{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--_r);background:var(--_surface);margin-bottom:.9em}
.wbm-c-team__name{margin:0;font:700 1.1875rem/1.25 var(--_head)}
.wbm-c-team__role{margin:.2em 0 0;color:var(--_brand);font-weight:600;font-size:.9375rem}
.wbm-c-team__bio{margin:.55em 0 0;color:var(--_muted);line-height:1.55;font-size:.9375rem}
.wbm-c-team--list .wbm-c-team__list{grid-template-columns:1fr;gap:0;border-top:1px solid var(--_line)}
.wbm-c-team--list .wbm-c-team__person{border-bottom:1px solid var(--_line);padding:1em 0}
.wbm-c-team--list .wbm-c-team__body{display:grid;gap:.15em .6em}
@media (min-width:700px){.wbm-c-team--list .wbm-c-team__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);align-items:baseline}.wbm-c-team--list .wbm-c-team__role,.wbm-c-team--list .wbm-c-team__bio{margin:0}}

/* Webomat component: documents — style via tokens (--c-*, --radius, --font-*, --space) */
.wbm-c-documents{--_bg:var(--c-bg,#fff);--_surface:var(--c-surface,#f4f6f8);--_ink:var(--c-ink,#16191f);--_muted:var(--c-muted,#545d6a);--_line:var(--c-line,#dde1e7);--_brand:var(--c-brand,#1d5f8a);--_brand-ink:var(--c-brand-ink,#fff);--_r:var(--radius,10px);--_head:var(--font-head,inherit);--_body:var(--font-body,inherit);--_s:var(--space,24px);padding:calc(var(--_s)*2.5) 0;color:var(--_ink);font-family:var(--_body)}
.wbm-c-documents__head{margin-bottom:calc(var(--_s)*1.25)}
.wbm-c-documents__title{margin:0 0 .4em;font:700 clamp(1.75rem,1.2rem + 1.8vw,2.5rem)/1.12 var(--_head)}
.wbm-c-documents__lead{margin:0;color:var(--_muted)}
.wbm-c-documents__group+.wbm-c-documents__group{margin-top:calc(var(--_s)*1.5)}
.wbm-c-documents__group-title{margin:0 0 .6em;font:700 1.125rem/1.3 var(--_head)}
.wbm-c-documents__list{list-style:none;margin:0;padding:0;display:grid;gap:.5em;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.wbm-c-documents__item{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:1em;align-items:center;padding:.85em 1em;border:1px solid var(--_line);border-radius:var(--_r);background:var(--_bg);color:var(--_ink);text-decoration:none;transition:border-color .2s,transform .2s}
.wbm-c-documents__item:hover{border-color:var(--_brand);transform:translateY(-2px)}
.wbm-c-documents__item:focus-visible{outline:2px solid var(--_brand);outline-offset:2px}
.wbm-c-documents__icon{grid-row:span 2;position:relative;display:block;width:34px;height:42px;color:var(--_muted)}
.wbm-c-documents__icon svg{display:block;width:100%;height:100%}
.wbm-c-documents__icon>span{position:absolute;left:-4px;bottom:6px;padding:1px 4px;border-radius:3px;background:var(--_muted);color:#fff;font:700 9px/1.3 system-ui,sans-serif;letter-spacing:.02em}
.wbm-c-documents__item[data-type=pdf] .wbm-c-documents__icon>span{background:#c0392b}
.wbm-c-documents__item[data-type=doc] .wbm-c-documents__icon>span{background:#2b5797}
.wbm-c-documents__item[data-type=xls] .wbm-c-documents__icon>span{background:#1e7145}
.wbm-c-documents__name{font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.wbm-c-documents__meta{font-size:.8125rem;color:var(--_muted)}

/* Webomat component: blog-list — style via tokens (--c-*, --radius, --font-*, --space) */
.wbm-c-blog-list{--_bg:var(--c-bg,#fff);--_surface:var(--c-surface,#f4f6f8);--_ink:var(--c-ink,#16191f);--_muted:var(--c-muted,#545d6a);--_line:var(--c-line,#dde1e7);--_brand:var(--c-brand,#1d5f8a);--_brand-ink:var(--c-brand-ink,#fff);--_r:var(--radius,10px);--_head:var(--font-head,inherit);--_body:var(--font-body,inherit);--_s:var(--space,24px);padding:calc(var(--_s)*2.5) 0;color:var(--_ink);font-family:var(--_body)}
.wbm-c-blog-list__head{margin-bottom:calc(var(--_s)*1.25)}
.wbm-c-blog-list__heading{margin:0 0 .4em;font:700 clamp(1.75rem,1.2rem + 1.8vw,2.5rem)/1.12 var(--_head)}
.wbm-c-blog-list__intro{margin:0;color:var(--_muted);max-width:52ch}
.wbm-c-blog-list__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--_line)}
.wbm-c-blog-list__item{position:relative;display:grid;gap:.35em 2em;padding:1.25em 0;border-bottom:1px solid var(--_line)}
@media (min-width:760px){.wbm-c-blog-list__item{grid-template-columns:11em minmax(0,1fr)}}
.wbm-c-blog-list__date{color:var(--_muted);font-size:.9375rem;font-variant-numeric:tabular-nums;padding-top:.2em}
.wbm-c-blog-list__title{margin:0 0 .3em;font:700 clamp(1.125rem,1rem + .5vw,1.375rem)/1.3 var(--_head)}
.wbm-c-blog-list__title a{color:var(--_ink);text-decoration:none}
.wbm-c-blog-list__title a::after{content:"";position:absolute;inset:0}
.wbm-c-blog-list__item:hover .wbm-c-blog-list__title a{color:var(--_brand)}
.wbm-c-blog-list__title a:focus-visible{outline:none}
.wbm-c-blog-list__item:focus-within{outline:2px solid var(--_brand);outline-offset:4px;border-radius:2px}
.wbm-c-blog-list__lead{margin:0;color:var(--_muted);line-height:1.6;max-width:70ch}

/* Webomat component: contact — style via tokens (--c-*, --radius, --font-*, --space) */
.wbm-c-contact{--_bg:var(--c-bg,#fff);--_surface:var(--c-surface,#f4f6f8);--_ink:var(--c-ink,#16191f);--_muted:var(--c-muted,#545d6a);--_line:var(--c-line,#dde1e7);--_brand:var(--c-brand,#1d5f8a);--_brand-ink:var(--c-brand-ink,#fff);--_r:var(--radius,10px);--_head:var(--font-head,inherit);--_body:var(--font-body,inherit);--_s:var(--space,24px);display:grid;gap:calc(var(--_s)*1.5);padding:calc(var(--_s)*2.5) 0;color:var(--_ink);font-family:var(--_body)}
@media (min-width:900px){.wbm-c-contact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(var(--_s)*2.5);align-items:stretch}}
.wbm-c-contact__title{margin:0 0 .4em;font:700 clamp(1.75rem,1.2rem + 1.8vw,2.5rem)/1.12 var(--_head)}
.wbm-c-contact__lead{margin:0 0 1.25em;color:var(--_muted);max-width:44ch;line-height:1.6}
.wbm-c-contact__rows{margin:0;border-top:1px solid var(--_line)}
.wbm-c-contact__row{display:grid;gap:.2em 1em;padding:.95em 0;border-bottom:1px solid var(--_line)}
@media (min-width:600px){.wbm-c-contact__row{grid-template-columns:9em minmax(0,1fr)}}
.wbm-c-contact__row dt{color:var(--_muted);font-size:.9375rem}
.wbm-c-contact__row dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.wbm-c-contact__row dd a{color:var(--_ink);text-decoration:none;border-bottom:1px solid var(--_line)}
.wbm-c-contact__row dd a:hover{color:var(--_brand);border-color:var(--_brand)}
.wbm-c-contact__row dd a[href^="tel:"]{font-size:1.25rem}
.wbm-c-contact__maplink{display:block;width:max-content;margin-top:.35em;font-weight:500;font-size:.9375rem;color:var(--_brand)!important;border:0!important;text-decoration:underline!important;text-underline-offset:3px}
.wbm-c-contact__map{min-height:320px;border-radius:var(--_r);overflow:hidden;background:var(--_surface)}
.wbm-c-contact__map iframe{display:block;width:100%;height:100%;min-height:320px;border:0}

/* ===================== Component overrides (this design) ===================== */

/* shared: our section rhythm + heading style win over component defaults */
.wbm-c-team.section,.wbm-c-documents.section,.wbm-c-blog-list.section{padding-block:var(--section)}
.wbm-c-team__title.h2,.wbm-c-documents__title.h2,.wbm-c-blog-list__heading.h2,.wbm-c-contact__title.h2{font:600 clamp(34px,4.4vw,58px)/1.06 var(--f-head);color:var(--forest)}
.wbm-c-team__head.sec-head,.wbm-c-blog-list__head.sec-head{margin-bottom:clamp(36px,5vw,64px)}

/* team = consultations */
.consult-head{margin-bottom:clamp(28px,4vw,48px)}
.consult-head .h2{max-width:22ch;margin:0}
.consult-offer{display:grid;gap:20px;margin-bottom:clamp(48px,6vw,72px)}
.offer{position:relative;overflow:hidden;display:grid;gap:12px;align-content:start;padding:clamp(26px,3vw,40px);border-radius:var(--bubble)}
.offer--dark{background:var(--forest);color:#fff}
.offer--rose{background:var(--rose);color:var(--forest)}
.offer__icon{width:56px;height:56px;padding:13px;border-radius:18px 18px 18px 5px;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.offer--dark .offer__icon{background:var(--rose);stroke:var(--forest)}
.offer--rose .offer__icon{background:var(--forest);stroke:#fff}
.offer__title{margin:6px 0 0;font-size:clamp(25px,2.4vw,32px);line-height:1.15;color:inherit}
.wbm-c-team .offer .wbm-c-team__lead{margin:0;max-width:48ch;font-size:18px;line-height:1.6}
.offer--dark .wbm-c-team__lead{color:var(--on-dark-muted)}
.offer--rose .wbm-c-team__lead{color:var(--forest)}
.consult-sub{display:grid;gap:4px 40px;margin-bottom:24px;padding-top:24px;border-top:2px solid var(--forest)}
.consult-sub__title{margin:0;font:600 clamp(22px,2vw,27px)/1.25 var(--f-head);color:var(--forest)}
@media (min-width:860px){.consult-offer{grid-template-columns:repeat(2,minmax(0,1fr))}.consult-sub{grid-template-columns:auto minmax(0,1fr);align-items:baseline}.consult-sub .team-note{justify-self:end;text-align:right}}
.wbm-c-team .wbm-c-team__list{grid-template-columns:1fr;gap:24px}
.wbm-c-team__person{display:grid;gap:24px;align-content:start;background:var(--white);border-radius:var(--bubble);padding:clamp(20px,2.5vw,32px)}
.wbm-c-team .wbm-c-team__photo{aspect-ratio:4/3;margin:0;border-radius:22px 22px 22px 5px;object-position:50% 25%}
.wbm-c-team .wbm-c-team__name{font:600 clamp(24px,2.2vw,30px)/1.15 var(--f-head);color:var(--forest)}
.wbm-c-team .wbm-c-team__role{margin:6px 0 18px;color:var(--muted);font-size:17px;font-weight:600}
.wbm-c-team__person{box-shadow:0 10px 28px rgba(15,36,30,.07)}
.wbm-c-team .ticks{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.wbm-c-team .ticks li{margin:0;padding:6px 12px;border-radius:12px 12px 12px 3px;background:var(--mint);color:var(--forest);font-size:15px;font-weight:600;line-height:1.35}
.wbm-c-team .ticks li::before{display:none}
.team-note{margin:0;color:var(--muted)}
@media (min-width:640px){
  .wbm-c-team__person{grid-template-columns:200px minmax(0,1fr)}
  .wbm-c-team .wbm-c-team__photo{aspect-ratio:1/1}
}
@media (min-width:1080px){
  .wbm-c-team .wbm-c-team__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wbm-c-team__person{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .wbm-c-team .wbm-c-team__photo{max-width:100%;aspect-ratio:16/11;object-position:50% 22%}
  .wbm-c-team .wbm-c-team__body{display:flex;flex-direction:column;align-items:flex-start}
  .wbm-c-team .wbm-c-team__body .btn{margin-top:auto}
}

/* documents = materials */
.docs{display:grid;gap:40px;align-items:center}
.wbm-c-documents .wbm-c-documents__head{margin-bottom:28px}
.wbm-c-documents .wbm-c-documents__lead{max-width:48ch}
.wbm-c-documents .wbm-c-documents__group-title{font:600 20px/1.3 var(--f-head);color:var(--forest)}
.wbm-c-documents .wbm-c-documents__list{grid-template-columns:1fr;gap:10px}
.wbm-c-documents .wbm-c-documents__item{padding:16px 20px;border-radius:18px 18px 18px 5px;border-color:transparent}
.wbm-c-documents .wbm-c-documents__item:hover{border-color:var(--forest)}
.wbm-c-documents .wbm-c-documents__name{font-size:18px}
.wbm-c-documents .wbm-c-documents__meta{font-size:14px}
.wbm-c-documents .wbm-c-documents__icon>span{background:#a3352b}
.docs__art{display:none;margin:0;justify-self:center}
.docs__art img{width:100%;max-width:470px;border-radius:var(--bubble);background:#fff}
@media (min-width:960px){.docs{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px}.docs__art{display:block}}

/* blog */
/* blog = cards */
.wbm-c-blog-list .wbm-c-blog-list__list{display:grid;gap:20px;border-top:0}
.wbm-c-blog-list .wbm-c-blog-list__item{display:flex;flex-direction:column;gap:16px;padding:clamp(24px,2.5vw,32px);border:0;border-radius:var(--bubble);background:var(--mint);transition:transform .2s ease, box-shadow .2s ease}
.wbm-c-blog-list .wbm-c-blog-list__item:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(15,36,30,.12)}
.wbm-c-blog-list .wbm-c-blog-list__item:focus-within{outline:3px solid var(--rose);outline-offset:3px;border-radius:28px 28px 28px 6px}
.wbm-c-blog-list .wbm-c-blog-list__date{align-self:flex-start;padding:4px 12px;border-radius:12px 12px 12px 3px;background:var(--white);font-size:15px;font-weight:700;color:var(--forest)}
.wbm-c-blog-list .wbm-c-blog-list__body{display:flex;flex-direction:column;flex:1}
.wbm-c-blog-list .wbm-c-blog-list__title{margin-bottom:12px;font:600 clamp(21px,1.7vw,24px)/1.25 var(--f-head)}
.wbm-c-blog-list .wbm-c-blog-list__title a{color:var(--forest)}
.wbm-c-blog-list .wbm-c-blog-list__item:hover .wbm-c-blog-list__title a{color:var(--forest);text-decoration:underline;text-decoration-color:var(--rose);text-underline-offset:5px}
.wbm-c-blog-list .wbm-c-blog-list__lead{font-size:17px}
.post-more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:20px;font-weight:700;color:var(--forest)}
.post-more::after{content:"";width:26px;height:26px;border-radius:13px 13px 13px 3px;background:var(--rose) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2318352d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .2s}
.wbm-c-blog-list__item:hover .post-more::after{transform:translateX(4px)}
.wbm-c-blog-list .links-row{margin-top:12px}
@media (min-width:760px){.wbm-c-blog-list .wbm-c-blog-list__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:760px) and (max-width:1079px){.wbm-c-blog-list .wbm-c-blog-list__item:last-child:nth-child(odd){grid-column:1 / -1}}
@media (min-width:1080px){.wbm-c-blog-list .wbm-c-blog-list__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}

/* contact (dark) */
.contact{--c-bg:var(--forest);--c-ink:#fff;--c-muted:var(--on-dark-muted);--c-line:var(--line-dark);--c-brand:var(--rose);position:relative;overflow:hidden;display:block;background:var(--forest);color:#fff;padding-block:var(--section)}
.contact__cloud{position:absolute;right:-14%;bottom:-38%;width:min(760px,80vw);height:auto;fill:none;stroke:var(--rose);stroke-width:1.2;stroke-linejoin:round;opacity:.22;pointer-events:none}
.contact__grid{position:relative;display:grid;gap:48px}
.contact .wbm-c-contact__title.h2{color:#fff}
.contact .wbm-c-contact__lead{font-size:18px;max-width:46ch}
.contact .wbm-c-contact__row dd{font-size:18px}
.contact .wbm-c-contact__maplink{font-weight:600;font-size:16px}
.contact__side{display:grid;gap:20px;align-content:start}
.contact__box{border:1px solid var(--line-dark);border-radius:var(--bubble);padding:clamp(22px,2.5vw,32px)}
.contact__box-title{margin:0 0 14px;font-size:24px;line-height:1.2;color:#fff}
.contact__links li+li{border-top:1px solid var(--line-dark)}
.contact__links a{display:flex;flex-direction:column;padding:14px 0;text-decoration:none;color:#fff}
.contact__links a span{font:600 20px/1.3 var(--f-head)}
.contact__links a small{font-size:15px;color:var(--on-dark-muted)}
.contact__links a:hover span{text-decoration:underline;text-decoration-color:var(--rose);text-underline-offset:5px}
.social{display:flex;flex-wrap:wrap;gap:10px}
.social a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:8px 16px;border:1px solid var(--line-dark);border-radius:var(--bubble-sm);text-decoration:none;color:#fff;font-weight:600;font-size:16px;transition:border-color .2s, background-color .2s}
.social a:hover{border-color:var(--rose);background:rgba(255,255,255,.06)}
.social svg{width:20px;height:20px;fill:none;stroke:var(--rose);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:960px){.contact__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px}}

/* ---------- footer ---------- */
.site-footer{background:var(--forest-deep);color:var(--on-dark-muted);padding:clamp(48px,6vw,72px) 0 24px;font-size:16px}
.site-footer__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
.site-footer__brand{grid-column:1 / -1}
.site-footer__brand img{width:140px;height:auto;filter:brightness(0) invert(1);margin-bottom:16px}
.site-footer__brand p{max-width:34ch}
.site-footer__h{margin:0 0 12px;font-size:18px;color:#fff}
.site-footer__nav li a{display:inline-block;padding:7px 0}
.site-footer a{color:var(--on-dark-muted);text-decoration:none}
.site-footer a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--rose);text-underline-offset:4px}
.site-footer__nav p{margin:0 0 8px}
.site-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line-dark);font-size:15px}
.site-footer__bottom p{margin:0}
.wbm-credit{margin:0;font-size:14px;color:var(--on-dark-muted);opacity:1}
.wbm-credit a{color:inherit}
/* credit sits in ONE row with the © line: right-aligned, on the same axis as .wrap,
   lifted onto the bottom bar's line (Webomat injects it after .wrap, outside the bar) */
.site-footer{position:relative}
.site-footer>.wbm-credit{position:absolute;left:0;right:0;bottom:24px;max-width:1240px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px);text-align:right;line-height:1.5}
@media (max-width:479px){.site-footer>.wbm-credit{position:static;margin-top:8px}}
@media (min-width:700px){.site-footer__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){.site-footer__grid{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr))}.site-footer__brand{grid-column:auto}}

/* ===================== Webomat components used on subpages (library CSS) ===================== */

/* Webomat component: blog-post — style via tokens (--c-*, --radius, --font-*, --space) */
.wbm-c-blog-post{--_bg:var(--c-bg,#fff);--_surface:var(--c-surface,#f4f6f8);--_ink:var(--c-ink,#16191f);--_muted:var(--c-muted,#545d6a);--_line:var(--c-line,#dde1e7);--_brand:var(--c-brand,#1d5f8a);--_brand-ink:var(--c-brand-ink,#fff);--_r:var(--radius,10px);--_head:var(--font-head,inherit);--_body:var(--font-body,inherit);--_s:var(--space,24px);max-width:44rem;margin:0 auto;padding:calc(var(--_s)*2.5) 0;color:var(--_ink);font-family:var(--_body)}
.wbm-c-blog-post__back{display:inline-block;margin-bottom:1.25em;color:var(--_muted);font-size:.9375rem;text-decoration:none}
.wbm-c-blog-post__back:hover{color:var(--_brand)}
.wbm-c-blog-post__title{margin:0 0 .35em;font:700 clamp(2rem,1.3rem + 2.6vw,3.1rem)/1.1 var(--_head);text-wrap:balance}
.wbm-c-blog-post__meta{margin:0 0 1.25em;color:var(--_muted);font-size:.9375rem}
.wbm-c-blog-post__lead{margin:0;padding-bottom:1.5em;border-bottom:1px solid var(--_line);font-size:clamp(1.125rem,1rem + .4vw,1.3125rem);line-height:1.55}
.wbm-c-blog-post__cover{margin:calc(var(--_s)*1.25) 0 0}
.wbm-c-blog-post__cover img{display:block;width:100%;height:auto;border-radius:var(--_r)}
.wbm-c-blog-post__body{padding-top:calc(var(--_s)*.75);font-size:1.0625rem;line-height:1.75}
.wbm-c-blog-post__body>*{max-width:68ch}
.wbm-c-blog-post__body h2{margin:1.8em 0 .5em;font:700 1.5rem/1.25 var(--_head)}
.wbm-c-blog-post__body h3{margin:1.5em 0 .4em;font:700 1.1875rem/1.3 var(--_head)}
.wbm-c-blog-post__body p,.wbm-c-blog-post__body ul,.wbm-c-blog-post__body ol{margin:0 0 1em}
.wbm-c-blog-post__body ul,.wbm-c-blog-post__body ol{padding-left:1.3em}
.wbm-c-blog-post__body li{margin:.3em 0}
.wbm-c-blog-post__body a{color:var(--_brand);text-underline-offset:3px}
.wbm-c-blog-post__body blockquote{margin:1.5em 0;padding:.2em 0 .2em 1.1em;border-left:3px solid var(--_brand);font:500 1.1875rem/1.55 var(--_head)}
.wbm-c-blog-post__body blockquote p{margin:0}
.wbm-c-blog-post__body img{display:block;max-width:100%;height:auto;border-radius:var(--_r)}
.wbm-c-blog-post__body figure{margin:1.5em 0}
.wbm-c-blog-post__body figcaption{margin-top:.5em;font-size:.875rem;color:var(--_muted)}
.wbm-c-blog-post__body table{width:100%;border-collapse:collapse;font-size:.9375rem;margin:0 0 1em;display:block;overflow-x:auto}
.wbm-c-blog-post__body th,.wbm-c-blog-post__body td{padding:.6em .8em;border-bottom:1px solid var(--_line);text-align:left}
.wbm-c-blog-post__footer{margin-top:calc(var(--_s)*2);padding-top:1.25em;border-top:1px solid var(--_line)}
.wbm-c-blog-post__footer a{color:var(--_brand);font-weight:600;text-decoration:none}

/* Webomat component: text-page — style via tokens (--c-*, --radius, --font-*, --space) */
.wbm-c-text-page{--_bg:var(--c-bg,#fff);--_surface:var(--c-surface,#f4f6f8);--_ink:var(--c-ink,#16191f);--_muted:var(--c-muted,#545d6a);--_line:var(--c-line,#dde1e7);--_brand:var(--c-brand,#1d5f8a);--_brand-ink:var(--c-brand-ink,#fff);--_r:var(--radius,10px);--_head:var(--font-head,inherit);--_body:var(--font-body,inherit);--_s:var(--space,24px);padding:calc(var(--_s)*2.5) 0;color:var(--_ink);font-family:var(--_body)}
.wbm-c-text-page__header{margin-bottom:calc(var(--_s)*1.5);padding-bottom:1.25em;border-bottom:1px solid var(--_line)}
.wbm-c-text-page__title{margin:0 0 .3em;font:700 clamp(2rem,1.3rem + 2.6vw,3rem)/1.1 var(--_head)}
.wbm-c-text-page__updated{margin:0;color:var(--_muted)}
.wbm-c-text-page__layout{display:grid;gap:calc(var(--_s)*1.5);align-items:start}
@media (min-width:1000px){.wbm-c-text-page__layout{grid-template-columns:15rem minmax(0,1fr);gap:calc(var(--_s)*3)}.wbm-c-text-page__toc{position:sticky;top:calc(var(--_s)*4);max-height:calc(100vh - var(--_s)*5);overflow-y:auto}}
.wbm-c-text-page__toc{padding:1em 1.1em;border-radius:var(--_r);background:var(--_surface);font-size:.9375rem}
.wbm-c-text-page__toc-title{margin:0 0 .5em;font-weight:700}
.wbm-c-text-page__toc ol{margin:0;padding-left:1.2em;display:grid;gap:.35em}
.wbm-c-text-page__toc a{color:var(--_ink);text-decoration:none}
.wbm-c-text-page__toc a:hover{color:var(--_brand);text-decoration:underline}
.wbm-c-text-page__body{max-width:70ch;font-size:1.0625rem;line-height:1.75}
.wbm-c-text-page__body h2{margin:1.9em 0 .5em;font:700 1.375rem/1.3 var(--_head);scroll-margin-top:calc(var(--_s)*4)}
.wbm-c-text-page__body h2:first-child{margin-top:0}
.wbm-c-text-page__body h3{margin:1.4em 0 .4em;font:700 1.125rem/1.35 var(--_head)}
.wbm-c-text-page__body p,.wbm-c-text-page__body ul,.wbm-c-text-page__body ol{margin:0 0 1em}
.wbm-c-text-page__body ul,.wbm-c-text-page__body ol{padding-left:1.4em}
.wbm-c-text-page__body li{margin:.35em 0}
.wbm-c-text-page__body a{color:var(--_brand);text-underline-offset:3px}
.wbm-c-text-page__body table{width:100%;border-collapse:collapse;font-size:.9375rem;display:block;overflow-x:auto;margin:0 0 1em}
.wbm-c-text-page__body th,.wbm-c-text-page__body td{padding:.6em .8em;border-bottom:1px solid var(--_line);text-align:left;vertical-align:top}

/* Webomat component: newsletter — style via tokens (--c-*, --radius, --font-*, --space) */
.wbm-c-newsletter{--_bg:var(--c-bg,#fff);--_surface:var(--c-surface,#f4f6f8);--_ink:var(--c-ink,#16191f);--_muted:var(--c-muted,#545d6a);--_line:var(--c-line,#dde1e7);--_brand:var(--c-brand,#1d5f8a);--_brand-ink:var(--c-brand-ink,#fff);--_r:var(--radius,10px);--_head:var(--font-head,inherit);--_body:var(--font-body,inherit);--_s:var(--space,24px);display:grid;gap:calc(var(--_s)*1.25);align-items:center;margin:calc(var(--_s)*2) 0;padding:calc(var(--_s)*1.5);background:var(--_surface);border-radius:var(--_r);color:var(--_ink);font-family:var(--_body)}
@media (min-width:860px){.wbm-c-newsletter{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:calc(var(--_s)*2)}}
.wbm-c-newsletter__title{margin:0 0 .35em;font:700 clamp(1.4rem,1.1rem + 1.1vw,1.9rem)/1.15 var(--_head)}
.wbm-c-newsletter__lead{margin:0;color:var(--_muted);line-height:1.6;max-width:46ch}
.wbm-c-newsletter__form{display:grid;gap:.6em;min-width:0}
.wbm-c-newsletter__label{font-weight:600;font-size:.9375rem}
.wbm-c-newsletter__row{display:flex;flex-wrap:wrap;gap:.6em}
.wbm-c-newsletter__row input{flex:1 1 14em;min-width:0;box-sizing:border-box;padding:.8em .95em;border:1px solid var(--_line);border-radius:calc(var(--_r)*.7);background:var(--_bg);color:var(--_ink);font:inherit;font-size:1rem}
.wbm-c-newsletter__row input:focus-visible{outline:2px solid var(--_brand);outline-offset:1px;border-color:var(--_brand)}
.wbm-c-newsletter__submit{appearance:none;border:0;border-radius:calc(var(--_r)*.7);padding:.85em 1.4em;background:var(--_brand);color:var(--_brand-ink);font:600 1rem/1.2 var(--_body);cursor:pointer;transition:filter .2s}
.wbm-c-newsletter__submit:hover{filter:brightness(1.08)}
.wbm-c-newsletter__submit:focus-visible{outline:2px solid var(--_ink);outline-offset:3px}
.wbm-c-newsletter__submit:disabled{opacity:.6;cursor:progress}
.wbm-c-newsletter__note{margin:0;font-size:.875rem;color:var(--_muted)}
.wbm-c-newsletter__status{margin:0;font-weight:600}
.wbm-c-newsletter__status:empty{display:none}

/* Webomat component: contact-form — style via tokens (--c-*, --radius, --font-*, --space) */
.wbm-c-contact-form{--_bg:var(--c-bg,#fff);--_surface:var(--c-surface,#f4f6f8);--_ink:var(--c-ink,#16191f);--_muted:var(--c-muted,#545d6a);--_line:var(--c-line,#dde1e7);--_brand:var(--c-brand,#1d5f8a);--_brand-ink:var(--c-brand-ink,#fff);--_r:var(--radius,10px);--_head:var(--font-head,inherit);--_body:var(--font-body,inherit);--_s:var(--space,24px);display:grid;gap:calc(var(--_s)*1.5);padding:calc(var(--_s)*2.5) 0;color:var(--_ink);font-family:var(--_body)}
@media (min-width:900px){.wbm-c-contact-form{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:calc(var(--_s)*3)}}
.wbm-c-contact-form__title{margin:0 0 .5em;font:700 clamp(1.75rem,1.2rem + 1.8vw,2.5rem)/1.12 var(--_head)}
.wbm-c-contact-form__lead{margin:0 0 1.25em;color:var(--_muted);font-size:1.0625rem;line-height:1.6;max-width:42ch}
.wbm-c-contact-form__alt{display:grid;gap:.4em;margin:0;font-weight:600;font-size:1.0625rem}
.wbm-c-contact-form__alt a{color:var(--_ink);text-decoration:none;border-bottom:1px solid var(--_line);width:max-content;max-width:100%;overflow-wrap:anywhere}
.wbm-c-contact-form__alt a:hover{border-color:var(--_brand);color:var(--_brand)}
.wbm-c-contact-form__form{display:grid;gap:calc(var(--_s)*.75);grid-template-columns:minmax(0,1fr);padding:calc(var(--_s)*1.25);background:var(--_surface);border-radius:var(--_r)}
@media (min-width:600px){.wbm-c-contact-form__form{grid-template-columns:repeat(2,minmax(0,1fr));padding:calc(var(--_s)*1.5)}}
.wbm-c-contact-form__field{display:grid;gap:.4em;min-width:0}
.wbm-c-contact-form__field--full,.wbm-c-contact-form__note,.wbm-c-contact-form__actions{grid-column:1/-1}
.wbm-c-contact-form__field label{font-weight:600;font-size:.9375rem}
.wbm-c-contact-form__field label span{font-weight:400;color:var(--_muted)}
.wbm-c-contact-form__field input,.wbm-c-contact-form__field textarea{box-sizing:border-box;width:100%;min-width:0;padding:.8em .95em;border:1px solid var(--_line);border-radius:calc(var(--_r)*.7);background:var(--_bg);color:var(--_ink);font:inherit;font-size:1rem;line-height:1.4}
.wbm-c-contact-form__field textarea{resize:vertical;min-height:8.5em}
.wbm-c-contact-form__field input:focus-visible,.wbm-c-contact-form__field textarea:focus-visible{outline:2px solid var(--_brand);outline-offset:1px;border-color:var(--_brand)}
.wbm-c-contact-form__note{margin:0;font-size:.875rem;color:var(--_muted);line-height:1.5}
.wbm-c-contact-form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75em 1.25em}
.wbm-c-contact-form__submit{appearance:none;border:0;border-radius:calc(var(--_r)*.7);padding:.95em 1.6em;background:var(--_brand);color:var(--_brand-ink);font:600 1rem/1.2 var(--_body);cursor:pointer;transition:filter .2s,transform .2s}
.wbm-c-contact-form__submit:hover{filter:brightness(1.08);transform:translateY(-1px)}
.wbm-c-contact-form__submit:focus-visible{outline:2px solid var(--_ink);outline-offset:3px}
.wbm-c-contact-form__submit:disabled{opacity:.6;cursor:progress;transform:none}
.wbm-c-contact-form__status{margin:0;font-weight:600}
.wbm-c-contact-form__status:empty{display:none}

/* ---------- subpages ---------- */
/* Shared kit for every subpage (see design/NOTES.md → Subpage kit). Same tokens, bubble corner motif, Outfit heads. */

/* current page in the navigation: the hover pill, kept on */
.site-nav__list a[aria-current="page"]{background:var(--hdr-hover-bg);color:var(--hdr-hover-ink)}

/* page head: forest band under the floating header (like the hero); image beside (desktop) or above (mobile), never under text */
.page-head{position:relative;overflow:hidden;background:var(--forest);color:#fff;padding:calc(var(--header-h) + clamp(28px,4vw,52px)) 0 clamp(48px,6vw,88px)}
.page-head__cloud{position:absolute;right:-12%;top:-30%;width:min(820px,85vw);height:auto;fill:none;stroke:var(--rose);stroke-width:1.2;stroke-linejoin:round;opacity:.3;pointer-events:none}
.page-head>.wrap{position:relative}
.crumbs{margin:0 0 clamp(22px,3vw,36px);font-size:15px;line-height:1.4}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;row-gap:4px}
.crumbs li{display:flex;align-items:center;color:var(--on-dark-muted)}
.crumbs li+li::before{content:"";flex:none;width:7px;height:7px;margin:0 10px;border-radius:4px 4px 4px 1px;background:var(--rose)}
.crumbs a{color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:rgba(214,163,168,.6);text-decoration-thickness:2px;text-underline-offset:4px}
.crumbs a:hover{text-decoration-color:var(--rose)}
.page-head__grid{display:grid;gap:28px}
.page-head__kicker{margin:0 0 14px;color:var(--rose);font-weight:600;font-size:17px;line-height:1.4}
.page-head__title{margin:0;font-size:clamp(40px,5vw,68px);line-height:1.05;color:#fff;max-width:16ch}
.page-head__lead{margin:22px 0 0;font-size:clamp(18px,1.5vw,21px);line-height:1.55;color:var(--on-dark-muted);max-width:52ch}
.page-head__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.page-head__media{order:-1;margin:0;max-width:620px}
.page-head__media img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:50% 35%;border-radius:var(--bubble)}
@media (max-width:640px){.page-head__actions .btn{flex:1 1 100%}}
@media (min-width:981px){
  .page-head--media .page-head__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:clamp(40px,5vw,80px);align-items:center}
  .page-head__media{order:0;max-width:none}
  .page-head__media img{aspect-ratio:4/3;max-height:460px}
}
/* light variant (mint) — use when the first section below is dark */
.page-head--mint{background:var(--mint);color:var(--ink)}
.page-head--mint .page-head__cloud{stroke:var(--forest);opacity:.12}
.page-head--mint .page-head__title{color:var(--forest)}
.page-head--mint .page-head__lead,.page-head--mint .crumbs li{color:var(--muted)}
.page-head--mint .crumbs a,.page-head--mint .page-head__kicker{color:var(--forest)}
/* the adaptive header treats a forest page head like the homepage hero */
@supports (animation-timeline:view()) and (timeline-scope:--a){
  .page-head:not(.page-head--mint){view-timeline-name:--dk-hero;view-timeline-axis:block;view-timeline-inset:41px calc(100% - 42px)}
}

/* in-page jump links (long pages): bubble chips */
.jump{display:flex;flex-wrap:wrap;gap:8px}
.jump a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:var(--bubble-sm);background:var(--mint);color:var(--forest);font-weight:600;font-size:16px;text-decoration:none;transition:background-color .2s, color .2s}
.jump a:hover{background:var(--forest);color:#fff}
.page-head .jump{margin-top:30px}
.page-head:not(.page-head--mint) .jump a{background:rgba(255,255,255,.08);border:1px solid var(--line-dark);color:#fff}
.page-head:not(.page-head--mint) .jump a:hover{background:var(--rose);border-color:var(--rose);color:var(--forest)}
.page-head--mint .jump a{background:var(--white)}

/* section rhythm: .section / .section--mint from the homepage, plus */
.section--tight{padding-block:clamp(48px,6vw,80px)}
.section--flush{padding-top:0}
.section--rose{background:var(--rose);color:var(--forest)}
.section--rose .h2::before{background:var(--forest)}
.section--rose .sec-head__side{color:var(--forest)}

/* outline button for light / rose backgrounds */
.btn--line{border-color:var(--forest);color:var(--forest)}
.btn--line:hover{background:var(--forest);color:#fff}

/* chip (label) — same look as the homepage project tags */
.chip{display:inline-block;margin:0;padding:4px 12px;border-radius:12px 12px 12px 3px;background:var(--mint);color:var(--forest);font-size:14px;font-weight:700;line-height:1.4}
.section--mint .chip{background:var(--white)}

/* prose column (~68 characters) */
.prose{max-width:68ch}
.prose>:first-child{margin-top:0}
.prose>:last-child{margin-bottom:0}
.prose h2{margin:1.7em 0 .5em;font-size:clamp(27px,2.6vw,36px);line-height:1.15;color:var(--forest)}
.prose h3{margin:1.5em 0 .4em;font-size:clamp(21px,1.8vw,24px);line-height:1.25;color:var(--forest)}
.prose p{margin:0 0 1em}
.prose .prose__lead{font:500 clamp(20px,1.8vw,24px)/1.45 var(--f-head);color:var(--forest)}
.prose strong{font-weight:700}
.prose a{font-weight:600;color:var(--forest);text-decoration-color:var(--rose);text-decoration-thickness:2px;text-underline-offset:4px}
.prose a:hover{text-decoration-color:var(--forest)}
.prose ul,.prose ol{margin:0 0 1.2em}
.prose li{position:relative;margin:0 0 .55em}
.prose ul>li{padding-left:24px}
.prose ul>li::before{content:"";position:absolute;left:0;top:.58em;width:10px;height:10px;background:var(--rose);border-radius:5px 5px 5px 1.5px}
.prose ol{counter-reset:prose}
.prose ol>li{counter-increment:prose;padding-left:38px}
.prose ol>li::before{content:counter(prose);position:absolute;left:0;top:.1em;width:26px;height:26px;border-radius:13px 13px 13px 3px;background:var(--mint);color:var(--forest);font:700 14px/26px var(--f-head);text-align:center}
.prose blockquote{margin:1.6em 0;padding:clamp(20px,2.5vw,30px);border-radius:var(--bubble);background:var(--mint);color:var(--forest);font:500 clamp(19px,1.7vw,23px)/1.45 var(--f-head)}
.prose blockquote p{margin:0 0 .6em}
.prose blockquote>:last-child{margin-bottom:0}
.prose figure{margin:1.8em 0}
.prose figure img{width:100%;border-radius:var(--bubble)}
.prose figcaption{margin-top:10px;font-size:15px;color:var(--muted)}
.section--mint .prose blockquote,.section--mint .prose ol>li::before{background:var(--white)}

/* two columns: main + side boxes (contact, downloads, booking) */
.split{display:grid;gap:clamp(40px,5vw,72px);align-items:start}
.split__side{display:grid;gap:20px;align-content:start}
@media (min-width:960px){
  .split{grid-template-columns:minmax(0,1fr) minmax(300px,380px)}
  .split--even{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split--side-left{grid-template-columns:minmax(300px,380px) minmax(0,1fr)}
  .split--side-left>.split__side{order:-1}
  .split__side--sticky{position:sticky;top:calc(var(--header-h) + 24px)}
}
.side-box{padding:clamp(22px,2.5vw,32px);border-radius:var(--bubble);background:var(--mint);color:var(--ink)}
.section--mint .side-box{background:var(--white)}
.side-box--dark,.section--mint .side-box--dark{background:var(--forest);color:#fff}
.side-box--rose,.section--mint .side-box--rose{background:var(--rose);color:var(--forest)}
.side-box__title{margin:0 0 12px;font-size:clamp(21px,1.8vw,24px);line-height:1.2;color:var(--forest)}
.side-box--dark .side-box__title{color:#fff}
.side-box p{margin:0 0 .8em}
.side-box--dark p{color:var(--on-dark-muted)}
.side-box>:last-child{margin-bottom:0}
.side-box .btn{width:100%;margin-top:8px}
.side-box--dark .link{color:#fff}
.side-list li{padding:12px 0;border-top:1px solid var(--line)}
.side-list li:first-child{border-top:0;padding-top:0}
.side-list li:last-child{padding-bottom:0}
.side-list a{font-weight:600;color:var(--forest);text-decoration-color:var(--rose);text-decoration-thickness:2px;text-underline-offset:4px}
.side-list small{display:block;font-size:15px;color:var(--muted)}
.side-box--dark .side-list li{border-color:var(--line-dark)}
.side-box--dark .side-list a{color:#fff}
.side-box--dark .side-list small{color:var(--on-dark-muted)}

/* card grid (photo on top, text below — never text on the photo) */
.cards{display:grid;gap:24px}
@media (min-width:640px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.cards--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}
.card{display:flex;flex-direction:column;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:var(--bubble);box-shadow:0 1px 2px rgba(15,36,30,.04),0 10px 28px rgba(15,36,30,.06)}
.section--mint .card{border-color:transparent}
.card__photo{width:100%;aspect-ratio:3/2;object-fit:cover}
.card__body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1;padding:22px clamp(20px,2.2vw,28px) 28px}
.card__title{margin:0;font-size:clamp(22px,1.9vw,26px);line-height:1.2;color:var(--forest)}
.card__text{margin:0;color:var(--muted)}
.card__body .link,.card__body .btn{margin-top:auto}
.card--dark{background:var(--forest);border-color:transparent;color:#fff}
.card--dark .card__title{color:#fff}
.card--dark .card__text{color:var(--on-dark-muted)}
.card--dark .chip{background:var(--rose)}
.card--rose{background:var(--rose);border-color:transparent;color:var(--forest)}
.card--rose .card__title,.card--rose .card__text{color:var(--forest)}
.card--rose .chip{background:var(--white)}

/* row list: title left, text right, forest rule on top (like the homepage areas) — instead of icon cards */
.rowlist{border-top:2px solid var(--forest)}
.rowlist__item{display:grid;gap:6px 32px;padding:24px 0;border-bottom:1px solid var(--line)}
.rowlist__title{margin:0;font-size:clamp(21px,1.8vw,25px);line-height:1.25;color:var(--forest)}
.rowlist__text{margin:0;color:var(--muted)}
.rowlist__text>:last-child{margin-bottom:0}
@media (min-width:760px){.rowlist__item{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}

/* facts: label / value rows (formal data, scope, terms) */
.facts{margin:0;border-top:2px solid var(--forest)}
.facts>div{display:grid;gap:2px 24px;padding:14px 0;border-bottom:1px solid var(--line)}
.facts dt{color:var(--muted);font-size:16px}
.facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}
@media (min-width:600px){.facts>div{grid-template-columns:11em minmax(0,1fr)}}

/* table */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--bubble-sm);background:var(--white)}
.table{width:100%;border-collapse:collapse;font-size:17px}
.table caption{padding:0 0 12px;text-align:left;font:600 20px/1.3 var(--f-head);color:var(--forest)}
.table th,.table td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.table thead th{background:var(--forest);color:#fff;font:600 16px/1.3 var(--f-head);white-space:nowrap}
.table tbody tr:nth-child(even){background:#f6f9f7}
.table tbody tr:last-child>*{border-bottom:0}
.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}

/* small photos in a row (thumbnails up to their natural width) */
.thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;max-width:720px}
.thumbs img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--bubble-sm)}
.photo{margin:0}
.photo img{width:100%;object-fit:cover;border-radius:var(--bubble)}
.photo figcaption{margin-top:10px;font-size:15px;color:var(--muted)}

/* closing band (rose, like the homepage support block) */
.cta-band{position:relative;overflow:hidden;background:var(--rose);color:var(--forest);padding-block:clamp(56px,7vw,96px)}
.cta-band__cloud{position:absolute;right:-6%;bottom:-40%;width:min(560px,70vw);height:auto;fill:none;stroke:#fff;stroke-width:1.3;stroke-linejoin:round;opacity:.4;pointer-events:none}
.cta-band__grid{position:relative;display:grid;gap:28px 64px;align-items:center}
.cta-band__title{margin:0;font-size:clamp(30px,3.4vw,46px);line-height:1.08;color:var(--forest);max-width:20ch}
.cta-band__text{margin:14px 0 0;font:500 clamp(18px,1.5vw,21px)/1.5 var(--f-head);max-width:46ch}
.cta-band__actions{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:640px){.cta-band__actions .btn{flex:1 1 100%}}
@media (min-width:900px){.cta-band__grid{grid-template-columns:minmax(0,1.3fr) auto}.cta-band__actions{justify-content:flex-end}}

/* documents component outside a mint section: give the rows a tint */
.wbm-c-documents:not(.section--mint) .wbm-c-documents__item{background:var(--mint)}
.wbm-c-documents.is-inline{padding:0}

/* text-page component under a page head (drop its own header: the H1 lives in .page-head) */
.wbm-c-text-page.section{padding-block:var(--section)}
.wbm-c-text-page .wbm-c-text-page__toc{border-radius:var(--bubble);background:var(--mint);padding:20px 22px}
.wbm-c-text-page .wbm-c-text-page__toc-title{font:600 18px/1.3 var(--f-head);color:var(--forest)}
.wbm-c-text-page .wbm-c-text-page__toc a{display:inline-block;padding:3px 0;font-weight:600}
.wbm-c-text-page .wbm-c-text-page__toc a:hover{color:var(--forest);text-decoration-color:var(--rose);text-underline-offset:4px}
@media (min-width:1000px){.wbm-c-text-page .wbm-c-text-page__toc{top:calc(var(--header-h) + 24px);max-height:calc(100vh - var(--header-h) - 48px)}}
.wbm-c-text-page .wbm-c-text-page__body{font-size:18px}
.wbm-c-text-page .wbm-c-text-page__body h2{font:600 clamp(24px,2.2vw,30px)/1.2 var(--f-head);color:var(--forest);scroll-margin-top:0}
.wbm-c-text-page .wbm-c-text-page__body h3{font:600 20px/1.3 var(--f-head);color:var(--forest)}
.wbm-c-text-page .wbm-c-text-page__body a{color:var(--forest);font-weight:600;text-decoration-color:var(--rose);text-decoration-thickness:2px}

/* blog-post component: the article header IS the page head */
.wbm-c-blog-post.post{max-width:none;margin:0;padding:0}
.crumbs .wbm-c-blog-post__back{display:inline;margin:0;font-size:inherit}
.post .page-head__title.wbm-c-blog-post__title{margin:0;font:600 clamp(32px,3.8vw,54px)/1.1 var(--f-head);color:#fff;max-width:24ch}
.post .wbm-c-blog-post__meta{margin:0 0 14px;color:var(--rose);font-weight:600;font-size:17px}
.post .wbm-c-blog-post__lead{margin:22px 0 0;padding:0;border:0;font-size:clamp(18px,1.5vw,21px);color:var(--on-dark-muted);max-width:56ch}
.post .wbm-c-blog-post__body{padding-top:0;max-width:68ch;font-size:18px;line-height:1.7}
.post .wbm-c-blog-post__body h2{font:600 clamp(26px,2.4vw,34px)/1.15 var(--f-head);color:var(--forest)}
.post .wbm-c-blog-post__body h3{font:600 clamp(21px,1.8vw,24px)/1.25 var(--f-head);color:var(--forest)}
.post .wbm-c-blog-post__body a{color:var(--forest);font-weight:600;text-decoration-color:var(--rose);text-decoration-thickness:2px}
.post .wbm-c-blog-post__body blockquote{padding:clamp(20px,2.5vw,30px);border:0;border-radius:var(--bubble);background:var(--mint);color:var(--forest)}
.post .wbm-c-blog-post__footer{max-width:68ch;margin-top:48px;border-color:var(--line)}
.post .wbm-c-blog-post__footer a{color:var(--forest)}

/* newsletter component */
.wbm-c-newsletter{border-radius:var(--bubble)}
.wbm-c-newsletter .wbm-c-newsletter__title{font:600 clamp(26px,2.6vw,36px)/1.12 var(--f-head);color:var(--forest)}
.section--mint .wbm-c-newsletter{background:var(--white)}
.wbm-c-newsletter .wbm-c-newsletter__row input,.wbm-c-contact-form .wbm-c-contact-form__field input,.wbm-c-contact-form .wbm-c-contact-form__field textarea{min-height:52px;border-radius:14px 14px 14px 4px;border-color:#b9c8c1;font-size:17px}
.wbm-c-newsletter .wbm-c-newsletter__submit,.wbm-c-contact-form .wbm-c-contact-form__submit{min-height:52px;padding:12px 26px;border-radius:var(--bubble);font:600 17px/1.2 var(--f-head)}
.wbm-c-newsletter .wbm-c-newsletter__submit:hover,.wbm-c-contact-form .wbm-c-contact-form__submit:hover{filter:none;background:#224a3f}

/* contact-form component */
.wbm-c-contact-form.section{padding-block:var(--section)}
.wbm-c-contact-form .wbm-c-contact-form__title{font:600 clamp(30px,3.4vw,46px)/1.08 var(--f-head);color:var(--forest)}
.wbm-c-contact-form .wbm-c-contact-form__form{border-radius:var(--bubble);padding:clamp(20px,3vw,36px)}
.section--mint .wbm-c-contact-form__form{background:var(--white)}
.wbm-c-contact-form .wbm-c-contact-form__field label{font-size:16px}