.elementor-1134 .elementor-element.elementor-element-b1cbb39{--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;}.elementor-1134 .elementor-element.elementor-element-27225c9{--display:flex;}.elementor-1134 .elementor-element.elementor-element-272167c{--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;}.elementor-1134 .elementor-element.elementor-element-99d7f8c{--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;}.elementor-1134 .elementor-element.elementor-element-1379aa4{--display:flex;}.elementor-1134 .elementor-element.elementor-element-535228d{--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;}.elementor-1134 .elementor-element.elementor-element-af5b2ef{--display:flex;}.elementor-1134 .elementor-element.elementor-element-0702974{--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;}.elementor-1134 .elementor-element.elementor-element-0702974:not(.elementor-motion-effects-element-type-background), .elementor-1134 .elementor-element.elementor-element-0702974 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1134 .elementor-element.elementor-element-b95ef25{--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;}.elementor-1134 .elementor-element.elementor-element-b95ef25.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-divider{--divider-color: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-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );}.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-1134 .elementor-element.elementor-element-e1ad173{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;}.elementor-1134 .elementor-element.elementor-element-e1ad173 .elementor-divider-separator{width:100%;}.elementor-1134 .elementor-element.elementor-element-e1ad173 .elementor-divider{padding-block-start:25px;padding-block-end:25px;}.elementor-widget-cta .is-type-button.ehp-cta__button--primary{background-color:var( --e-global-color-accent );}.elementor-widget-cta .is-type-button.ehp-cta__button--primary:hover, .elementor-widget-cta .is-type-button.ehp-cta__button--primary:focus{background-color:var( --e-global-color-accent );}.elementor-widget-cta .ehp-cta{--cta-image-border-color:var( --e-global-color-text );--cta-button-primary-text-color:var( --e-global-color-secondary );--cta-button-primary-text-color-hover:var( --e-global-color-text );--cta-button-primary-border-color:var( --e-global-color-secondary );--cta-button-secondary-text-color:var( --e-global-color-secondary );--cta-button-secondary-text-color-hover:var( --e-global-color-text );--cta-button-secondary-border-color:var( --e-global-color-secondary );--cta-box-border-color:var( --e-global-color-text );}.elementor-widget-cta .ehp-cta .ehp-cta__heading{color:var( --e-global-color-primary );}.elementor-widget-cta .ehp-cta__heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-cta .ehp-cta .ehp-cta__description{color:var( --e-global-color-text );}.elementor-widget-cta .ehp-cta__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-cta .ehp-cta__button--primary{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-cta .ehp-cta__button--secondary{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-1134 .elementor-element.elementor-element-8fdea34 .ehp-cta{--cta-buttons-vertical-position:start;--cta-content-width:100%;--cta-button-primary-text-color-hover:var( --e-global-color-accent );--cta-button-primary-border-width:1px;--cta-button-primary-border-color:var( --e-global-color-accent );--cta-button-primary-padding-block-end:8px;--cta-button-primary-padding-block-start:10px;--cta-button-primary-padding-inline-end:10px;--cta-button-primary-padding-inline-start:10px;--cta-button-secondary-text-color:var( --e-global-color-text );--cta-button-secondary-text-color-hover:#6EB947;--cta-button-secondary-border-width:1px;--cta-button-secondary-padding-block-end:8px;--cta-button-secondary-padding-block-start:8px;--cta-button-secondary-padding-inline-end:16px;--cta-button-secondary-padding-inline-start:16px;--cta-buttons-space-between:16px;--cta-overlay-opacity:0.5;--cta-elements-spacing:40px;--cta-box-padding-block-end:60px;--cta-box-padding-block-start:60px;--cta-box-padding-inline-end:60px;--cta-box-padding-inline-start:60px;}.elementor-1134 .elementor-element.elementor-element-8fdea34 .is-type-button.ehp-cta__button--primary:hover, .elementor-1134 .elementor-element.elementor-element-8fdea34 .is-type-button.ehp-cta__button--primary:focus{background-color:var( --e-global-color-aba7187 );}.elementor-1134 .elementor-element.elementor-element-8fdea34 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1134 .elementor-element.elementor-element-8fdea34{grid-column:2/3;grid-row:1;}.elementor-1134 .elementor-element.elementor-element-8fdea34.elementor-element{--align-self:center;}.elementor-1134 .elementor-element.elementor-element-8fdea34 .ehp-cta .ehp-cta__heading{color:var( --e-global-color-accent );}.elementor-1134 .elementor-element.elementor-element-8fdea34 .ehp-cta__heading{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1134 .elementor-element.elementor-element-8fdea34 .ehp-cta__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1134 .elementor-element.elementor-element-8fdea34 .ehp-cta__button--secondary{flex-direction:row-reverse;}.elementor-1134 .elementor-element.elementor-element-4b44dc2{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;}.elementor-1134 .elementor-element.elementor-element-4b44dc2 .elementor-divider-separator{width:100%;}.elementor-1134 .elementor-element.elementor-element-4b44dc2 .elementor-divider{padding-block-start:25px;padding-block-end:25px;}.elementor-1134 .elementor-element.elementor-element-17aaef6{--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;}.elementor-1134 .elementor-element.elementor-element-6368d41{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-1134 .elementor-element.elementor-element-6368d41 .elementor-divider-separator{width:0%;}.elementor-1134 .elementor-element.elementor-element-6368d41 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}@media(max-width:1024px) and (min-width:768px){.elementor-1134 .elementor-element.elementor-element-b95ef25{--width:100%;}}@media(max-width:1024px){.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-cta .ehp-cta__heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-cta .ehp-cta__description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-cta .ehp-cta__button--primary{line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-cta .ehp-cta__button--secondary{line-height:var( --e-global-typography-accent-line-height );}.elementor-1134 .elementor-element.elementor-element-8fdea34 .ehp-cta__heading{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1134 .elementor-element.elementor-element-8fdea34 .ehp-cta__description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1134 .elementor-element.elementor-element-8fdea34 .ehp-cta{--cta-buttons-space-between:16px;}}@media(max-width:767px){.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-cta .ehp-cta__heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-cta .ehp-cta__description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-cta .ehp-cta__button--primary{line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-cta .ehp-cta__button--secondary{line-height:var( --e-global-typography-accent-line-height );}.elementor-1134 .elementor-element.elementor-element-8fdea34 .ehp-cta{--cta-content-width:590px;--cta-buttons-space-between:16px;--cta-box-padding-block-end:40px;--cta-box-padding-block-start:40px;--cta-box-padding-inline-end:10px;--cta-box-padding-inline-start:10px;}.elementor-1134 .elementor-element.elementor-element-8fdea34 .ehp-cta__heading{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1134 .elementor-element.elementor-element-8fdea34 .ehp-cta__description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS for html, class: .elementor-element-1277054 */:root{ --ap-accent:#D19028; --ap-stroke:rgba(255,255,255,.10); --ap-radius:22px; --ap-font:"Red Hat Display", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; } .ap-spec{ padding: clamp(24px, 4vw, 52px) 16px; position: relative; } .ap-spec__wrap{ max-width:1100px; margin:0 auto; } .ap-spec__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom: 16px; } .ap-spec__title{ margin:0; font-family: var(--ap-font); font-weight: 500; color: var(--ap-accent); font-size: clamp(22px, 2.6vw, 34px); letter-spacing: .02em; } .ap-spec__subtitle{ margin:0; font-family: var(--ap-font); font-weight: 300; color: rgba(255,255,255,.72); font-size: 13px; } .ap-spec__grid{ display:grid; gap: 12px; grid-template-columns: 1fr; } @media (min-width: 720px){ .ap-spec__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .ap-spec__hero{ grid-column: 1 / -1; } } @media (min-width: 1020px){ .ap-spec__grid{ grid-template-columns: 1.35fr repeat(2, minmax(0, 1fr)); gap: 12px; align-items: stretch; } .ap-spec__hero{ grid-column: 1 / 2; grid-row: 1 / span 3; min-height: 100%; } } /* HERO */ .ap-spec__hero{ border-radius: var(--ap-radius); border: 1px solid rgba(209,144,40,.28); background: radial-gradient(900px 380px at 30% 0%, rgba(209,144,40,.14), transparent 55%), rgba(255,255,255,.03); padding: 18px; box-shadow: 0 22px 70px rgba(0,0,0,.35); } .ap-spec__hero-top{ display:flex; justify-content:flex-start; margin-bottom: 12px; } .ap-spec__hero-title{ margin:0 0 8px; font-family: var(--ap-font); font-weight: 500; color: rgba(255,255,255,.96); font-size: clamp(18px, 2.2vw, 26px); line-height: 1.1; } .ap-spec__hero-text{ margin:0 0 14px; font-family: var(--ap-font); font-weight: 300; color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.55; max-width: 60ch; } .ap-spec__hero-tags{ display:flex; flex-wrap:wrap; gap: 8px; } .ap-tag{ display:inline-flex; align-items:center; padding: 8px 10px; border-radius: 999px; border: 1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.18); color: rgba(255,255,255,.86); font-family: var(--ap-font); font-size: 12px; font-weight: 300; letter-spacing: .02em; } /* CARDS */ .ap-spec__card{ border-radius: var(--ap-radius); border: 1px solid var(--ap-stroke); background: rgba(255,255,255,.04); padding: 14px; display:grid; gap: 8px; box-shadow: 0 18px 55px rgba(0,0,0,.22); transition: transform .18s ease, border-color .18s ease, background .18s ease; } .ap-spec__top{ display:flex; align-items:center; justify-content:space-between; gap: 10px; } .ap-pill{ display:inline-flex; align-items:center; gap: 8px; padding: 7px 10px; border-radius: 999px; border: 1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.16); color: rgba(255,255,255,.75); font-family: var(--ap-font); font-size: 11px; letter-spacing: .10em; text-transform: uppercase; font-weight: 400; } .ap-pill--gold{ border-color: rgba(209,144,40,.38); background: rgba(209,144,40,.10); color: rgba(255,255,255,.88); } .ap-ico{ width: 16px; height: 16px; display:inline-grid; place-items:center; color: rgba(255,255,255,.9); } .ap-ico svg{ width:16px; height:16px; } .ap-spec__icon{ width: 34px; height: 34px; border-radius: 12px; border: 1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.16); display:grid; place-items:center; color: rgba(255,255,255,.78); } .ap-spec__icon svg{ width:18px; height:18px; } .ap-spec__label{ margin: 0; font-family: var(--ap-font); font-weight: 600; color: var(--ap-accent); letter-spacing: .05em; text-transform: uppercase; font-size: 12px; line-height: 1.2; } .ap-spec__text{ margin: 0; font-family: var(--ap-font); font-weight: 300; color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.55; } @media (hover:hover){ .ap-spec__card:hover{ transform: translateY(-2px); border-color: rgba(209,144,40,.35); background: rgba(255,255,255,.05); } } @media (max-width: 560px){ .ap-spec__head{ flex-direction:column; align-items:flex-start; } .ap-spec__hero{ padding: 14px; } .ap-spec__card{ padding: 12px; } } @media (prefers-reduced-motion: reduce){ .ap-spec__card{ transition:none; } }

.ap-spec__hero,
.ap-spec__card{
  box-sizing: border-box;
  min-width: 0;
}

/* On évite d'imposer height:100% sur les items : source fréquente de “bug” */
.ap-spec__hero,
.ap-spec__card{
  height: auto;
}

/* Harmonise la barre du haut (pill + icône) */
.ap-spec__top{
  min-height: 40px;
  align-items: center;
}

/* Troncature safe (uniquement si support WebKit) */
.ap-spec__label{
  margin-top: 2px;
}

/* ---------- DESKTOP (>=1020px) ---------- */
@media (min-width: 1020px){
  .ap-spec__grid{
    grid-template-columns: 1.35fr 1fr 1fr;
    align-items: stretch;
    /* clé : des lignes égales -> aligne vraiment les cartes */
    grid-auto-rows: 1fr;
  }

  /* HERO à gauche sur 3 lignes */
  .ap-spec__hero{
    grid-column: 1;
    grid-row: 1 / span 3;

    /* on peut utiliser flex sans height:100% */
    display: flex;
    flex-direction: column;
  }

  /* Cartes à droite : toutes même hauteur grâce à grid-auto-rows:1fr */
  .ap-spec__card{
    display: flex;
    flex-direction: column;
    min-height: 0; /* important pour éviter bugs de stretch */
  }

  /* Si tu veux que le texte prenne le reste sans casser : */
  .ap-spec__text{
    margin-top: 2px;
  }
}

/* ---------- TABLET (720px–1019px) ---------- */
@media (min-width: 720px) and (max-width: 1019px){
  .ap-spec__grid{
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    grid-auto-rows: 1fr; /* aligne les cartes entre elles */
  }

  .ap-spec__hero{
    grid-column: 1 / -1;
    grid-row: auto;
    display: block; /* pas besoin de flex ici */
  }

  .ap-spec__card{
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
}

/* ---------- MOBILE (<=719px) ---------- */
/* Rien à forcer : une colonne = pas de “bug” de hauteur */
@media (max-width: 719px){
  .ap-spec__grid{
    grid-auto-rows: auto;
  }
}

/* ---------- Clamp (OPTIONNEL) : à activer uniquement si tu veux vraiment couper ---------- */
/* Beaucoup de “bugs” viennent du clamp sur des titres/texte selon polices/line-height.
   Je le rends safe : uniquement si le navigateur supporte. */

@supports (-webkit-line-clamp: 1){
  .ap-spec__label{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .ap-spec__text{
    display: -webkit-box;
    -webkit-line-clamp: 3; /* mets 4 si tu veux */
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8fcfe73 */:root{
    --ap-accent:#D19028;
    --ap-bg: transparent;
    --ap-stroke: rgba(255,255,255,.10);
    --ap-stroke2: rgba(255,255,255,.06);
    --ap-radius: 22px;
    --ap-radius2: 18px;
    --ap-shadow: 0 18px 55px rgba(0,0,0,.28);
    --ap-font: "Red Hat Display", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    --ap-serif: "Red Hat Display", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  }

  .ap-gold{ color: var(--ap-accent); }

  .ap-modulo{
    padding: clamp(24px, 4vw, 56px) 16px;
    ;
  }

  .ap-modulo__wrap{
    max-width: 1100px;
    margin: 0 auto;
  }

  .ap-modulo__head{
    text-align: center;
    margin-bottom: 18px;
  }

  .ap-modulo__kicker{
    margin: 0 0 8px;
    font-family: var(--ap-font);
    font-weight: 300;
    color: rgba(255,255,255,.75);
    font-size: 13px;
    letter-spacing: .04em;
  }

  .ap-modulo__h2{
    margin: 0;
    font-family: var(--ap-serif);
    font-weight: 500;
    color: rgba(255,255,255,.92);
    font-size: clamp(22px, 2.8vw, 36px);
    line-height: 1.15;
  }

  
  .ap-feat{
    display: grid;
    gap: 14px;
    grid-template-columns: 1fr;
    margin-top: 18px;
  }

  @media (min-width: 760px){
    .ap-feat{
      grid-template-columns: 1.25fr 1fr;
      grid-template-rows: auto auto;
      align-items: stretch;
    }
    .ap-feat__card--hero{ grid-row: 1 / span 2; }
  }

  .ap-feat__card{
    border: 1px solid var(--ap-stroke);
    border-radius: var(--ap-radius);
    background: rgba(255,255,255,.035);
    box-shadow: var(--ap-shadow);
    padding: 18px 18px 16px;
    display: grid;
    gap: 10px;
    min-height: 126px;
    position: relative;
    overflow: hidden;
  }

  .ap-feat__card::before{
    content:"";
    position:absolute;
    inset:-40px -60px auto -60px;
    height: 140px;
    background: radial-gradient(closest-side, rgba(209,144,40,.22), transparent 70%);
    filter: blur(10px);
    opacity: .55;
    pointer-events:none;
  }

  .ap-feat__card--hero{
    padding: 22px 22px 18px;
    min-height: 170px;
  }

  .ap-feat__top{
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .ap-feat__icon{
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(209,144,40,.55);
    background: rgba(209,144,40,.10);
    color: rgba(255,255,255,.92);
    font-size: 16px;
    line-height: 1;
    flex: 0 0 34px;
  }

  .ap-feat__title{
    margin: 0;
    font-family: var(--ap-serif);
    font-weight: 500;
    color: var(--ap-accent);
    font-size: clamp(18px, 2.2vw, 30px);
    line-height: 1.05;
  }

  .ap-feat__text{
    margin: 0;
    font-family: var(--ap-font);
    font-weight: 300;
    color: rgba(255,255,255,.80);
    line-height: 1.6;
    font-size: 14px;
    max-width: 58ch;
  }

  .ap-focus{
    margin-top: 20px;
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr;
    align-items: start;
  }

  @media (min-width: 980px){
    .ap-focus{
      grid-template-columns: 1.05fr .95fr;
      gap: 18px;
      margin-top: 24px;
    }
  }

  .ap-focus__copy{
    border: 1px solid var(--ap-stroke);
    border-radius: var(--ap-radius);
    background: rgba(255,255,255,.03);
    box-shadow: var(--ap-shadow);
    padding: clamp(16px, 2.2vw, 22px);
  }

  .ap-focus__title{
    margin: 0 0 10px;
    font-family: var(--ap-serif);
    font-weight: 500;
    color: var(--ap-accent);
    letter-spacing: .02em;
    font-size: clamp(18px, 2.2vw, 24px);
  }

  .ap-focus__p{
    margin: 0 0 14px;
    font-family: var(--ap-font);
    font-weight: 300;
    color: rgba(255,255,255,.82);
    line-height: 1.75;
    font-size: 14px;
  }

  .ap-env{
    display: inline-flex;
    gap: 10px;
    padding: 8px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(0,0,0,.18);
  }

  .ap-env__btn{
    appearance: none;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.03);
    color: rgba(255,255,255,.88);
    font-family: var(--ap-font);
    font-weight: 500;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 14px;
    border-radius: 999px;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
  }

  
  .ap-env__btn.is-active{
    border-color: rgba(209,144,40,.75);
    box-shadow: 0 0 0 2px rgba(209,144,40,.18), 0 18px 40px rgba(0,0,0,.25);
    background: rgba(209,144,40,.10);
  }

  @media (hover:hover){
    .ap-env__btn:hover{
      border-color: rgba(209,144,40,.55);
      background: rgba(209,144,40,.08);
      transform: translateY(-1px);
    }
  }

  .ap-env__note{
    margin: 10px 0 0;
    font-family: var(--ap-font);
    font-weight: 300;
    color: rgba(255,255,255,.65);
    font-size: 12px;
  }

  .ap-focus__media{
    margin: 0;
    border: 1px solid var(--ap-stroke);
    border-radius: var(--ap-radius);
    background: rgba(255,255,255,.02);
    box-shadow: var(--ap-shadow);
    padding: 14px;
  }

  .ap-focus__frame{
    border-radius: 18px;
    overflow: hidden;          
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(0,0,0,.12);
  }

  .ap-focus__img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 18px;     
  }

  .ap-focus__cap{
    margin: 10px 0 0;
    text-align: center;
    font-family: var(--ap-font);
    font-weight: 300;
    color: rgba(255,255,255,.78);
    font-size: 13px;
  }

 
  .ap-proof{
    margin-top: 18px;
    border: 1px solid var(--ap-stroke);
    border-radius: var(--ap-radius);
    background: rgba(255,255,255,.03);
    box-shadow: var(--ap-shadow);
    padding: clamp(16px, 2.2vw, 22px);
    display: grid;
    gap: 14px;
    position: relative;
    overflow: hidden;
  }

  .ap-proof::before{
    content:"";
    position:absolute;
    inset: -80px -120px auto -120px;
    height: 180px;
    background: radial-gradient(closest-side, rgba(209,144,40,.20), transparent 70%);
    filter: blur(12px);
    opacity: .60;
    pointer-events:none;
  }

  @media (min-width: 920px){
    .ap-proof{
      grid-template-columns: .9fr 1.1fr;
      align-items: start;
      gap: 18px;
    }
  }

  .ap-proof__title{
    margin: 0 0 6px;
    font-family: var(--ap-serif);
    font-weight: 500;
    color: var(--ap-accent);
    font-size: clamp(18px, 2.2vw, 24px);
  }

  .ap-proof__micro{
    margin: 0;
    font-family: var(--ap-font);
    font-weight: 300;
    color: rgba(255,255,255,.80);
    line-height: 1.7;
    font-size: 14px;
    max-width: 56ch;
  }

  .ap-proof__list{
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 10px;
  }

  @media (min-width: 720px){
    .ap-proof__list{
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px 14px;
    }
  }

  .ap-proof__item{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 12px;
    border-radius: 16px;
    border: 1px solid var(--ap-stroke2);
    background: rgba(0,0,0,.14);
  }

  .ap-proof__dot{
    width: 10px; height: 10px;
    border-radius: 999px;
    margin-top: 6px;
    background: rgba(209,144,40,.85);
    box-shadow: 0 0 0 3px rgba(209,144,40,.14);
    flex: 0 0 10px;
  }

  .ap-proof__item span{
    font-family: var(--ap-font);
    font-weight: 300;
    color: rgba(255,255,255,.84);
    line-height: 1.55;
    font-size: 14px;
  }/* End custom CSS */