.elementor-803 .elementor-element.elementor-element-b357008{margin-top:0px;margin-bottom:0px;}.elementor-803 .elementor-element.elementor-element-8e1f7b0 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-803 .elementor-element.elementor-element-59df38f{width:100%;max-width:100%;}@media(min-width:768px){.elementor-803 .elementor-element.elementor-element-8e1f7b0{width:100%;}}/* Start custom CSS *//* ==============================================
   KOOBANI — Complete Elementor CSS Overrides
   Every element. Every color. Every font size.
   Paste into: Elementor gear icon → Custom CSS
   ============================================== */

/* ---- GLOBAL ---- */
body {
  font-family: 'Familjen Grotesk', sans-serif !important;
  background: #f6f1e7 !important;
  color: #1c1a17 !important;
  line-height: 1.6 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Fraunces', serif !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.01em !important;
  color: #1c1a17 !important;
}

/* ---- NAV ---- */
nav {
  background: rgba(246,241,231,0.82) !important;
  border-bottom: 1px solid #d8ccb4 !important;
}

.nav-links a,
a.nav-links-link {
  color: #1c1a17 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

a.nav-cta,
a.nav-cta:link,
a.nav-cta:visited {
  background: #1c1a17 !important;
  color: #f6f1e7 !important;
  padding: 11px 20px !important;
  border-radius: 100px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

a.nav-cta:hover,
a.nav-cta:focus {
  background: #b5471f !important;
  color: #f6f1e7 !important;
}

/* ---- HERO ---- */
.eyebrow {
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: #b5471f !important;
}

.hero h1 {
  font-size: clamp(42px, 6vw, 72px) !important;
  color: #1c1a17 !important;
  font-family: 'Fraunces', serif !important;
  font-weight: 500 !important;
}

.hero h1 em {
  font-style: italic !important;
  color: #b5471f !important;
}

p.lead {
  font-size: 20px !important;
  color: #6b6253 !important;
}

/* ---- BUTTONS ---- */
a.btn,
.btn {
  display: inline-flex !important;
  align-items: center !important;
  padding: 15px 28px !important;
  border-radius: 100px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  text-decoration: none !important;
}

a.btn-primary,
a.btn-primary:link,
a.btn-primary:visited,
.btn-primary {
  background: #b5471f !important;
  color: #fffdf8 !important;
  box-shadow: 0 8px 24px rgba(181,71,31,0.28) !important;
  border: none !important;
}

a.btn-primary:hover,
a.btn-primary:focus,
.btn-primary:hover {
  background: #8f3415 !important;
  color: #fffdf8 !important;
}

a.btn-ghost,
a.btn-ghost:link,
a.btn-ghost:visited,
.btn-ghost {
  background: transparent !important;
  color: #1c1a17 !important;
  border: 1.5px solid #1c1a17 !important;
}

a.btn-ghost:hover,
a.btn-ghost:focus,
.btn-ghost:hover {
  background: #1c1a17 !important;
  color: #f6f1e7 !important;
}

/* ---- HERO CARD ---- */
.hero-card {
  background: #fffdf8 !important;
  border: 1px solid #d8ccb4 !important;
}

.card-h strong {
  font-family: 'Fraunces', serif !important;
  font-size: 18px !important;
  color: #1c1a17 !important;
}

.pill {
  font-size: 12px !important;
  font-weight: 600 !important;
  background: #efe7d6 !important;
  color: #6b6253 !important;
}

.task-body strong {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1c1a17 !important;
}

.task-body span {
  font-size: 13px !important;
  color: #6b6253 !important;
}

.vid-tag {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #b5471f !important;
  background: rgba(181,71,31,0.08) !important;
}

/* ---- SECTIONS (GLOBAL) ---- */
.sec-eyebrow {
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: #b5471f !important;
}

.sec-title {
  font-size: clamp(32px, 4.4vw, 48px) !important;
  color: #1c1a17 !important;
  font-family: 'Fraunces', serif !important;
  font-weight: 500 !important;
}

.sec-title em {
  font-style: italic !important;
  color: #b5471f !important;
}

/* ---- STORY BAND — full ID + class coverage ---- */
section#story,
section.story,
#story,
.story {
  background: #1c1a17 !important;
  color: #f6f1e7 !important;
}

section#story h2,
section#story .sec-title,
#story h2,
#story .sec-title,
.story h2,
.story .sec-title {
  color: #f6f1e7 !important;
  font-family: 'Fraunces', serif !important;
  font-weight: 500 !important;
  font-size: clamp(32px, 4.4vw, 48px) !important;
}

section#story .sec-eyebrow,
#story .sec-eyebrow,
.story .sec-eyebrow {
  color: #e7a17f !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
}

section#story .sec-title em,
#story .sec-title em,
.story .sec-title em {
  color: #e7a17f !important;
  font-style: italic !important;
}

section#story p,
#story p,
.story p {
  font-size: 18px !important;
  color: #cfc6b6 !important;
}

section#story p strong,
#story p strong,
.story p strong {
  color: #f6f1e7 !important;
  font-weight: 600 !important;
}

section#story .story-quote,
#story .story-quote,
.story-quote {
  font-family: 'Fraunces', serif !important;
  font-style: italic !important;
  font-size: 26px !important;
  line-height: 1.35 !important;
  color: #f6f1e7 !important;
  border-left: 3px solid #b5471f !important;
  padding-left: 24px !important;
}

/* ---- PLATFORM / MODULES ---- */
.platform-note {
  font-size: 15px !important;
  color: #6b6253 !important;
}

.base {
  background: #efe7d6 !important;
  border: 1px solid #d8ccb4 !important;
}

.base-ico {
  background: #1c1a17 !important;
  color: #fffdf8 !important;
  font-size: 30px !important;
}

.base h3 {
  font-size: 23px !important;
  color: #1c1a17 !important;
  font-family: 'Fraunces', serif !important;
}

.base p {
  font-size: 15px !important;
  color: #6b6253 !important;
}

.mod {
  background: #fffdf8 !important;
  border: 1px solid #d8ccb4 !important;
}

.mod-num {
  font-family: 'Fraunces', serif !important;
  font-size: 14px !important;
  color: #b5471f !important;
  font-weight: 600 !important;
}

.mod h3 {
  font-size: 21px !important;
  color: #1c1a17 !important;
  font-family: 'Fraunces', serif !important;
}

.mod p {
  font-size: 14.5px !important;
  color: #6b6253 !important;
}

.mod-tag {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #5b6133 !important;
  background: rgba(91,97,51,0.1) !important;
}

/* ---- HOW BAND ---- */
.step {
  border-top: 2px solid #1c1a17 !important;
}

.step .n {
  font-family: 'Fraunces', serif !important;
  font-size: 38px !important;
  color: #b5471f !important;
  line-height: 1 !important;
}

.step h3 {
  font-size: 20px !important;
  color: #1c1a17 !important;
  font-family: 'Fraunces', serif !important;
}

.step p {
  font-size: 15px !important;
  color: #6b6253 !important;
}

/* ---- CTA BAND ---- */
section.cta,
.cta {
  background: #b5471f !important;
  color: #fffdf8 !important;
  text-align: center !important;
}

.cta h2,
.cta .sec-title {
  color: #fffdf8 !important;
  font-size: clamp(32px, 4.4vw, 48px) !important;
  font-family: 'Fraunces', serif !important;
}

.cta p {
  font-size: 18px !important;
  color: #fbe7dd !important;
}

.cta a.btn-primary,
.cta a.btn-primary:link,
.cta a.btn-primary:visited,
.cta .btn-primary {
  background: #fffdf8 !important;
  color: #8f3415 !important;
}

.cta a.btn-primary:hover,
.cta .btn-primary:hover {
  background: #1c1a17 !important;
  color: #fffdf8 !important;
}

.contact-line {
  font-size: 15px !important;
  color: #fbe7dd !important;
}

.contact-line a,
.contact-line a:link,
.contact-line a:visited {
  color: #fffdf8 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* ---- FOOTER ---- */
footer {
  background: #1c1a17 !important;
  color: #9c9384 !important;
  font-size: 14px !important;
  text-align: center !important;
}

footer div {
  color: #9c9384 !important;
}

/* ---- REVEAL ANIMATION ---- */
.reveal {
  opacity: 0 !important;
  transform: translateY(24px) !important;
  transition: opacity .7s ease, transform .7s ease !important;
}

.reveal.in {
  opacity: 1 !important;
  transform: none !important;
}

@media (max-width: 760px) {
  a.nav-cta,
  a.nav-cta:link,
  a.nav-cta:visited {
    margin-left: 10px !important;
    font-size: 17px !important;
    padding: 9px 14px !important;
    white-space: nowrap !important;
    border-radius: 100px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
  }

  a.nav-cta:hover {
    background: #8f3415 !important;
    color: #fffdf8 !important;
  }
  
  
    .logo-img {
    flex-shrink: 0 !important;
  }

  .logo-img img {
    height: 38px !important;
    width: auto !important;
    min-width: unset !important;
    max-width: unset !important;
  }
}/* End custom CSS */