.elementor-kit-2039{--e-global-color-primary:#3A9295;--e-global-color-secondary:#63C1BB;--e-global-color-text:#1A2B2B;--e-global-color-accent:#CEECE3;--e-global-color-2fa2de4:#3A9295;--e-global-color-001c83a:#63C1BB;--e-global-color-ef6457c:#CEECE3;--e-global-color-27405f9:#E2E6E1;--e-global-color-13785c4:#FFFFFF;--e-global-color-faa60a5:#1A1A1A;--e-global-color-b6e24e4:#0F2222;--e-global-color-e19c688:#E8F4EE;--e-global-color-9273632:#FFFFFF;--e-global-color-80ae429:#52605E;--e-global-color-2f63073:#454F5E;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:300;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-line-height:1.1px;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-line-height:1.3px;--e-global-typography-secondary-letter-spacing:0.01em;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-font-style:normal;--e-global-typography-text-line-height:1.65px;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-line-height:1.4px;--e-global-typography-accent-letter-spacing:0.15em;background-color:#FFFFFF;color:#1A1A1A;font-family:"DM Sans", Estelle;font-size:16px;font-weight:400;font-style:normal;line-height:1.65em;letter-spacing:0em;}.elementor-kit-2039 button,.elementor-kit-2039 input[type="button"],.elementor-kit-2039 input[type="submit"],.elementor-kit-2039 .elementor-button{background-color:#3A9295;font-family:"TTNorms", Estelle;font-size:14px;font-weight:500;text-transform:uppercase;font-style:normal;letter-spacing:0.06em;color:#FFFFFF;border-style:none;border-radius:4px 4px 4px 4px;padding:13px 26px 13px 26px;}.elementor-kit-2039 button:hover,.elementor-kit-2039 button:focus,.elementor-kit-2039 input[type="button"]:hover,.elementor-kit-2039 input[type="button"]:focus,.elementor-kit-2039 input[type="submit"]:hover,.elementor-kit-2039 input[type="submit"]:focus,.elementor-kit-2039 .elementor-button:hover,.elementor-kit-2039 .elementor-button:focus{background-color:#2E7B7E;color:#FFFFFF;border-style:none;border-radius:4px 4px 4px 4px;}.elementor-kit-2039 a{color:#3A9295;font-family:"DM Sans", Estelle;font-size:16px;font-weight:500;font-style:normal;text-decoration:none;}.elementor-kit-2039 a:hover{color:var( --e-global-color-secondary );font-family:"DM Sans", Estelle;font-weight:500;font-style:normal;}.elementor-kit-2039 h1{font-family:"Cormorant Garamond", Estelle;font-size:64px;font-weight:300;font-style:normal;line-height:1em;letter-spacing:-0.03em;}.elementor-kit-2039 h2{color:#1A2B2B;font-family:"Cormorant Garamond", Estelle;font-size:56px;font-weight:300;font-style:italic;line-height:1.1em;letter-spacing:-0.02em;}.elementor-kit-2039 h3{color:#1A2B2B;font-family:"Playfair Display", Estelle;font-size:32px;font-weight:400;line-height:1.3em;letter-spacing:0em;}.elementor-kit-2039 h4{color:#1A2B2B;font-family:"Playfair Display", Estelle;font-size:22px;font-weight:400;font-style:normal;line-height:1.3em;letter-spacing:0em;word-spacing:0px;}.elementor-kit-2039 h5{color:#1A2B2B;font-family:"DM Sans", Estelle;font-size:17px;font-weight:500;text-transform:uppercase;font-style:normal;line-height:1.4em;letter-spacing:0em;}.elementor-kit-2039 h6{color:var( --e-global-color-secondary );font-family:"DM Sans", Estelle;font-size:11px;font-weight:500;text-transform:uppercase;font-style:normal;line-height:1.5em;letter-spacing:0.22em;}.elementor-kit-2039 img{border-radius:8px 8px 8px 8px;opacity:100;}.elementor-kit-2039 img:hover{border-radius:8px 8px 8px 8px;opacity:95;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-kit-2039 label{color:#1A2B2B;font-family:"TTNorms", Estelle;font-size:15px;font-weight:300;font-style:normal;}.elementor-kit-2039 input:not([type="button"]):not([type="submit"]),.elementor-kit-2039 textarea,.elementor-kit-2039 .elementor-field-textual{font-family:"TTNorms", Estelle;font-size:12px;font-weight:300;font-style:normal;color:#1A2B2B;background-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:solid;border-width:2px 2px 2px 2px;border-color:#D0D8D7;border-radius:4px 4px 4px 4px;padding:12px 16px 12px 16px;}.elementor-kit-2039 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-2039 textarea:focus,.elementor-kit-2039 .elementor-field-textual:focus{color:#1A2B2B;background-color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#3A9295;border-radius:12px 16px 12px 16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:10px;--container-default-padding-right:10px;--container-default-padding-bottom:10px;--container-default-padding-left:10px;}.elementor-widget:not(:last-child){--kit-widget-spacing:30px;}.elementor-element{--widgets-spacing:30px 30px;--widgets-spacing-row:30px;--widgets-spacing-column:30px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:#1A2B2B;--lightbox-ui-color:#63C1BB;--lightbox-ui-color-hover:#CEECE3;--lightbox-text-color:#FFFFFF;}@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 *//* ═══════════════════════════════════════════════════════════
   CSS GLOBAL — ESTELLE BROSSARD
   À injecter dans : Elementor > Réglages du site > CSS perso
   Version 1.0 — Avril 2026
   ═══════════════════════════════════════════════════════════ */


/* ──────────────────────────────────────────────
   1. GOOGLE FONTS — Import
   ────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300;1,9..40,400&family=DM+Serif+Display:ital@0;1&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');


/* ──────────────────────────────────────────────
   2. DESIGN TOKENS — Variables CSS
   ────────────────────────────────────────────── */
:root {
  /* Couleurs de marque */
  --eb-teal:         #3A9295;
  --eb-teal-hover:   #2e7b7e;
  --eb-teal-light:   #63C1BB;
  --eb-mint:         #CEECE3;
  --eb-pearl:        #E2E6E1;
  --eb-white:        #FFFFFF;
  --eb-dark:         #1A2B2B;
  --eb-text:         #1A1A1A;
  --eb-text-soft:    #5E7A7A;
  --eb-text-muted:   #7A8A88;

  /* Typographie */
  --eb-font-display:  'Cormorant Garamond', Georgia, serif;
  --eb-font-heading:  'Playfair Display', Georgia, serif;
  --eb-font-accent:   'DM Serif Display', Georgia, serif;
  --eb-font-body:     'DM Sans', system-ui, sans-serif;

  /* Espacements */
  --eb-space-xs:   4px;
  --eb-space-sm:   8px;
  --eb-space-md:   16px;
  --eb-space-lg:   32px;
  --eb-space-xl:   64px;
  --eb-space-2xl:  96px;
  --eb-space-3xl:  128px;

  /* Rayons */
  --eb-radius-sm:    4px;
  --eb-radius-md:    8px;
  --eb-radius-lg:    24px;
  --eb-radius-full:  999px;

  /* Ombres */
  --eb-shadow-sm:  0 2px 8px rgba(26,43,43,0.07);
  --eb-shadow-md:  0 6px 24px rgba(26,43,43,0.10);
  --eb-shadow-lg:  0 16px 48px rgba(26,43,43,0.13);

  /* Transitions */
  --eb-ease:       cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --eb-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --eb-duration:   0.28s;
}


/* ──────────────────────────────────────────────
   3. RESET & FONDATION TYPOGRAPHIQUE
   ────────────────────────────────────────────── */
body {
  font-family: var(--eb-font-body);
  color: var(--eb-text);
  line-height: 1.65;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Titres Cormorant Garamond (équiv. Canela) */
h1, .eb-h1 {
  font-family: var(--eb-font-display);
  font-weight: 300;
  font-size: clamp(2rem, 5vw, 3.8rem);
  letter-spacing: -0.01em;
  line-height: 1.08;
  color: var(--eb-text);
}
h1 em, .eb-h1 em {
  font-style: italic;
  color: var(--eb-teal-light);
}

h2, .eb-h2 {
  font-family: var(--eb-font-display);
  font-weight: 400;
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  line-height: 1.2;
  color: var(--eb-text);
}

h3, .eb-h3 {
  font-family: var(--eb-font-accent);
  font-style: italic;
  font-size: 1.35rem;
  color: var(--eb-teal);
  line-height: 1.3;
}

h4, .eb-h4 {
  font-family: var(--eb-font-body);
  font-weight: 500;
  font-size: 1.1rem;
  letter-spacing: 0.02em;
  color: var(--eb-text);
}

/* Surtitre / Eyebrow */
.eb-eyebrow {
  font-family: var(--eb-font-body);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--eb-teal-light);
  margin-bottom: var(--eb-space-md);
}

/* Corps de texte */
p, .eb-body {
  font-family: var(--eb-font-body);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.75;
  color: var(--eb-text-soft);
}

/* Citation / Mise en exergue */
.eb-quote {
  font-family: var(--eb-font-display);
  font-style: italic;
  font-size: 1.35rem;
  font-weight: 300;
  line-height: 1.5;
  color: var(--eb-teal);
  padding-left: var(--eb-space-lg);
  border-left: 3px solid var(--eb-teal-light);
}


/* ──────────────────────────────────────────────
   4. BOUTONS GLOBAUX
   ────────────────────────────────────────────── */

/* Bouton principal — fond teal */
.eb-btn,
.elementor-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 13px 26px;
  border-radius: var(--eb-radius-sm);
  font-family: var(--eb-font-body);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
  cursor: pointer;
  transition: all var(--eb-duration) var(--eb-ease);
  text-decoration: none;
  border: none;
}

