.elementor-8 .elementor-element.elementor-element-0abd417{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-d43d271 *//* ============================================================
   MARDDY'S FOUNDATION — SHARED STYLES
   Paste this ONCE, site-wide, in either:
     Appearance → Customize → Additional CSS   (no Pro needed)
     or Elementor → Site Settings → Custom CSS (Pro)
   It defines the fonts, colors, and small reusable pieces
   (buttons, eyebrow labels, the content wrapper) that every
   section snippet below depends on.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,340;0,9..144,480;0,9..144,600;0,9..144,700;1,9..144,500&family=Work+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

:root{
  --mf-ink:#211d18;
  --mf-paper:#f1e8d6;
  --mf-cream:#fbf6ea;
  --mf-marigold:#e7a33e;
  --mf-teal:#1e5c53;
  --mf-brick:#a6472a;
  --mf-line: rgba(33,29,24,0.14);
  --mf-line-light: rgba(251,246,234,0.22);
}

.mf-section *{box-sizing:border-box;}
.mf-section h1,
.mf-section h2,
.mf-section h3{
  font-family:'Fraunces', serif;
  font-weight:600;
  letter-spacing:-0.01em;
  margin:0;
}

.mf-wrap{
  max-width:1120px;
  margin:0 auto;
  padding:0 32px;
}
@media (max-width:700px){ .mf-wrap{ padding:0 20px; } }

.mf-eyebrow{
  font-family:'Space Mono', monospace;
  font-size:12.5px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  gap:10px;
}
.mf-eyebrow::before{
  content:"";
  width:22px;
  height:1px;
  background:currentColor;
  display:inline-block;
}

.mf-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 22px;
  border-radius:3px;
  font-weight:600;
  font-size:14.5px;
  font-family:'Work Sans', sans-serif;
  text-decoration:none;
  border:1px solid transparent;
  cursor:pointer;
  transition:transform .15s ease, background .15s ease;
}
.mf-btn:hover{ transform:translateY(-1px); }
.mf-btn-marigold{ background:var(--mf-marigold); color:var(--mf-ink); }
.mf-btn-outline-dark{ border-color:var(--mf-line-light); color:var(--mf-cream); }
.mf-btn-ink{ background:var(--mf-ink); color:var(--mf-cream); }
.mf-btn-teal{ background:var(--mf-teal); color:var(--mf-cream); }/* End custom CSS */