/* GENERATED by glade:export-wp (packages/@grove/themes/glade/tools) from @grove/glade 0.1.0. Do not edit; change glade.css, the importer slots or the exporter and re-run.
   The Grove look (UI-STANDARD 14) for the public WordPress sites: Glade's light tokens as :root custom properties, the converted
   template rules under the class names the parent theme renders, Fraunces and Outfit self-hosted in fonts/ (OFL). Light mode only. */
@font-face { font-family: "Outfit"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("fonts/outfit-latin-wght-normal.woff2") format("woff2-variations"); 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: "Outfit"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("fonts/outfit-latin-ext-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("fonts/fraunces-latin-wght-normal.woff2") format("woff2-variations"); 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: "Fraunces"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("fonts/fraunces-latin-ext-wght-normal.woff2") format("woff2-variations"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Fraunces"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("fonts/fraunces-latin-wght-italic.woff2") format("woff2-variations"); 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: "Fraunces"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("fonts/fraunces-latin-ext-wght-italic.woff2") format("woff2-variations"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
:root { --primary: #1a6b4f; --primary-foreground: #ffffff; --primary-text: #15583f; --secondary: #15583f; --accent: #2fa86f; --background: #ffffff; --foreground: #0f2a22; --card: #ffffff; --border: #e2ebe7; --muted: #e8f0ec; --muted-foreground: #4a5a55; --font-sans: "Outfit", "Albert Sans", system-ui, -apple-system, "Segoe UI", sans-serif; --font-heading: "Fraunces", Georgia, "Times New Roman", serif; --glade-band: #f4fbf8; --glade-mint: #e5f6ef; --glade-mint-ink: #15583f; --glade-sage: #2fa86f; --glade-warn-bg: #fef3c7; --glade-warn-ink: #92400e; --glade-hero: linear-gradient(135deg, #0b3b2c 0%, #0e3a3f 45%, #0f2342 100%); --glade-radius-card: 20px; --glade-radius-hero: 28px; --glade-radius-pill: 999px; --glade-shadow-card: 0 1px 2px rgba(15, 42, 34, .04), 0 8px 24px rgba(15, 42, 34, .05); --glade-hero-ink: #d6e6f2; --glade-hero-head: #ffffff; --glade-hero-eyebrow: #8ee6ba; --glade-hero-line: rgba(255, 255, 255, .65); --glade-hero-wash: rgba(255, 255, 255, .12); --glade-hero-pri-ink: #06150f; --glade-hero-pri-hover: #a6efc9; --glade-line: color-mix(in srgb, var(--border) 85%, var(--foreground) 4%); --glade-mute: color-mix(in srgb, var(--foreground) 65%, var(--card)); --gl-accent: var(--accent); --gl-background: var(--background); --gl-c-000000: #000000; --gl-c-08281c: #08281c; --gl-c-0b3b2c: #0b3b2c; --gl-c-0e3a3f: #0e3a3f; --gl-c-0f2342: #0f2342; --gl-c-10231b: #10231b; --gl-c-1c2b27: #1c2b27; --gl-c-8ee6ba: #8ee6ba; --gl-c-d6e6f2: #d6e6f2; --gl-c-e8f3ee: #e8f3ee; --gl-card: var(--card); --gl-foreground: var(--foreground); --gl-mint: var(--glade-mint); --gl-muted-foreground: var(--muted-foreground); --gl-primary: var(--primary); --gl-primary-text: var(--primary-text); --gl-thm-color: var(--gl-primary); --gl-black-color: var(--gl-c-10231b); --gl-white-color: var(--gl-card); }
.container { width: 100%; padding: 0 10px; }
@media (min-width: 1400px) {
  .container { max-width: 1220px; }
}
.breadcroumb-area { position: relative; min-height: 560px; text-align: center; padding: 190px 0 200px; color: var(--gl-black-color); }
.breadcroumb-area:after { mask-image: url("assets/bg-shape.svg"); mask-size: cover; mask-position: center; mask-repeat: no-repeat; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; padding: 80px 0; background: var(--gl-white-color); }
.breadcroumb-area:before { mask-image: url("assets/bg-shape-before.svg"); mask-size: cover; mask-position: center; mask-repeat: no-repeat; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; padding: 113px 0; background: var(--gl-thm-color); z-index: 11; }
.breadcroumn-contnt .page-title { margin: 0; padding: 0; word-wrap: break-word; color: var(--gl-black-color); font-size: 60px; line-height: 75px; font-weight: 500; margin-bottom: 18px; }
@media (max-width: 575px) {
  .breadcroumn-contnt .page-title { font-size: 48px; line-height: 58px; }
}
.container { width: 100%; padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem); margin-right: auto; margin-left: auto; }
@media (min-width:576px) {
  .container { max-width: 540px; }
}
@media (min-width:768px) {
  .container { max-width: 720px; }
}
@media (min-width:992px) {
  .container { max-width: 960px; }
}
@media (min-width:1200px) {
  .container { max-width: 1140px; }
}
@media (min-width:1400px) {
  .container { max-width: 1320px; }
}
.breadcroumb-area { background: linear-gradient(115deg, var(--gl-c-08281c) 0%, var(--gl-primary-text) 45%, var(--gl-primary) 72%, var(--gl-accent) 125%) !important; padding: 92px 0 78px !important; height: auto !important; min-height: 0 !important; position: relative; overflow: hidden; }
.breadcroumb-area::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(color-mix(in srgb, var(--gl-card) 9%, transparent) 1.2px, transparent 1.2px); background-size: 22px 22px; mask-image: linear-gradient(90deg, transparent 0%, var(--gl-c-000000) 55%); pointer-events: none; animation: none !important; z-index: 0 !important; background-color: transparent !important; width: auto !important; height: auto !important; border-radius: 0 !important; opacity: 1 !important; transform: none !important; left: 0 !important; top: 0 !important; }
.breadcroumb-area::after { content: ""; position: absolute; width: 420px; height: 420px; right: -120px; top: -160px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--gl-accent) 45%, transparent), transparent 70%); pointer-events: none; animation: none !important; z-index: 0 !important; background-color: transparent !important; opacity: 1 !important; transform: none !important; left: auto !important; bottom: auto !important; }
.breadcroumb-area > *:not(.container) { display: none !important; }
.breadcroumb-area .container, .breadcroumb-area .breadcroumn-contnt { position: relative; z-index: 3 !important; }
.breadcroumb-area .breadcroumn-contnt::before, .breadcroumb-area .breadcroumn-contnt::after, .breadcroumb-area .container::before, .breadcroumb-area .container::after { display: none !important; }
.breadcroumb-area .page-title { color: var(--gl-card) !important; font-size: clamp(34px, 5vw, 54px); margin-bottom: 0; }
.breadcroumb-area .db-banner-tagline { color: var(--gl-mint); max-width: 760px; margin: 14px auto 0; font-size: 19px; line-height: 1.5; }
.breadcroumb-area .bre-sub { margin-top: 18px; }
.breadcroumb-area .bre-sub, .breadcroumb-area .bre-sub a, .breadcroumb-area .bre-sub span { color: color-mix(in srgb, var(--gl-card) 72%, transparent) !important; font-size: 15px; }
.breadcroumb-area .bre-sub a:hover { color: var(--gl-card) !important; }
.dbh-s, .dbh-s * { box-sizing: border-box; }
.dbh-s { overflow: hidden; font-family: "Outfit", "Albert Sans", system-ui, sans-serif; color: var(--gl-c-1c2b27); }
.dbh-s em { font-style: italic; }
.dbh-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.dbh-eyebrow { display: inline-block; font-size: 12.5px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--gl-primary-text); margin-bottom: 14px; }
.dbh-eyebrow--light { color: var(--gl-c-8ee6ba); }
.dbh-h1, .dbh-h2, .dbh-h3 { font-family: "Fraunces", Georgia, "Times New Roman", serif; font-weight: 600; line-height: 1.12; letter-spacing: -.015em; margin: 0; }
.dbh-h1 { font-size: clamp(36px, 5vw, 60px); color: var(--gl-card); margin-bottom: 22px; }
.dbh-h1 em, .dbh-h2 em { color: var(--gl-c-8ee6ba); font-weight: 500; }
.dbh-h2 { font-size: clamp(28px, 3.4vw, 42px); color: var(--gl-foreground); }
.dbh-h2 em { color: var(--gl-primary); }
.dbh-h2--light { color: var(--gl-card); }
.dbh-h3 { font-size: 34px; color: var(--gl-foreground); margin: 12px 0; }
.dbh-lead { font-size: 18px; line-height: 1.65; color: var(--gl-c-d6e6f2); margin: 0 0 28px; max-width: 600px; }
.dbh-sub { font-size: 17px; line-height: 1.65; color: var(--gl-muted-foreground); margin: 14px 0 0; }
.dbh-head { margin-bottom: 44px; }
.dbh-head.dbh-center { text-align: center; }
.dbh-head.dbh-center .dbh-sub { max-width: 680px; margin-left: auto; margin-right: auto; }
.dbh-sec { padding: 88px 0; background: var(--gl-card); }
.dbh-sec--tint { background: var(--gl-background); }
.dbh-cta { display: flex; flex-wrap: wrap; gap: 12px; margin: 26px 0 0; }
.dbh-btn { display: inline-block; padding: 14px 28px; border-radius: 999px; font-weight: 600; font-size: 16px; text-decoration: none !important; transition: transform .15s, background .2s, color .2s; border: 1.5px solid transparent; }
.dbh-btn:hover { transform: translateY(-1px); }
.dbh-btn--light { background: var(--gl-card); color: var(--gl-foreground) !important; }
.dbh-btn--light:hover { background: var(--gl-mint); }
.dbh-btn--outline { border-color: color-mix(in srgb, var(--gl-card) 55%, transparent); color: var(--gl-card) !important; }
.dbh-btn--outline:hover { background: color-mix(in srgb, var(--gl-card) 12%, transparent); }
.dbh-btn--solid { background: var(--gl-primary); color: var(--gl-card) !important; }
.dbh-btn--solid:hover { background: var(--gl-primary-text); }
.dbh-btn--ghost { border-color: var(--gl-primary); color: var(--gl-primary) !important; }
.dbh-btn--ghost:hover { background: var(--gl-background); }
.dbh-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--gl-primary); text-decoration: none; margin-top: auto; }
.dbh-link svg { width: 16px; height: 16px; transition: transform .2s; }
a:hover > .dbh-link svg, .dbh-link:hover svg { transform: translateX(3px); }
.dbh-hero { background: linear-gradient(135deg, var(--gl-c-0b3b2c) 0%, var(--gl-c-0e3a3f) 45%, var(--gl-c-0f2342) 100%); padding: 96px 0 88px; position: relative; }
.dbh-hero::after { content: ""; position: absolute; inset: 0; background: radial-gradient(60% 80% at 85% 20%, color-mix(in srgb, var(--gl-accent) 22%, transparent), transparent 70%); pointer-events: none; }
.dbh-hero-grid { display: grid; grid-template-columns: 1.02fr 1fr; gap: 56px; align-items: center; position: relative; z-index: 1; }
.dbh-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 30px 0 0; padding: 0; }
.dbh-chips li { padding: 6px 14px; border-radius: 999px; background: color-mix(in srgb, var(--gl-card) 10%, transparent); border: 1px solid color-mix(in srgb, var(--gl-card) 20%, transparent); color: var(--gl-c-e8f3ee); font-size: 14px; margin: 0; }
.dbh-cta-band { background: linear-gradient(135deg, var(--gl-c-0b3b2c) 0%, var(--gl-c-0f2342) 100%); padding: 84px 0; }
.dbh-cta-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 40px; align-items: center; }
.dbh-cta-band .dbh-lead { margin: 16px 0 0; }
.dbh-cta-actions { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
@media (max-width: 1024px) {
  .dbh-hero-grid, .dbh-cta-grid { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 640px) {
  .dbh-hero { padding: 56px 0; }
  .dbh-sec { padding: 56px 0; }
  .dbh-h3 { font-size: 28px; }
  .dbh-btn { padding: 13px 22px; }
  .dbh-cta-band { padding: 56px 0; }
}
