.elementor-kit-7{--e-global-color-primary:#A32D2D;--e-global-color-secondary:#1C2A3A;--e-global-color-text:#1A1714;--e-global-color-accent:#A32D2D;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   AQ2 / AQURIT — GLOBAL CSS
   Paste into: Elementor > Site Settings > Custom CSS
   Palette: AQ2_BrandKit.html is authoritative (Sep 2026).
   All tokens that have a brand-kit swatch use the kit's exact hex.
   Tokens with no kit swatch (red-deep, gold, amber) are unchanged.
   Typeface: Poppins (brand kit), system stack as fallback.
   Poppins is loaded by the child theme (functions.php), not here:
   @import is ignored when this CSS is not first in the stylesheet.
   ========================================================= */


/* ---------- Design tokens ----------
   Also mirror these into Elementor > Site Settings > Global Colors
   (name them exactly as below) so widget style-panels can pick them:
   Brand Red        = --red
   Red Hover        = --red-hover
   Red Soft (tint)  = --red-soft
   Red Deep         = --red-deep
   Ink (headings)   = --ink
   Body Text        = --body
   Muted Text       = --muted
   Line / Border    = --line
   Surface (cream)  = --surface
   Navy             = --navy
   Green (status)   = --green
   Gold             = --gold
------------------------------------------------- */
:root{
  --red:#A32D2D; --red-hover:#8A2424; --red-soft:#FBEDEC; --red-deep:#5A1A1A;
  --ink:#1A1714; --body:#5C554E; --muted:#9A9089;
  --line:#EEE9E2; --surface:#FAF7F2; --white:#FFFFFF; --radius:18px;
  --green:#0E7C5A; --green-soft:#E7F6EF; --navy:#1C2A3A; --gold:#B8892B;
  --amber:#8a6d1f; --amber-soft:#FBF1DC;

  --font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-body: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* ---------- Reset & base ---------- */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);
  font-weight:400;
  color:var(--ink);
  background:var(--white);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  font-size:16px;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul,ol{list-style:none}

/* ---------- Typography scale ----------
   These are sensible global defaults. Hero sections on
   individual pages may still override h1/h2 sizes locally
   (e.g. .hero h1{font-size:58px}) — that's expected and fine,
   the cascade lets page-specific rules win inside their scope.
------------------------------------------------- */
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-heading);
  font-weight:700;
  color:var(--ink);
  letter-spacing:-.02em;
  line-height:1.15;
}
h1{font-size:48px; line-height:1.08; letter-spacing:-.025em;}
h2{font-size:34px; line-height:1.15; margin-bottom:14px;}
h3{font-size:22px; line-height:1.25; margin-bottom:8px;}
h4{font-size:17px; line-height:1.3; margin-bottom:6px;}
h5{font-size:15px; line-height:1.35; margin-bottom:4px;}
h6{font-size:13px; line-height:1.4; text-transform:uppercase; letter-spacing:.06em;}

p{
  font-family:var(--font-body);
  font-size:16px;
  color:var(--body);
  line-height:1.65;
  margin-bottom:16px;
}
p:last-child{margin-bottom:0}

strong,b{font-weight:700; color:var(--ink)}
em,i{font-style:italic}

a.link,.text-link{
  color:var(--red);
  font-weight:600;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .15s ease;
}
a.link:hover,.text-link:hover{border-color:var(--red)}

@media(max-width:760px){
  h1{font-size:34px}
  h2{font-size:26px}
  h3{font-size:19px}
  p{font-size:15px}
}

/* ---------- Layout helpers ---------- */
.wrap{max-width:1120px;margin:0 auto;padding:0 32px}
.wrap-narrow{max-width:760px;margin:0 auto;padding:0 28px}
.center{text-align:center;margin-left:auto;margin-right:auto}

section{padding:92px 0}
@media(max-width:760px){ section{padding:56px 0} }

/* ---------- Eyebrow / section heading utilities ---------- */
.eyebrow{
  font-size:13px;font-weight:700;color:var(--red);
  text-transform:uppercase;letter-spacing:.09em;
  font-family:var(--font-heading);
}
.eyebrow.center{text-align:center}

.sec-h{font-size:38px;font-weight:700;letter-spacing:-.02em;line-height:1.12;max-width:640px;margin-bottom:14px}
.sec-i{font-size:18px;color:var(--body);max-width:580px;margin-bottom:44px;font-weight:400}
@media(max-width:760px){
  .sec-h{font-size:28px}
  .sec-i{font-size:16px}
}

/* ---------- Buttons ---------- */
.btn{
  background:var(--red);color:#fff !important;padding:12px 22px;border-radius:10px;
  font-size:15px;font-weight:700;text-decoration:none;display:inline-block;
  border:none;cursor:pointer;font-family:var(--font-heading);
  transition:transform .15s ease,box-shadow .2s ease,background .15s ease;
}
.btn:hover{background:var(--red-hover);transform:translateY(-2px);box-shadow:0 8px 22px rgba(163,45,45,.30)}
.btn-ghost{border:1px solid #D8D0C6;color:var(--ink) !important;background:transparent}
.btn-ghost:hover{box-shadow:0 6px 16px rgba(163,45,45,.14);border-color:var(--red)}

/* ---------- Badges / notes / cards (shared across many pages) ---------- */
.badge{
  font-size:11px;color:var(--red);background:var(--red-soft);
  padding:3px 11px;border-radius:12px;margin-left:10px;font-weight:600;
}
.note{
  background:var(--amber-soft);border:1px solid #F0D98A;border-radius:8px;
  padding:10px 14px;font-size:12px;color:var(--amber);margin-top:18px;
}
.card{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  padding:24px;transition:transform .2s ease,box-shadow .25s ease;
}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(26,23,20,.10)}

/* ---------- Utility ---------- */
.text-muted{color:var(--muted)}
.text-red{color:var(--red)}
.bg-surface{background:var(--surface)}
.bg-navy{background:var(--navy);color:#fff}/* End custom CSS */