/* ============================================================
   Reconstruction limitée de l'accueil jureelec66.fr (bandeau, menu, hero)
   Valeurs relevées sur le site en ligne le 10/11/2026 (styles calculés
   à 1440 px et à 390 px). Numéro masqué. Aucun lien d'appel.
   .jx      = mise en page réelle (sert à la mesure, invisible)
   .jx--m   = variante mobile (390 px)
   .jl-*    = éléments « vivants » positionnés par le moteur
   ============================================================ */
@font-face{font-family:"JBarlow";font-weight:400;font-display:block;src:url("../fonts/barlow-400.woff2") format("woff2")}
@font-face{font-family:"JBarlow";font-weight:500;font-display:block;src:url("../fonts/barlow-500.woff2") format("woff2")}
@font-face{font-family:"JBarlow";font-weight:600;font-display:block;src:url("../fonts/barlow-600.woff2") format("woff2")}
@font-face{font-family:"JBarlow";font-weight:700;font-display:block;src:url("../fonts/barlow-700.woff2") format("woff2")}
@font-face{font-family:"JBarlow";font-weight:800;font-display:block;src:url("../fonts/barlow-800.woff2") format("woff2")}
@font-face{font-family:"JBarlowC";font-weight:600;font-display:block;src:url("../fonts/barlow-condensed-600.woff2") format("woff2")}
@font-face{font-family:"JBarlowC";font-weight:800;font-display:block;src:url("../fonts/barlow-condensed-800.woff2") format("woff2")}