.eb-btn-primary {
  background: var(--eb-teal);
  color: var(--eb-white);
  box-shadow: 0 4px 16px rgba(58,146,149,0.28);
}
.eb-btn-primary:hover {
  background: var(--eb-teal-hover);
  box-shadow: 0 6px 24px rgba(58,146,149,0.40);
  transform: translateY(-2px);
}

/* Bouton secondaire — contour */
.eb-btn-outline {
  background: transparent;
  color: var(--eb-teal);
  border: 1.5px solid var(--eb-teal);
}
.eb-btn-outline:hover {
  background: rgba(58,146,149,0.06);
  transform: translateY(-2px);
}

/* Bouton ghost — sur fond sombre */
.eb-btn-ghost {
  background: transparent;
  color: var(--eb-white);
  border: 1.5px solid rgba(255,255,255,0.25);
}
.eb-btn-ghost:hover {
  border-color: var(--eb-teal-light);
  color: var(--eb-teal-light);
}

/* Bouton texte / lien */
.eb-btn-text {
  background: none;
  border: none;
  padding: 0;
  color: var(--eb-teal);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: gap var(--eb-duration);
}
.eb-btn-text:hover {
  gap: 10px;
}

/* Tailles */
.eb-btn-sm { padding: 9px 18px; font-size: 12px; }
.eb-btn-lg { padding: 17px 38px; font-size: 15px; }


