/**
Theme Name: Claudia Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: claudia-child
Template: astra
*/
/*
Theme Name: Claudia Child
Template: astra
*/

/* 🔥 JOUW CSS HIERONDER */


      .cm-home {
      --black: #090706;
      --ink: #15100f;
      --burgundy: #760c21;
      --burgundy-deep: #4d0615;
      --blood: #9d1230;
      --paper: #f7f3ed;
      --bone: #e8dfd2;
      --champagne: #c4a15b;
      --steel: #aeb4b5;
      --muted: #c8bcb0;
      --line-dark: rgba(247, 243, 237, 0.18);
      --line-light: rgba(9, 7, 6, 0.16);
      --max: 1180px;
    }

    .cm-home, .cm-home * {
      box-sizing: border-box;
    }

    .cm-home {
      margin: 0;
      background: var(--black);
      color: var(--paper);
      font-family: "Sora", sans-serif;
      font-size: 16px;
      line-height: 1.65;
    }

    .cm-home::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 20;
      opacity: 0.13;
      background-image:
        linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
      background-size: 44px 44px;
      mix-blend-mode: screen;
    }
    .cm-home a {
      color: inherit;
      text-decoration: none;
    }
    .cm-home p,
    .cm-home h1,
    .cm-home h2,
    .cm-home h3 {
      margin: 0;
    }
    .cm-home .shell {
      width: min(var(--max), calc(100% - 40px));
      margin: 0 auto;
    }
    .cm-home .cm-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 46px;
      padding: 12px 18px;
      border: 1px solid transparent;
      border-radius: 4px;
      background: var(--paper);
      color: var(--burgundy-deep);
      font-weight: 700;
      font-size: 13px;
      transition: transform 180ms ease, background 180ms ease, color 180ms ease, border-color 180ms ease;
    }
    .cm-home .cm-button:hover,
    .cm-home .cm-button:focus-visible {
      transform: translateY(-2px);
      background: var(--champagne);
      color: var(--black);
    }
    .cm-home .cm-button.secondary {
      background: transparent;
      color: var(--paper);
      border-color: rgba(247, 243, 237, 0.36);
    }
    .cm-home .cm-button.secondary:hover,
    .cm-home .cm-button.secondary:focus-visible {
      border-color: var(--champagne);
      color: var(--champagne);
      background: transparent;
    }
    .cm-home .cm-button.dark {
      background: var(--burgundy);
      color: var(--paper);
    }
    .cm-home .cm-button.dark:hover,
    .cm-home .cm-button.dark:focus-visible {
      background: var(--black);
      color: var(--paper);
    }

    .eyebrow {
      color: var(--champagne);
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
    }

    .hero {
      min-height: 100vh;
      display: grid;
      align-items: stretch;
      background:
        linear-gradient(90deg, var(--black) 0%, var(--black) 52%, var(--burgundy-deep) 52%, var(--burgundy-deep) 100%);
      border-bottom: 1px solid var(--line-dark);
    }

    .hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.78fr);
      align-items: stretch;
      gap: 44px;
      padding: 68px 0 48px;
    }

    .hero-copy {
      align-self: center;
      max-width: 760px;
    }

    .hero h1 {
      margin-top: 22px;
      font-family: "Cormorant Garamond", serif;
      font-size: 88px;
      line-height: 0.92;
      font-weight: 700;
      max-width: 780px;
    }

    .hero-lead {
      max-width: 660px;
      margin-top: 30px;
      color: rgba(247, 243, 237, 0.78);
      font-size: 18px;
    }

    .hero-lead strong {
      color: var(--paper);
      font-weight: 700;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 34px;
    }

    .trust-line {
      margin-top: 18px;
      color: rgba(247, 243, 237, 0.62);
      font-size: 13px;
    }

    .micro-proof {
      max-width: 620px;
      margin-top: 20px;
      padding-left: 18px;
      border-left: 2px solid var(--champagne);
      color: rgba(247, 243, 237, 0.78);
      font-size: 15px;
    }

    .image-block {
      min-height: 520px;
      border: 1px solid var(--line-dark);
      background:
        linear-gradient(135deg, rgba(118, 12, 33, 0.82), rgba(9, 7, 6, 0.92)),
        repeating-linear-gradient(90deg, rgba(247,243,237,0.08) 0, rgba(247,243,237,0.08) 1px, transparent 1px, transparent 34px);
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: flex-end;
      padding: 24px;
    }

    .image-block.has-image {
      padding: 0;
      background: var(--ink);
    }

    .image-block::before {
      content: "";
      position: absolute;
      width: 260px;
      height: 260px;
      border: 1px solid rgba(196, 161, 91, 0.34);
      transform: rotateX(58deg) rotateZ(42deg);
      right: -40px;
      top: 80px;
    }

    .image-block::after {
      content: "";
      position: absolute;
      inset: 18px;
      border: 1px solid rgba(247, 243, 237, 0.18);
      pointer-events: none;
    }

    .image-block.has-image img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: contrast(1.05) saturate(0.92);
    }

    .image-block.has-image::before {
      content: none;
    }

    .image-block.has-image::after {
      z-index: 2;
    }

    .image-note {
      position: relative;
      z-index: 1;
      display: grid;
      gap: 6px;
      color: rgba(247, 243, 237, 0.78);
      font-size: 13px;
      max-width: 260px;
    }

    .image-note strong {
      color: var(--paper);
      font-size: 15px;
    }

    section {
      position: relative;
    }

    .section-dark {
      background: var(--black);
      color: var(--paper);
      border-bottom: 1px solid var(--line-dark);
    }

    .section-paper {
      background: var(--paper);
      color: var(--ink);
    }

    .section-burgundy {
      background: var(--burgundy);
      color: var(--paper);
    }

    .section-inner {
      padding: 86px 0;
    }

    .split {
      display: grid;
      grid-template-columns: minmax(260px, 0.78fr) minmax(320px, 1fr);
      gap: 72px;
      align-items: start;
    }

    .section-title {
      font-family: "Cormorant Garamond", serif;
      font-size: 58px;
      line-height: 0.98;
      font-weight: 700;
    }

    .section-copy {
      display: grid;
      gap: 22px;
      color: rgba(21, 16, 15, 0.76);
      font-size: 17px;
      max-width: 680px;
    }

    .section-dark .section-copy,
    .section-burgundy .section-copy {
      color: rgba(247, 243, 237, 0.72);
    }

    .section-copy strong {
      color: inherit;
      font-weight: 700;
    }

    .result-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      border-top: 1px solid rgba(247, 243, 237, 0.22);
      border-left: 1px solid rgba(247, 243, 237, 0.22);
      margin-top: 46px;
    }

    .decision-row {
      display: flex;
      align-items: center;
      gap: 14px;
      flex-wrap: wrap;
      margin-top: 30px;
    }

    .result-item {
      min-height: 260px;
      padding: 26px;
      border-right: 1px solid rgba(247, 243, 237, 0.22);
      border-bottom: 1px solid rgba(247, 243, 237, 0.22);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 24px;
    }

    .number {
      color: var(--champagne);
      font-size: 13px;
      font-weight: 700;
    }

    .result-item h3,
    .entry h3,
    .route-step h3,
    .offer h3 {
      font-family: "Cormorant Garamond", serif;
      font-size: 34px;
      line-height: 1.04;
      font-weight: 700;
    }

    .result-item p,
    .entry p,
    .route-step p,
    .offer p {
      color: rgba(247, 243, 237, 0.72);
      font-size: 15px;
    }

    .entry-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      margin-top: 42px;
      border-top: 1px solid var(--line-light);
      border-left: 1px solid var(--line-light);
    }

    .entry {
      min-height: 490px;
      padding: 34px;
      border-right: 1px solid var(--line-light);
      border-bottom: 1px solid var(--line-light);
      display: grid;
      align-content: start;
      gap: 24px;
      background: rgba(255, 255, 255, 0.34);
    }

    .entry.primary {
      background: var(--burgundy);
      color: var(--paper);
      min-height: 540px;
      transform: translateY(-18px);
    }

    .entry:not(.primary) p {
      color: rgba(21, 16, 15, 0.7);
    }

    .choice-note {
      display: inline-flex;
      width: fit-content;
      max-width: 100%;
      padding: 10px 12px;
      border: 1px solid rgba(196, 161, 91, 0.58);
      color: var(--champagne);
      font-size: 13px;
      font-weight: 700;
    }

    .entry ul,
    .offer ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 10px;
    }

    .entry li,
    .offer li {
      position: relative;
      padding-left: 18px;
      color: inherit;
    }

    .entry li::before,
    .offer li::before {
      content: "";
      width: 6px;
      height: 6px;
      position: absolute;
      left: 0;
      top: 11px;
      background: var(--champagne);
    }

    .offer-wrap {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 360px;
      gap: 46px;
      align-items: stretch;
    }

    .offer {
      padding: 48px;
      border: 1px solid var(--line-dark);
      background: var(--ink);
      display: grid;
      gap: 26px;
    }

    .price {
      font-family: "Cormorant Garamond", serif;
      color: var(--champagne);
      font-size: 70px;
      line-height: 1;
      font-weight: 700;
    }
    .cm-home .offer .cm-button {
      justify-self: start;
    }

    .route {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border-top: 1px solid var(--line-light);
      border-left: 1px solid var(--line-light);
      margin-top: 42px;
    }

    .route-step {
      min-height: 300px;
      padding: 28px;
      border-right: 1px solid var(--line-light);
      border-bottom: 1px solid var(--line-light);
      display: grid;
      align-content: start;
      gap: 22px;
    }

    .route-step p {
      color: rgba(21, 16, 15, 0.7);
    }

    .work-grid {
      display: grid;
      grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1fr);
      gap: 54px;
      align-items: center;
    }

    .work-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-top: 28px;
    }

    .work-list span {
      border: 1px solid var(--line-dark);
      padding: 16px;
      color: rgba(247, 243, 237, 0.82);
    }

    .bio {
      display: grid;
      grid-template-columns: 0.8fr 1fr;
      gap: 48px;
      align-items: stretch;
    }

    .bio .image-block {
      min-height: 640px;
    }

    .quote-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
      margin-top: 44px;
    }

    .quote {
      min-height: 230px;
      border: 1px solid var(--line-light);
      padding: 26px;
      display: flex;
      align-items: flex-end;
      background: rgba(255, 255, 255, 0.42);
      font-family: "Cormorant Garamond", serif;
      font-size: 31px;
      line-height: 1.08;
      color: var(--burgundy-deep);
    }

    .final {
      min-height: 78vh;
      display: grid;
      align-items: center;
      background:
        linear-gradient(90deg, var(--burgundy-deep), var(--black) 68%),
        var(--burgundy-deep);
    }

    .final h2 {
      max-width: 850px;
      font-family: "Cormorant Garamond", serif;
      font-size: 76px;
      line-height: 0.96;
      font-weight: 700;
    }

    .final p {
      max-width: 620px;
      margin-top: 28px;
      color: rgba(247, 243, 237, 0.74);
      font-size: 18px;
    }

    @media (max-width: 980px) {
      .hero {
        background: var(--black);
      }

      .hero-grid,
      .split,
      .offer-wrap,
      .work-grid,
      .bio {
        grid-template-columns: 1fr;
      }

      .hero h1 {
        font-size: 64px;
      }

      .section-title,
      .final h2 {
        font-size: 50px;
      }

      .result-grid,
      .route,
      .quote-grid {
        grid-template-columns: 1fr;
      }

      .entry-grid {
        grid-template-columns: 1fr;
      }

      .entry.primary {
        min-height: auto;
        transform: none;
      }

      .image-block,
      .bio .image-block {
        min-height: 420px;
      }
    }

    @media (max-width: 640px) {
    .cm-home .shell {
        width: min(100% - 28px, var(--max));
      }

      .hero-grid {
        padding: 42px 0 34px;
        gap: 30px;
      }

      .hero h1 {
        font-size: 48px;
      }

      .hero-lead,
      .final p {
        font-size: 16px;
      }

      .section-inner {
        padding: 60px 0;
      }

      .section-title,
      .final h2 {
        font-size: 40px;
      }

      .offer,
      .entry,
      .result-item,
      .route-step {
        padding: 24px;
      }

      .price {
        font-size: 54px;
      }

      .work-list {
        grid-template-columns: 1fr;
      }

      .hero-actions {
        flex-direction: column;
      }
    .cm-home .cm-button {
        width: 100%;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .cm-home .cm-button {
        transition: none;
      }
    .cm-home .cm-button:hover,
    .cm-home .cm-button:focus-visible {
        transform: none;
      }
    }
/* Astra override: keep this homepage inside its own visual system. */
.entry-content .cm-home,
.site-content .cm-home,
.cm-home {
  background: var(--black) !important;
  color: var(--paper) !important;
  font-family: "Sora", sans-serif !important;
}

.entry-content .cm-home h1,
.entry-content .cm-home h2,
.entry-content .cm-home h3,
.site-content .cm-home h1,
.site-content .cm-home h2,
.site-content .cm-home h3,
.cm-home h1,
.cm-home h2,
.cm-home h3 {
  font-family: "Cormorant Garamond", serif !important;
  color: inherit !important;
}

.entry-content .cm-home .hero,
.site-content .cm-home .hero,
.cm-home .hero {
  background: linear-gradient(90deg, var(--black) 0%, var(--black) 52%, var(--burgundy-deep) 52%, var(--burgundy-deep) 100%) !important;
  color: var(--paper) !important;
}

.entry-content .cm-home .hero h1,
.site-content .cm-home .hero h1,
.cm-home .hero h1 {
  color: var(--paper) !important;
}

.entry-content .cm-home .hero-lead,
.entry-content .cm-home .hero-lead p,
.site-content .cm-home .hero-lead,
.site-content .cm-home .hero-lead p,
.cm-home .hero-lead,
.cm-home .hero-lead p {
  color: rgba(247, 243, 237, 0.82) !important;
}

.entry-content .cm-home .section-dark,
.site-content .cm-home .section-dark,
.cm-home .section-dark {
  background: var(--black) !important;
  color: var(--paper) !important;
}

.entry-content .cm-home .section-burgundy,
.site-content .cm-home .section-burgundy,
.cm-home .section-burgundy {
  background: var(--burgundy) !important;
  color: var(--paper) !important;
}

.entry-content .cm-home .section-paper,
.site-content .cm-home .section-paper,
.cm-home .section-paper {
  background: var(--paper) !important;
  color: var(--ink) !important;
}

.entry-content .cm-home .section-paper h1,
.entry-content .cm-home .section-paper h2,
.entry-content .cm-home .section-paper h3,
.site-content .cm-home .section-paper h1,
.site-content .cm-home .section-paper h2,
.site-content .cm-home .section-paper h3,
.cm-home .section-paper h1,
.cm-home .section-paper h2,
.cm-home .section-paper h3 {
  color: var(--ink) !important;
}

.entry-content .cm-home .section-dark h1,
.entry-content .cm-home .section-dark h2,
.entry-content .cm-home .section-dark h3,
.entry-content .cm-home .section-burgundy h1,
.entry-content .cm-home .section-burgundy h2,
.entry-content .cm-home .section-burgundy h3,
.site-content .cm-home .section-dark h1,
.site-content .cm-home .section-dark h2,
.site-content .cm-home .section-dark h3,
.site-content .cm-home .section-burgundy h1,
.site-content .cm-home .section-burgundy h2,
.site-content .cm-home .section-burgundy h3,
.cm-home .section-dark h1,
.cm-home .section-dark h2,
.cm-home .section-dark h3,
.cm-home .section-burgundy h1,
.cm-home .section-burgundy h2,
.cm-home .section-burgundy h3 {
  color: var(--paper) !important;
}

.entry-content .cm-home .cm-button,
.site-content .cm-home .cm-button,
.cm-home .cm-button {
  background: var(--paper) !important;
  color: var(--burgundy-deep) !important;
  border-color: transparent !important;
  text-decoration: none !important;
}

.entry-content .cm-home .cm-button.secondary,
.site-content .cm-home .cm-button.secondary,
.cm-home .cm-button.secondary {
  background: transparent !important;
  color: inherit !important;
  border-color: currentColor !important;
}

.entry-content .cm-home .cm-button.dark,
.site-content .cm-home .cm-button.dark,
.cm-home .cm-button.dark {
  background: var(--burgundy) !important;
  color: var(--paper) !important;
}