/* ---------- Habillage commun (boîtes) ---------- */
.jb-topbar{background:linear-gradient(90deg,#C8651A,#D4A017)}
.jb-nav{background:rgba(13,13,12,.95);border-bottom:1px solid rgba(212,160,23,.3)}
.jb-cta{background:linear-gradient(135deg,#D4A017,#C8651A);border-radius:14px;box-shadow:0 4px 16px rgba(212,160,23,.3)}
.jb-hero{background:
  radial-gradient(55% 60% at 75% 65%,rgba(212,160,23,.13) 0%,rgba(0,0,0,0) 65%),
  radial-gradient(40% 50% at 10% 85%,rgba(200,101,26,.09) 0%,rgba(0,0,0,0) 55%),
  #0D0D0C}
.jb-photo{background:#0D0D0C url("../img/jure-hero.webp") no-repeat;background-size:cover;background-position:60% 50%;overflow:hidden}
.jb-photo::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.3)}               /* brightness(.7) du site, sans filtre coûteux */
.jb-photo .ov-d{position:absolute;inset:0;background:linear-gradient(90deg,#0D0D0C 0%,rgba(13,13,12,.95) 10%,rgba(13,13,12,.7) 25%,rgba(13,13,12,.3) 45%,rgba(13,13,12,.1) 60%,rgba(0,0,0,0) 75%),linear-gradient(to top,#0D0D0C 0%,rgba(0,0,0,0) 15%)}
.jb-photo .ov-m{position:absolute;inset:0;opacity:0;background:linear-gradient(rgba(13,13,12,.5),rgba(13,13,12,.32) 38%,rgba(13,13,12,.55) 70%,rgba(13,13,12,.9))}
.jb-badge{background:rgba(212,160,23,.12);border:1px solid rgba(212,160,23,.35);border-radius:100px}
.jb-dot{background:#D4A017;border-radius:50%}
.jb-btn1{background:linear-gradient(135deg,#D4A017,#C8651A);border-radius:14px;box-shadow:0 4px 20px rgba(212,160,23,.35)}
.jb-btn2{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px}
.jb-chip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px}
.jb-burger{background:#F5F3EE}

/* ---------- Typographie (valeurs ordinateur ; le mobile est obtenu par échelle) ---------- */
.jt{white-space:nowrap;line-height:1}
.jt-topbar{font:700 14.08px/24px "JBarlow",system-ui,sans-serif;letter-spacing:.4224px;color:#0D0D0C}
.jt-topbar-a{font-weight:800}
.jt-nav{font:500 14.4px/17px "JBarlow",system-ui,sans-serif;color:#8A8478}
.jt-cta{font:800 14.08px/17px "JBarlow",system-ui,sans-serif;color:#0D0D0C}
.jt-badge{font:700 12.8px/18px "JBarlow",system-ui,sans-serif;letter-spacing:.896px;text-transform:uppercase;color:#D4A017}
.jt-h1{font:800 86.4px/86.4px "JBarlowC",sans-serif;letter-spacing:1.728px;text-transform:uppercase;color:#F5F3EE}
.jt-em{color:#D4A017;font-style:normal}
.jt-sub{font:400 16.8px/30.24px "JBarlow",system-ui,sans-serif;color:#8A8478}
.jt-btn1{font:800 16px/20px "JBarlowC",sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#0D0D0C}
.jt-btn2{font:600 15.2px/20px "JBarlowC",sans-serif;letter-spacing:.76px;text-transform:uppercase;color:#F5F3EE}
.jt-ci{font:800 19.2px/24px "JBarlowC",sans-serif;color:#D4A017}
.jt-ct{font:600 12px/16.8px "JBarlow",system-ui,sans-serif;letter-spacing:.48px;text-transform:uppercase;color:#8A8478;white-space:nowrap}

/* ============================================================
   Mise en page réelle (mesure uniquement)
   ============================================================ */
.jx{position:absolute;left:-30000px;top:0;width:1440px;height:900px;overflow:hidden;visibility:hidden;pointer-events:none;contain:layout style;background:#0D0D0C}
.jx--m{width:390px;height:844px}
.jx *{box-sizing:border-box;margin:0;padding:0}
.jx .jx-topbar{display:block;padding:11px 20px;text-align:center}
.jx .jx-topbar .jt{white-space:normal}
.jx .jx-nav{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 72px}
.jx .jx-logo{display:block;width:88px;height:46px}
.jx .jx-links{display:flex;align-items:center;gap:33px;list-style:none}
.jx .jx-cta{display:inline-flex;align-items:center;padding:11px 22px;margin-left:0}
.jx .jx-burger{display:none;width:24px;height:26px;position:relative}
.jx .jx-burger i{position:absolute;left:0;width:24px;height:2px}
.jx .jx-burger i:nth-child(1){top:5px}.jx .jx-burger i:nth-child(2){top:12px}.jx .jx-burger i:nth-child(3){top:19px}
.jx .jx-hero{position:relative;height:828px;padding:84px 72px 80px}
.jx .jx-photo{position:absolute;top:0;right:0;bottom:0;width:72%}
.jx .jx-content{position:relative;width:680px}
.jx .jx-badge{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;margin-bottom:32px}
.jx .jx-dot{display:block;width:7px;height:7px}
.jx .jx-h1{margin-bottom:27px}
.jx .jx-h1 .jt{white-space:normal}
.jx .jx-sub{max-width:500px;margin-bottom:48px}
.jx .jx-sub .jt{white-space:normal}
.jx .jx-actions{display:flex;gap:16px}
.jx .jx-btn{display:inline-flex;align-items:center;justify-content:flex-start;height:62px;padding:0 32px}
.jx .jx-chips{display:flex;flex-wrap:wrap;gap:24px;margin-top:48px}
.jx .jx-chip{display:flex;align-items:center;gap:12px;height:60px;padding:0 18px}
.jx .jt-ct{white-space:nowrap}


/* Police des blocs eux-mêmes (hauteur de ligne et espaces identiques au site) */
.jx .jx-topbar{font:700 14.08px/24px "JBarlow",system-ui,sans-serif;letter-spacing:.4224px;color:#0D0D0C}
.jx .jx-h1{font:800 86.4px/86.4px "JBarlowC",sans-serif;letter-spacing:1.728px;text-transform:uppercase}
.jx .jx-sub{font:400 16.8px/30.24px "JBarlow",system-ui,sans-serif}
.jx--m .jx-topbar{font-size:12.48px;line-height:18px;letter-spacing:.3744px}
.jx--m .jx-h1{font-size:35.2px;line-height:35.2px;letter-spacing:.704px}
.jx--m .jx-sub{font-size:15.52px;line-height:27.936px}

/* ----- Variante mobile (390 px), relevée sur le site ----- */
.jx--m .jx-topbar{padding:9px 16px}
.jx--m .jt-topbar{font-size:12.48px;line-height:18px;letter-spacing:.3744px}
.jx--m .jx-nav{height:64px;padding:0 16px}
.jx--m .jx-logo{width:73px;height:38px}
.jx--m .jx-links,.jx--m .jx-cta{display:none}
.jx--m .jx-burger{display:block}
.jx--m .jx-hero{height:789px;padding:24px 16px 72px}
.jx--m .jx-photo{width:100%}
.jx--m .jx-content{width:358px}
.jx--m .jt-badge{font-size:11.52px;letter-spacing:.8064px;line-height:16px}
.jx--m .jx-badge{margin-bottom:32px}
.jx--m .jt-h1{font-size:35.2px;line-height:35.2px;letter-spacing:.704px}
.jx--m .jt-sub{font-size:15.52px;line-height:27.936px}
.jx--m .jx-sub{max-width:none}
.jx--m .jx-actions{flex-direction:column;gap:12px}
.jx--m .jx-btn{justify-content:center;padding:0 24px;width:100%}
.jx--m .jx-btn1{height:58px}
.jx--m .jx-btn2{height:52px}