/* ──────────────────────────────────────────────
   5. BADGES
   ────────────────────────────────────────────── */
.eb-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: var(--eb-radius-full);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.eb-badge-teal    { background: rgba(58,146,149,0.12); color: var(--eb-teal); }
.eb-badge-mint    { background: var(--eb-mint); color: var(--eb-dark); }
.eb-badge-dark    { background: var(--eb-dark); color: var(--eb-white); }
.eb-badge-outline { background: transparent; border: 1px solid var(--eb-teal); color: var(--eb-teal); }


/* ──────────────────────────────────────────────
   6. CARTES DE PRESTATION
   ────────────────────────────────────────────── */
.eb-card {
  background: var(--eb-white);
  border-radius: var(--eb-radius-md);
  padding: var(--eb-space-xl);
  box-shadow: var(--eb-shadow-sm);
  transition: box-shadow var(--eb-duration), transform var(--eb-duration);
}
.eb-card:hover {
  box-shadow: var(--eb-shadow-lg);
  transform: translateY(-4px);
}
.eb-card-service {
  position: relative;
  overflow: hidden;
}
.eb-card-service::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--eb-teal), var(--eb-teal-light));
}


/* ──────────────────────────────────────────────
   7. FORMULAIRES
   ────────────────────────────────────────────── */
.eb-form label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--eb-dark);
  margin-bottom: 6px;
}

.eb-form input[type="text"],
.eb-form input[type="email"],
.eb-form input[type="tel"],
.eb-form textarea,
.eb-form select,
.elementor-field {
  width: 100%;
  padding: 12px 16px;
  border: 1.5px solid rgba(26,43,43,0.14);
  border-radius: var(--eb-radius-sm);
  font-family: var(--eb-font-body);
  font-size: 15px;
  color: var(--eb-dark);
  background: var(--eb-white);
  transition: border-color var(--eb-duration), box-shadow var(--eb-duration);
  outline: none;
  appearance: none;
}

