/* ==========================================================================
   Zéphyr Tissus — hero de la page d'accueil
   Charte : Indian Teal #3C586B · Stratified Sea #2F3F4B · Gardenia #F1E9DF
            Angora #DFD7BB · Rust #B55A30
   Typographies charte : The Brume (titres) · JUST Sans (corps). Lumetime écartée des textes (script pinceau illisible en petit, 14/10/2026).
   Fond (voile incrusté) et polices servis depuis /img/cms/hero-atelier/.
   Le TEXTE du hero reste du HTML dans le widget Elementor : le <h1> doit rester
   dans le DOM (CDC § 3.2) — on ne met jamais le titre en image.
   ========================================================================== */

@font-face{font-family:'Brume';src:url('/img/cms/hero-atelier/fonts/Brume-Regular.woff2') format('woff2'),url('/img/cms/hero-atelier/fonts/Brume-Regular.otf') format('opentype');font-display:swap}
@font-face{font-family:'Lumetime';src:url('/img/cms/hero-atelier/fonts/Lumetime.woff2') format('woff2');font-display:swap}
@font-face{font-family:'JustSans';font-weight:300;src:url('/img/cms/hero-atelier/fonts/JUST Sans Light.woff2') format('woff2');font-display:swap}
@font-face{font-family:'JustSans';font-weight:400;src:url('/img/cms/hero-atelier/fonts/JUST Sans Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:'JustSans';font-weight:500;src:url('/img/cms/hero-atelier/fonts/JUST Sans Medium.woff2') format('woff2');font-display:swap}

/* --- section --- */
.zt-hero-atelier{min-height:560px;background-size:cover;background-position:center center;background-repeat:no-repeat}
.zt-hero-atelier>.elementor-container{display:flex;align-items:center;min-height:560px}

/* --- bloc texte --- */
.zt-hero{padding:0 24px;max-width:700px}
.zt-hero-eyebrow{font-family:'JustSans',Arial,sans-serif;font-weight:500;font-size:12.5px;letter-spacing:.22em;
  text-transform:uppercase;color:#F1E9DF;opacity:.92;margin:0 0 20px}
.zt-hero h1{font-family:'Brume',Georgia,serif;font-weight:400;font-size:54px;line-height:1.07;color:#F1E9DF;
  margin:0 0 18px;text-shadow:0 1px 18px rgba(0,0,0,.25)}
.zt-hero-sub{font-family:'JustSans',Arial,sans-serif;font-weight:300;font-size:17px;line-height:1.65;color:#F1E9DF;opacity:.96;
  margin:0 0 30px;max-width:520px}
.zt-eye-m{display:none}

/* --- bouton (CTA unique imposé par le CDC § 3.2) --- */
.zt-hero-cta{display:inline-block;font-family:'JustSans',Arial,sans-serif;font-weight:500;font-size:14.5px;
  letter-spacing:.06em;background:#B55A30;color:#fff !important;padding:15px 32px;border-radius:2px;
  text-decoration:none !important}
.zt-hero-cta:hover,.zt-hero-cta:focus{background:#9E4A25;color:#fff !important}

/* --- tablette --- */
@media (max-width:1024px){
  .zt-hero h1{font-size:46px}
}

/* --- mobile : autre cadrage + texte ancré en bas --- */
@media (max-width:767px){
  .zt-hero-atelier{background-image:url('/img/cms/hero-atelier/hero-atelier-mobile.webp') !important;
    background-position:center center !important;min-height:620px}
  .zt-hero-atelier>.elementor-container{min-height:620px;align-items:flex-end}
  .zt-hero{max-width:100%;padding:0 22px 10px}
  .zt-hero h1{font-size:31px;line-height:1.12}
  .zt-hero-sub{font-size:15.5px;line-height:1.5;margin-bottom:22px}
  .zt-hero-eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:14px}
  .zt-hero-cta{display:block;text-align:center;padding:14px 0}
  .zt-eye-d{display:none}
  .zt-eye-m{display:inline}
}