/* ═══════════════════════════════════════════════════════════
   🎨 ARTEMYS - Typography System v3.1 - SIMPLE
   Adobe Fonts: https://use.typekit.net/jew8elw.css
   ════════════════════════════════════════════════════════ */

/* ───────────────────────────────────────────────────────────
   📱 HERO TITLES
   ─────────────────────────────────────────────────────── */

	.h1-hero-artemys {
    font-family: 'bc-ludva', sans-serif;
    font-weight: 600;
    font-size: clamp(87px, 19vw, 290px);
    line-height: 0.7;
    letter-spacing: -1px;
    text-transform: uppercase;
  }
  
	.h2-hero-artemys {
    font-family: 'area-normal', sans-serif;
    font-weight: 600;
    font-size: clamp(28px, 3vw, 32px);
    line-height: 1.15;
  }
  
  /* ───────────────────────────────────────────────────────────
     📐 STANDARD HEADINGS
     ─────────────────────────────────────────────────────── */
  
	.h1-artemys {
    font-family: 'bc-ludva', sans-serif;
    font-weight: 800;
    font-size: clamp(87px, 10vw, 180px);
    line-height: 0.7;
    letter-spacing: -1px;
    text-transform: uppercase;
  }
  
	.h2-artemys {
    font-family: 'bc-ludva', sans-serif !important;
    font-weight: 600 !important;
    font-size: clamp(48px, 8vw, 110px) !important;
    line-height: 0.875 !important;
    letter-spacing: -1px !important;
    text-transform: uppercase !important;
  }
  
  #brx-content .h3-artemys, #brx-footer .h3-artemys, #brx-header .h3-artemys {
    font-family: 'area-normal', sans-serif !important;
    font-weight: 600 !important;
    font-size: clamp(28px, 3vw, 38px) !important;
    line-height: 1.24 !important;
    letter-spacing: -0.2px !important;
  }

  #brx-content .h3-artemys-homepage, #brx-footer .h3-artemys-homepage, #brx-header .h3-artemys-homepage {
    font-family: 'area-normal', sans-serif !important;
    font-weight: 600 !important;
    font-size: clamp(28px, 3.5vw, 48px) !important;
    line-height: 1.24 !important;
    letter-spacing: -0.2px !important;
  }
  
  #brx-content .h4-artemys, #brx-footer .h4-artemys, #brx-header .h4-artemys {
    font-family: 'area-normal', sans-serif !important;
    font-weight: 600 !important;
    font-size: clamp(24px, 2.5vw, 34px) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.2px !important;
  }
  
  #brx-content .h5-artemys, #brx-footer .h5-artemys, #brx-header .h5-artemys {
    font-family: 'area-normal', sans-serif;
    font-weight: 600;
    font-size: clamp(29px, 2vw, 26px);
    line-height: 1.2;
    letter-spacing: -0.2px;
  }

  #brx-content .h2-artemys-bi-color-rose em {
    color: var(--color-rose, #FFA9D1);
  }

  #brx-content .h2-artemys-bi-color-orange em {
    color: var(--color-orange, #FBA23E);
  }

  #brx-content .arrow-svg {
    display: inline-block;
    width: 0.65em;
    height: 0.65em;
    background: url("../img/arrow-titre.svg") no-repeat center / contain;
    margin: 0 12px 0 10px;
  }

  #brx-content .arrow-svg-green {
    display: inline-block;
    width: 0.65em;
    height: 0.65em;
    background: url("../img/arrow-titre-green.svg") no-repeat center / contain;
    margin: 0 12px 0 10px;
  }

  #brx-content .arrow-svg-orange {
    display: inline-block;
    width: 0.65em;
    height: 0.65em;
    background: url("../img/arrow-titre-orange.svg") no-repeat center / contain;
    margin: 0 12px 0 10px;
  }


  /* ───────────────────────────────────────────────────────────
   📱 STICKY SCROLL TITLES
   ─────────────────────────────────────────────────────── */

 #brx-content .h3_sticky {
font-family: 'bc-ludva', sans-serif !important;
font-weight: 600;
text-align: center;
letter-spacing: -0.5px;
text-transform: uppercase;
}

#brx-content .h3_sticky em {

font-family: 'bc-ludva', sans-serif !important;
    font-style: italic;
    font-weight: 600;
    }
    

  
  /* ───────────────────────────────────────────────────────────
     📝 BODY TEXT
     ─────────────────────────────────────────────────────── */
  
  #brx-content .txt-artemys, #brx-footer .txt-artemys, #brx-header .txt-artemys {
    font-family: 'area-normal', sans-serif !important;
    font-weight: 300 !important;
    font-size: clamp(18px, 1.3vw, 20px) !important;
    line-height: 1.5 !important;
  }
  
  #brx-content .span-artemys, #brx-footer .span-artemys, #brx-header .span-artemys {
    font-family: 'bc-ludva', sans-serif !important;
    font-weight: 400 !important;
    font-size: clamp(34px, 5vw, 68px) !important;
    line-height: 0.68 !important;
  }
  
  /* ───────────────────────────────────────────────────────────
     🎨 MODIFIERS - Graisses
     ─────────────────────────────────────────────────────── */
  
  #brx-content .font-light { font-weight: 300 !important; }
  #brx-content .font-regular { font-weight: 400 !important; }
  #brx-content .font-medium { font-weight: 500 !important; }
  #brx-content .font-semibold { font-weight: 600 !important; }
  #brx-content .font-bold { font-weight: 700 !important; }
  
  /* ───────────────────────────────────────────────────────────
     🔤 MODIFIERS - Transform
     ─────────────────────────────────────────────────────── */
  
  #brx-content .uppercase { text-transform: uppercase !important; }
  #brx-content .lowercase { text-transform: lowercase !important; }
  #brx-content .capitalize { text-transform: capitalize !important; }
  #brx-content .normal-case { text-transform: none !important; }
  
  /* ───────────────────────────────────────────────────────────
     🎯 UTILITIES - Espacement
     ─────────────────────────────────────────────────────── */
  
  #brx-content .lh-tight { line-height: 1.1 !important; }
  #brx-content .lh-normal { line-height: 1.5 !important; }
  #brx-content .lh-loose { line-height: 1.8 !important; }
  
  #brx-content .tracking-tight { letter-spacing: -0.025em !important; }
  #brx-content .tracking-normal { letter-spacing: 0 !important; }
  #brx-content .tracking-wide { letter-spacing: 0.025em !important; }
  
  /* ───────────────────────────────────────────────────────────
     💪 INLINE STYLES
     ─────────────────────────────────────────────────────── */
  
  #brx-content .txt-artemys strong,
  #brx-content .txt-artemys b {
    font-weight: 600 !important;
  }
  
  #brx-content .txt-artemys em,
  #brx-content .txt-artemys i {
    font-style: italic !important;
  }
  
  /* ───────────────────────────────────────────────────────────
     🔗 LINKS
     ─────────────────────────────────────────────────────── */
  
  #brx-content a[class*="artemys"] {
    text-decoration: none !important;
    color: inherit !important;
    transition: opacity 0.3s ease !important;
  }
  
  #brx-content a[class*="artemys"]:hover {
    opacity: 0.8 !important;
  }
  
  #brx-content .link-underline {
    text-decoration: underline !important;
    text-underline-offset: 0.2em !important;
  }
  
  /* ───────────────────────────────────────────────────────────
    TABLE
    ─────────────────────────────────────────────────────── */
  .font-s { 
    font-size: 15px
  }
  
  .font-m { 
    font-size: 18px;
    padding-right:10px;
  }