.eb-form input:focus,
.eb-form textarea:focus,
.eb-form select:focus,
.elementor-field:focus {
  border-color: var(--eb-teal);
  box-shadow: 0 0 0 3px rgba(58,146,149,0.11);
}

.eb-form input::placeholder,
.eb-form textarea::placeholder {
  color: rgba(26,43,43,0.25);
}


/* ──────────────────────────────────────────────
   8. TABLEAUX DE TARIFS
   ────────────────────────────────────────────── */
.eb-pricing-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--eb-white);
  border-radius: var(--eb-radius-md);
  overflow: hidden;
  box-shadow: var(--eb-shadow-sm);
}
.eb-pricing-table thead tr {
  background: var(--eb-teal);
}
.eb-pricing-table thead th {
  padding: 14px 20px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.85);
  text-align: left;
}
.eb-pricing-table tbody tr {
  border-bottom: 1px solid rgba(58,146,149,0.08);
  transition: background var(--eb-duration);
}
.eb-pricing-table tbody tr:hover {
  background: rgba(58,146,149,0.04);
}
.eb-pricing-table tbody td {
  padding: 14px 20px;
  font-size: 14px;
  color: var(--eb-dark);
}
.eb-pricing-table .td-price {
  font-family: var(--eb-font-display);
  font-size: 20px;
  font-weight: 300;
  color: var(--eb-teal);
  white-space: nowrap;
}


/* ──────────────────────────────────────────────
   9. CTA BANNERS
   ────────────────────────────────────────────── */
.eb-cta {
  background: var(--eb-teal);
  border-radius: var(--eb-radius-md);
  padding: var(--eb-space-xl) var(--eb-space-2xl);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.eb-cta::before {
  content: '';
  position: absolute;
  top: -60%; right: -10%;
  width: 400px; height: 400px;
  background: rgba(255,255,255,0.04);
  border-radius: 50%;
}
.eb-cta-eyebrow {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  margin-bottom: var(--eb-space-sm);
}
.eb-cta-title {
  font-family: var(--eb-font-display);
  font-size: clamp(26px, 3vw, 44px);
  font-weight: 300;
  color: var(--eb-white);
  margin-bottom: var(--eb-space-lg);
  line-height: 1.2;
}
.eb-cta-title em {
  font-style: italic;
  color: var(--eb-mint);
}
.eb-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 32px;
  background: var(--eb-white);
  color: var(--eb-teal);
  border-radius: var(--eb-radius-sm);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-decoration: none;
  transition: all var(--eb-duration);
  box-shadow: 0 4px 16px rgba(0,0,0,0.14);
}
.eb-cta-btn:hover {
  background: var(--eb-mint);
  transform: translateY(-2px);
}

/* Variante menthe */
.eb-cta-mint { background: var(--eb-mint); }
.eb-cta-mint .eb-cta-title { color: var(--eb-dark); }
.eb-cta-mint .eb-cta-eyebrow { color: var(--eb-teal); }
.eb-cta-mint .eb-cta-btn { background: var(--eb-teal); color: var(--eb-white); }
.eb-cta-mint .eb-cta-btn:hover { background: var(--eb-teal-hover); }


/* ──────────────────────────────────────────────
   10. SECTIONS — Fonds alternés
   ────────────────────────────────────────────── */
.eb-section-white  { background: var(--eb-white); }
.eb-section-pearl  { background: var(--eb-pearl); }
.eb-section-teal   { background: var(--eb-teal); }
.eb-section-dark   { background: var(--eb-dark); }
.eb-section-mint   { background: var(--eb-mint); }

/* Texte sur fond sombre */
.eb-section-teal h1, .eb-section-teal h2, .eb-section-teal h3,
.eb-section-dark h1, .eb-section-dark h2, .eb-section-dark h3 {
  color: var(--eb-white);
}
.eb-section-teal h3 { color: var(--eb-mint); }
.eb-section-dark h3 { color: var(--eb-teal-light); }

.eb-section-teal p, .eb-section-dark p {
  color: rgba(255,255,255,0.6);
}
.eb-section-teal .eb-eyebrow,
.eb-section-dark .eb-eyebrow {
  color: var(--eb-teal-light);
}


/* ──────────────────────────────────────────────
   11. MOTIFS DÉCORATIFS — Diviseurs vague
   ────────────────────────────────────────────── */
.eb-wave-divider {
  width: 48px;
  height: 3px;
  background: linear-gradient(90deg, var(--eb-teal), var(--eb-teal-light));
  border-radius: var(--eb-radius-full);
  margin: var(--eb-space-md) 0;
}

