.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-container:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-container.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-119041 .elementor-element.elementor-element-bfcdee9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overflow:hidden;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-html:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-html.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-divider.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-divider:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-divider.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-divider .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-119041 .elementor-element.elementor-element-0877ce2{--divider-border-style:solid;--divider-border-width:1px;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-119041 .elementor-element.elementor-element-0877ce2 .elementor-divider-separator{width:100%;}.elementor-119041 .elementor-element.elementor-element-0877ce2 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-119041 .elementor-element.elementor-element-6d5692a{--divider-border-style:solid;--divider-border-width:1px;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-119041 .elementor-element.elementor-element-6d5692a .elementor-divider-separator{width:100%;}.elementor-119041 .elementor-element.elementor-element-6d5692a .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-119041 .elementor-element.elementor-element-137b516{--divider-border-style:solid;--divider-border-width:1px;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-119041 .elementor-element.elementor-element-137b516 .elementor-divider-separator{width:100%;}.elementor-119041 .elementor-element.elementor-element-137b516 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-119041 .elementor-element.elementor-element-4f12265{--divider-border-style:solid;--divider-border-width:1px;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-119041 .elementor-element.elementor-element-4f12265 .elementor-divider-separator{width:100%;}.elementor-119041 .elementor-element.elementor-element-4f12265 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-119041 .elementor-element.elementor-element-fc2d59d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-119041 .elementor-element.elementor-element-ad5f2c3{--display:flex;--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:5%;}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-heading.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-heading:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-heading.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-119041 .elementor-element.elementor-element-6c2e7aa{width:auto;max-width:auto;z-index:1;}.elementor-119041 .elementor-element.elementor-element-6c2e7aa .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-spacer .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-spacer.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-spacer:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-spacer.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-spacer .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-119041 .elementor-element.elementor-element-b9e1f09{--spacer-size:5px;}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-text-editor.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-text-editor:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-text-editor.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-119041 .elementor-element.elementor-element-15d17d9{width:auto;max-width:auto;z-index:1;}.elementor-119041 .elementor-element.elementor-element-15d17d9 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-119041 .elementor-element.elementor-element-fa0aab7{--spacer-size:5px;}.elementor-119041 .elementor-element.elementor-element-49b41dc{--display:flex;--padding-top:5%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-119041 .elementor-element.elementor-element-d02ac4a{width:auto;max-width:auto;z-index:1;}.elementor-119041 .elementor-element.elementor-element-d02ac4a .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-119041 .elementor-element.elementor-element-2a1a1d7{--spacer-size:5px;}.elementor-119041 .elementor-element.elementor-element-4f85d95{width:auto;max-width:auto;z-index:1;}.elementor-119041 .elementor-element.elementor-element-4f85d95 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-119041 .elementor-element.elementor-element-e3ff426{--spacer-size:5px;}.elementor-119041 .elementor-element.elementor-element-888b95c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-119041 .elementor-element.elementor-element-9cfd14b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:15%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-119041 .elementor-element.elementor-element-af2bdee{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--overflow:hidden;}.elementor-119041 .elementor-element.elementor-element-3bceef7{width:var( --container-widget-width, 512px );max-width:512px;padding:0px 0px 0px 0px;--container-widget-width:512px;--container-widget-flex-grow:0;}.elementor-119041 .elementor-element.elementor-element-20f5b99{--display:flex;}.elementor-119041 .elementor-element.elementor-element-dfd46ba{width:100%;max-width:100%;margin:5vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 15vw;text-align:center;}.elementor-119041 .elementor-element.elementor-element-dfd46ba .elementor-heading-title{font-family:"Valmy Display", Sans-serif;font-size:20vw;font-weight:700;}.elementor-119041 .elementor-element.elementor-element-5bd5a7b{text-align:center;}.elementor-119041 .elementor-element.elementor-element-5bd5a7b .elementor-heading-title{font-family:"Valmy", Sans-serif;font-size:30em;font-weight:900;}@media(max-width:1279px){.elementor-119041 .elementor-element.elementor-element-9cfd14b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-119041 .elementor-element.elementor-element-af2bdee{--min-height:40vh;}.elementor-119041 .elementor-element.elementor-element-5bd5a7b .elementor-heading-title{font-size:20em;}}@media(max-width:767px){.elementor-119041 .elementor-element.elementor-element-bfcdee9{--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-119041 .elementor-element.elementor-element-0877ce2{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-119041 .elementor-element.elementor-element-6d5692a{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-119041 .elementor-element.elementor-element-137b516{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-119041 .elementor-element.elementor-element-4f12265{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-119041 .elementor-element.elementor-element-6c2e7aa{width:auto;max-width:auto;}.elementor-119041 .elementor-element.elementor-element-15d17d9{width:auto;max-width:auto;}.elementor-119041 .elementor-element.elementor-element-49b41dc{--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-119041 .elementor-element.elementor-element-d02ac4a{width:auto;max-width:auto;}.elementor-119041 .elementor-element.elementor-element-4f85d95{width:auto;max-width:auto;}.elementor-119041 .elementor-element.elementor-element-9cfd14b{--padding-top:15%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-119041 .elementor-element.elementor-element-af2bdee{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-119041 .elementor-element.elementor-element-5bd5a7b .elementor-heading-title{font-size:10em;}}@media(min-width:768px){.elementor-119041 .elementor-element.elementor-element-af2bdee{--width:50%;}.elementor-119041 .elementor-element.elementor-element-20f5b99{--width:50%;}}@media(max-width:1279px) and (min-width:768px){.elementor-119041 .elementor-element.elementor-element-af2bdee{--width:100%;}.elementor-119041 .elementor-element.elementor-element-20f5b99{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-7209b25 */.font-tester{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.controls {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  flex-wrap: wrap;
  gap: 10px 10px;
}

.control-group {
  width: 19%;
  position: relative;
}

.select-group {
  width: 25%;
  position: relative;
}

.controls select,
.controls button {
  padding: 0.4rem 0.8rem;
  border: 1px solid var(--color-text);
  color: var(--color-text);
  border-radius: 5px;
  font-size: 0.9rem;
  height: 40px;
  margin: 0;
  background: transparent;
}

.controls button:hover {
  background-color: var(--color-text);
  color: var(--color-background);
}

.controls button.active {
  background: var(--color-text);
  color: var(--color-background);
}

.controls button:active {
  background-color: var(--color-text);
  color: var(--color-background);
}


/* ============================================================
   SLIDER CONTAINERS
   ============================================================ */

[class*="slider-container"],
[class*="spacing-container"],
[class*="leading-container"],
[class*="weight-container"],
[class*="ROND-container"] {
  position: relative;
  width: 100%;
  height: 6px;
  margin: 10px 0;
  border-radius: 4px;
}


/* ============================================================
   TRACKS
   ============================================================ */

[class*="slider-track"],
[class*="spacing-track"],
[class*="leading-track"],
[class*="weight-track"],
[class*="ROND-track"] {
  width: 100%;
  height: 100%;
  background: var(--color-text);
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}


/* ============================================================
   PROGRESS
   ============================================================ */

[class*="slider-progress"],
[class*="spacing-progress"],
[class*="leading-progress"],
[class*="weight-progress"],
[class*="ROND-progress"] {
  height: 100%;
  background: #000000BB;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  transition: width 0.1s linear;
  pointer-events: none;
}


/* ============================================================
   THUMBS
   ============================================================ */

[class*="slider-thumb"],
[class*="spacing-thumb"],
[class*="leading-thumb"],
[class*="weight-thumb"],
[class*="ROND-thumb"] {
  width: 16px;
  height: 16px;

  background: var(--color-background);

  border-radius: 50%;
  border: 2px solid var(--color-text);

  position: absolute;

  top: 50%;
  left: 0;

  /*
   IMPORTANT :
   le JS gère déjà la position horizontale exacte.
   On centre donc uniquement verticalement.
  */
  transform: translateY(-50%);

  cursor: grab;

  z-index: 10;

  transition:
    background 0.2s ease,
    border-color 0.2s ease;
}


/* ============================================================
   THUMB ACTIVE
   ============================================================ */

[class*="slider-thumb"]:active,
[class*="spacing-thumb"]:active,
[class*="leading-thumb"]:active,
[class*="weight-thumb"]:active,
[class*="ROND-thumb"]:active {
  cursor: grabbing;
  background: #FEC7DC;
  border-color: #FEC7DC;
}


/* ============================================================
   TYPE TESTER
   ============================================================ */

[class*="type-tester__content"] {
  font-size: 100px;

  padding: 50px 0;

  text-align: center;

  letter-spacing: 0;

  line-height: 1.5;

  /*
   Nouvelle typo :
   wght + rond uniquement
  */
  font-variation-settings:
    "wght" 400,
    "rond" 0;

  width: 100%;

  outline: none;

  margin-top: 20px;
}


[class^="type-tester__content"]:hover,
[class^="type-tester__content"]:focus-visible {
  outline: none;

  box-shadow:
    0 0 0 2px var(--color-text);

  border-radius: 5px;

  background: #ffffff09;

  transition: all ease-in 0.2s;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media screen and (max-width: 768px) {

  .control-group {
    width: 48%;
    position: relative;
  }

  .select-group {
    width: 48%;
    position: relative;
  }

  [class*="type-tester__content"] {
    font-size: 50px;
    padding:      50px 0 0 0 !important;
    line-height: 50px;
  }

  .controls {
    display: flex;
     justify-content: start;
    gap: 10px 2%;
  }

  .controls select,
  .controls button {
    padding: 0.2rem 0.4rem;
    border:      1px solid var(--color-text);
    color:      var(--color-text);
    border-radius: 5px;
    font-size: 0.8rem;
    height: 40px;
    margin: 0;
    background: transparent;
    
    
  }
}



/* ============================================================
   1280
   ============================================================ */


@media screen and (max-width: 1280px) {
  [class^="align-"],
  [class*=" align-"] {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3bceef7 */.elementor-119041 .elementor-element.elementor-element-3bceef7 .controls {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      padding: 1rem;
      background:transparent;
      align-items: center;
    justify-content: start;
    overflow: hidden;
    }
    
.elementor-119041 .elementor-element.elementor-element-3bceef7 .controls button, .elementor-119041 .elementor-element.elementor-element-3bceef7 .controls select {
      padding: 0.4rem 0.8rem;
      border: 1px solid var(--color-text);
      color: var(--color-text);
      border-radius: 5px;
      font-size: 0.9rem;
      height: 40px;
      margin:5px;
      width:auto;
    }
.elementor-119041 .elementor-element.elementor-element-3bceef7 .controls button:hover {
      background-color:var(--color-text);
      color:var(--color-background);
    }
 
.elementor-119041 .elementor-element.elementor-element-3bceef7 .controls button.active {
      background: var(--color-text);
      color: var(--color-background);
    }
    
    .layout {
      display: flex;
      height: calc(100vh - 70px);
    }
    .preview {
      flex: 1;
      display: flex;
      align-items: center;
      background:transparent;
      transition: transform 0.2s ease;

    }
    .preview span {
      font-size: 25vw;
      display: block;
      transition: transform 0.2s ease;
      line-height: 45vw;
      overflow: visible;
    }
    
    .glyphs {
      background:transparent;
      overflow-y: auto;
      padding: 1rem;
    }
    .grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 2rem;
    }
    .grid span {
      font-size: 2.5rem;
      cursor: pointer;
      transition: color 0.2s;
      text-align: center;
      border-radius:200px;
    }
    
    .grid span:hover {
      color: var(--color-background);
      background: var(--color-text);
    }
    
    
    
    @media screen and (min-width: 768px) and (max-width: 1280px) {
    .grid  {
      display: grid;
      grid-template-columns: repeat(8, 1fr);
      gap: 2rem;
    }
     
     .grid span {
      font-size: 2rem;
      text-align: center;
      border-radius:200px;
    }
  
     .preview span {
       font-size: 220px;
      display: block;
      transition: transform 0.2s ease;
      line-height: initial;
    }
}

    @media screen and (max-width: 767px) {
    .grid  {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 1.5rem;
    }
    
    .grid span {
      font-size: 1.5rem;
    }
  
    .preview span {
      font-size: 220px;
      display: block;
      transition: transform 0.2s ease;
      line-height: 150px;
      width: 100%;
      
    }
    
   .elementor-119041 .elementor-element.elementor-element-3bceef7 .controls {
      display: flex;
      flex-wrap: wrap;
      gap: 0rem;
      padding: 0rem;
      background:transparent;
      border-bottom: 0px solid #ccc;
      align-items: center;
    }
    
     .elementor-119041 .elementor-element.elementor-element-3bceef7 button, .elementor-119041 .elementor-element.elementor-element-3bceef7 select {
         font-size:0.8rem !important;
     }
     
      .elementor-119041 .elementor-element.elementor-element-3bceef7 .controls div {
        width:94% !important;
     }
     
        .elementor-119041 .elementor-element.elementor-element-3bceef7 .controls {
      display: flex;
      flex-wrap: wrap;
      gap: 0rem;
      padding: 0rem;
}



}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dfd46ba */.elementor-119041 .elementor-element.elementor-element-dfd46ba {
   overflow-wrap: normal !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Valmy Display';
	font-display: auto;
	src: url('https://almarenafoundry.com/wp-content/uploads/2026/10/ValmyDisplay-VF.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Valmy';
	font-display: auto;
	src: url('https://almarenafoundry.com/wp-content/uploads/2026/10/Valmy-VF.ttf') format('truetype');
}
/* End Custom Fonts CSS */