/* Séparateur de section en vague SVG */
.eb-wave-section {
  width: 100%;
  height: 48px;
  overflow: hidden;
  line-height: 0;
}


/* ──────────────────────────────────────────────
   12. TIMELINE — Parcours
   ────────────────────────────────────────────── */
.eb-timeline {
  position: relative;
  padding-left: 40px;
}
.eb-timeline::before {
  content: '';
  position: absolute;
  left: 10px; top: 8px; bottom: 8px;
  width: 1.5px;
  background: linear-gradient(to bottom, var(--eb-teal), var(--eb-mint));
}
.eb-timeline-item {
  position: relative;
  margin-bottom: var(--eb-space-xl);
}
.eb-timeline-dot {
  position: absolute;
  left: -36px; top: 4px;
  width: 16px; height: 16px;
  border-radius: 50%;
  background: var(--eb-white);
  border: 2.5px solid var(--eb-teal);
  transition: all var(--eb-duration) var(--eb-ease);
}
.eb-timeline-item:hover .eb-timeline-dot {
  background: var(--eb-teal);
  transform: scale(1.2);
}
.eb-timeline-year {
  font-family: var(--eb-font-display);
  font-size: 13px;
  font-weight: 300;
  color: var(--eb-teal-light);
  letter-spacing: 0.08em;
}
.eb-timeline-title {
  font-family: var(--eb-font-heading);
  font-size: 18px;
  font-weight: 400;
  color: var(--eb-dark);
}
.eb-timeline-desc {
  font-size: 14px;
  color: var(--eb-text-soft);
  line-height: 1.65;
}


/* ──────────────────────────────────────────────
   13. ZONE GÉOGRAPHIQUE
   ────────────────────────────────────────────── */
.eb-geo-block {
  background: var(--eb-white);
  border-radius: var(--eb-radius-md);
  padding: var(--eb-space-xl);
  box-shadow: var(--eb-shadow-sm);
  border-top: 3px solid var(--eb-teal);
}
.eb-geo-zone {
  font-size: 13px;
  font-weight: 500;
  color: var(--eb-teal);
}
.eb-geo-detail {
  font-size: 13px;
  color: var(--eb-text-soft);
  line-height: 1.6;
}


/* ──────────────────────────────────────────────
   14. ANIMATIONS GLOBALES
   ────────────────────────────────────────────── */

/* Fade-in au scroll (à utiliser avec IntersectionObserver ou Elementor Motion Effects) */
.eb-reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s cubic-bezier(0.22,1,0.36,1), transform 0.6s cubic-bezier(0.22,1,0.36,1);
}
.eb-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Hover lift universel */
.eb-hover-lift {
  transition: transform var(--eb-duration) var(--eb-ease), box-shadow var(--eb-duration) var(--eb-ease);
}
.eb-hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: var(--eb-shadow-lg);
}

/* Soulignement animé pour liens */
.eb-underline-link {
  position: relative;
  text-decoration: none;
  color: inherit;
}
.eb-underline-link::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0; right: 0;
  height: 1.5px;
  background: var(--eb-teal);
  transform: scaleX(0);
  transition: transform var(--eb-duration);
  transform-origin: left;
}
.eb-underline-link:hover::after {
  transform: scaleX(1);
}


/* ──────────────────────────────────────────────
   15. RESPONSIVE — Ajustements globaux
   ────────────────────────────────────────────── */
@media (max-width: 1024px) {
  :root {
    --eb-space-xl: 48px;
    --eb-space-2xl: 72px;
    --eb-space-3xl: 96px;
  }
}

@media (max-width: 768px) {
  :root {
    --eb-space-xl: 32px;
    --eb-space-2xl: 48px;
    --eb-space-3xl: 64px;
  }

  h1, .eb-h1 {
    font-size: clamp(1.8rem, 6vw, 2.8rem);
  }
  h2, .eb-h2 {
    font-size: clamp(1.4rem, 4vw, 2rem);
  }
}

@media (max-width: 480px) {
  .eb-cta {
    padding: var(--eb-space-lg) var(--eb-space-md);
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'TTNorms';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://estellebrossard.fr/wp-content/uploads/2026/04/TTNorms-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'TTNorms';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://estellebrossard.fr/wp-content/uploads/2026/04/TTNorms-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'TTNorms';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://estellebrossard.fr/wp-content/uploads/2026/04/TTNorms-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */