/* =====================================================================
   LE FOYER — thème « Le cahier de la maison »
   Se charge APRÈS le style d'origine et le remplace visuellement.
   Pour revenir à l'ancien look : retirer la ligne <link … theme-cahier.css>.
   ===================================================================== */

/* ---------- jetons ---------- */
:root{
  --papier:#F6F7FB;      /* fond de page */
  --feuille:#FFFFFF;     /* cartes */
  --encre:#2343A6;       /* encre bleue : actions, liens, chiffres */
  --encre-doux:#E8ECFA;  /* fond actif / survol */
  --graphite:#24262D;    /* texte */
  --mine:#646A79;        /* texte secondaire */
  --seyes:#C9D0EC;       /* grandes lignes du cahier, bordures */
  --seyes-fin:#E6E9F6;   /* petites lignes, séparateurs */
  --marge:#D63B3B;       /* marge rouge : urgent, badges, retards */

  --bg:var(--papier); --surface:var(--feuille); --surface-2:var(--encre-doux); --card:var(--feuille);
  --ink:var(--graphite); --ink-2:var(--mine); --line:var(--seyes-fin);
  --side:var(--feuille); --side-2:var(--encre-doux); --side-ink:var(--graphite); --side-mute:var(--mine);
  --accent:var(--encre); --accent-ink:#FFFFFF; --accent-soft:var(--encre-doux);
  --crit:var(--marge); --info:var(--encre);
  --display:"Figtree",system-ui,-apple-system,sans-serif;
  --body:"Figtree",system-ui,-apple-system,sans-serif;
  --cursive:"Playwrite FR Moderne","Segoe Script",cursive;
  --r:12px; --shadow:none;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --papier:#11131A; --feuille:#191C25; --encre:#93A9FF; --encre-doux:#232A42;
    --graphite:#E7E9F0; --mine:#9AA0B2; --seyes:#323A58; --seyes-fin:#262C40; --marge:#FF6B6B;
    --bg:var(--papier); --surface:var(--feuille); --surface-2:var(--encre-doux); --card:var(--feuille);
    --ink:var(--graphite); --ink-2:var(--mine); --line:var(--seyes-fin);
    --side:var(--feuille); --side-2:var(--encre-doux); --side-ink:var(--graphite); --side-mute:var(--mine);
    --accent:var(--encre); --accent-ink:#0E1220; --accent-soft:var(--encre-doux); --crit:var(--marge); --info:var(--encre);
  }
}
:root[data-theme="dark"]{
  --papier:#11131A; --feuille:#191C25; --encre:#93A9FF; --encre-doux:#232A42;
  --graphite:#E7E9F0; --mine:#9AA0B2; --seyes:#323A58; --seyes-fin:#262C40; --marge:#FF6B6B;
  --bg:var(--papier); --surface:var(--feuille); --surface-2:var(--encre-doux); --card:var(--feuille);
  --ink:var(--graphite); --ink-2:var(--mine); --line:var(--seyes-fin);
  --side:var(--feuille); --side-2:var(--encre-doux); --side-ink:var(--graphite); --side-mute:var(--mine);
  --accent:var(--encre); --accent-ink:#0E1220; --accent-soft:var(--encre-doux); --crit:var(--marge); --info:var(--encre);
}

body{font-family:var(--body);font-size:15px;font-weight:400;color:var(--graphite);background:var(--papier);font-variant-numeric:normal}
.num,.num *{font-variant-numeric:normal}
b,strong,h1,h2,h3{font-weight:700}
:focus-visible{outline:2px solid var(--encre);outline-offset:2px}

/* ---------- étiquettes : plus de majuscules espacées ---------- */
.label,.panel h2 small,.banner .eyebrow,.hero .eyebrow span,.hero .kpi .k-l,.kpis-m .kpi .k-l,.hero-date span,
.wx-city,.ag-card .eyebrow,.ag-count span,.cal .dh,th,.agenda-day .dd span,.brand small,.foyer .live,.hbtn,.race-head .eyebrow{
  text-transform:none!important;letter-spacing:0!important}
.label{font-size:13px;font-weight:600;color:var(--mine)}

/* ---------- menu : marge du cahier ---------- */
.side{background:var(--feuille);box-shadow:inset -1px 0 0 var(--seyes-fin)}
.brand .fam::before{content:"Wz";font-family:var(--cursive);font-weight:400;font-size:19px;letter-spacing:0;color:var(--encre)}
nav.menu a{background:transparent;color:var(--mine);border-radius:12px}
nav.menu a:hover{background:var(--encre-doux);color:var(--encre);filter:none}
nav.menu a.on{background:var(--encre-doux);color:var(--encre);box-shadow:inset 0 0 0 1.5px var(--encre)}
nav.menu a[data-v]{--mb:transparent;--mc:var(--mine)}
/* pastilles : gris neutre pour les simples compteurs, rouge seulement pour ce qui est à traiter */
nav.menu a .badge,nav.menu a.on .badge{background:var(--mine);color:#fff;box-shadow:0 0 0 2px var(--feuille);font-weight:700}
nav.menu a #bMail,nav.menu a #bSante{background:var(--marge)}
.side{z-index:30}
nav.menu a::after{z-index:60}
nav.menu a::after{background:var(--graphite);color:var(--feuille);font-weight:600}
.who .logout{background:transparent;box-shadow:inset 0 0 0 1px var(--seyes);color:var(--mine);font-weight:600}

/* ---------- la page du jour : papier Seyès ---------- */
.banner,.hero,.hero[class*="wx-"]{
  color:var(--graphite);border-radius:16px;box-shadow:inset 0 0 0 1px var(--seyes-fin);
  background-color:var(--feuille);
  background-image:
    linear-gradient(90deg,transparent 63px,var(--marge) 63px,var(--marge) 65px,transparent 65px),
    repeating-linear-gradient(180deg,transparent 0 31px,var(--seyes) 31px 32px),
    repeating-linear-gradient(180deg,transparent 0 7px,var(--seyes-fin) 7px 8px),
    repeating-linear-gradient(90deg,transparent 0 31px,color-mix(in srgb,var(--seyes-fin) 55%,transparent) 31px 32px);
  background-position:0 0,0 15px,0 15px,0 0;
}
.hero{padding:16px 28px 26px 88px;gap:16px}
.banner .eyebrow,.hero .eyebrow{font-size:14px;font-weight:600;color:var(--mine);opacity:1;line-height:32px;min-height:32px;height:auto;margin:0}
.hero .eyebrow span{text-transform:none}
#hHello{font-family:var(--cursive);font-weight:400;font-size:clamp(30px,3.4vw,40px);line-height:64px;letter-spacing:0;color:var(--encre);margin:0 0 8px;text-wrap:balance}
.banner h1{font-family:var(--body);font-weight:700;font-size:clamp(28px,3.2vw,38px);line-height:48px;letter-spacing:-.01em;color:var(--graphite);margin:0}
.banner h1 em{font-style:normal;color:var(--encre)}
.banner{padding-left:88px}
.banner .stat b{font-family:var(--body);font-weight:700;color:var(--encre)}
.banner .stat span{color:var(--mine);font-size:13px;font-weight:600;opacity:1;text-transform:none;letter-spacing:0}
.banner p,#hSub{color:var(--graphite);font-size:16px;line-height:32px;margin:0}
.hero-head h1{margin-top:0}

.hero .kpis{gap:0;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}
.hero .kpi,.hero .kpi:hover{background:transparent;box-shadow:none;border-radius:0;color:var(--graphite);padding:4px 16px 4px 0;gap:0}
.hero .kpi+.kpi{padding-left:16px;box-shadow:inset 1px 0 0 var(--seyes)}
.hero .kpi .k-l{font-size:13.5px;font-weight:600;color:var(--mine);line-height:20px}
.hero .kpi b{font-size:34px;font-weight:700;color:var(--encre);line-height:44px}
.hero .kpi .k-s{font-size:13px;color:var(--mine)}
.hero .kpi .k-s.alert{color:var(--marge);font-weight:600}

.hbtn{height:40px;border-radius:10px;font-family:var(--body);font-size:14.5px;font-weight:700;background:var(--encre);color:#fff;padding:0 16px}
.hbtn.ghost{background:var(--feuille);color:var(--encre);box-shadow:inset 0 0 0 1.5px var(--encre)}
.hbtn:hover{filter:brightness(1.08)}

.wx-box{background:var(--feuille);box-shadow:inset 0 0 0 1px var(--seyes);backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:12px;color:var(--graphite)}
.wx-city,.wx-box small,.wx-hours small{color:var(--mine)}
.wx-now b{font-weight:700;color:var(--encre)}
.wx-ic,.wx-hours svg{color:var(--encre)}
.wx-hours{border-top-color:var(--seyes-fin)}

/* ---------- cartes : une feuille, des lignes ---------- */
.panel,.col,.ag-card{background:var(--feuille);border:0;border-radius:14px;box-shadow:inset 0 0 0 1px var(--seyes-fin)}
.panel h2{font-family:var(--body);font-weight:700;font-size:17px;letter-spacing:0;color:var(--graphite)}
.panel h2 small{font-size:13px;font-weight:600;color:var(--mine)}
.panel h2 small a{color:var(--encre);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.list{gap:0}
.li{background:transparent;box-shadow:none;border-radius:0;border-bottom:1px solid var(--seyes-fin);padding:10px 2px}
.li:last-child{border-bottom:0}
.li .sub{color:var(--mine)}
.kpi,.tile,.act,.rcp,.card,.fam-m,.bref,.kpis-m .kpi{background:var(--feuille);box-shadow:inset 0 0 0 1px var(--seyes-fin);border-radius:12px}
.card{box-shadow:inset 4px 0 0 var(--pc),inset 0 0 0 1px var(--seyes-fin)}
.kpi b,.tile b,.act b,.bref b,.kpis-m .kpi b{font-family:var(--body);font-weight:700;color:var(--encre)}
.kpis-m .kpi .k-l{font-size:13px;font-weight:600;color:var(--mine)}
.kpis-m .kpi .k-s.alert{color:var(--marge)}
.foyer h2{font-size:22px}
.foyer .live{background:transparent;color:var(--mine);font-size:13px;font-weight:600;padding:0}
.foyer .live::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#2E8B57;margin-right:6px;vertical-align:1px}

/* ---------- boutons, champs, pastilles ---------- */
.btn{border-radius:10px;background:var(--encre);color:#fff;font-weight:700}
.btn.ghost{background:var(--feuille);color:var(--encre);box-shadow:inset 0 0 0 1px var(--seyes)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--encre)}
.chip{border-radius:999px;font-weight:600}
.seg{border-radius:12px;background:var(--encre-doux)}
.seg button{border-radius:9px;font-weight:600;color:var(--mine)}
.seg button.on{background:var(--feuille);color:var(--encre);box-shadow:0 0 0 1px var(--seyes)}
input[type=text],input[type=number],input[type=date],input[type=time],input[type=password],input[type=email],select,textarea{
  background:var(--feuille);border:1px solid var(--seyes);border-radius:8px;color:var(--graphite);font-family:var(--body)}
input:focus,select:focus,textarea:focus{border-color:var(--encre);outline:none;box-shadow:0 0 0 3px var(--encre-doux)}

/* ---------- agenda ---------- */
.cal{border-radius:12px;box-shadow:0 0 0 1px var(--seyes-fin)}
.cal .dh{background:var(--feuille);font-size:12.5px;font-weight:600;color:var(--mine)}
.cal .c.out{background:var(--papier)}
.ag-card .eyebrow{font-size:14px;font-weight:600;color:var(--mine)}
.ag-card h1{font-family:var(--body);font-weight:700;letter-spacing:-.01em;line-height:1.02;color:var(--graphite)}
.ag-card h1 em{color:var(--encre)}
.ag-pic{border-radius:14px}
.ag-count b{color:var(--encre)}
.toast{border-radius:10px;background:var(--graphite);color:var(--feuille)}

/* ---------- iPhone ---------- */
@media (max-width:760px){
  .side{box-shadow:inset 0 -1px 0 var(--seyes-fin);border-radius:0}
  nav.menu{background:color-mix(in srgb,var(--feuille) 94%,transparent);box-shadow:0 -1px 0 var(--seyes-fin)}
  .hero,.hero[class*="wx-"]{padding:8px 16px 18px 52px;
    background-image:
      linear-gradient(90deg,transparent 35px,var(--marge) 35px,var(--marge) 37px,transparent 37px),
      repeating-linear-gradient(180deg,transparent 0 31px,var(--seyes) 31px 32px),
      repeating-linear-gradient(180deg,transparent 0 7px,var(--seyes-fin) 7px 8px),
      repeating-linear-gradient(90deg,transparent 0 31px,color-mix(in srgb,var(--seyes-fin) 55%,transparent) 31px 32px)}
  #hHello{font-size:28px;line-height:64px}
  .banner{padding-left:52px}
  .banner h1{font-size:26px;line-height:40px}
  .hero h1{font-size:28px}
  .banner p,#hSub{font-size:15px}
  .panel{border-radius:14px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---------- météo : dessin d'enfant au feutre sur la page du cahier ---------- */
.hero>.wx-scene{display:block;border-radius:inherit}
.hero .wx-scene i{filter:none;box-shadow:none;border-radius:0;transform:none}

  .hero .wx-scene .wx-sun{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cg%3E%3Cpath d=%22M144.4 98.7 Q155.5 101.0 166.5 98.1%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%220.9s%22 dur=%220.35s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M137.8 124.6 Q144.3 128.8 150.8 133.0%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%220.96s%22 dur=%220.35s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M121.8 139.7 Q123.4 147.6 129.2 153.2%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221.02s%22 dur=%220.35s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M93.9 146.1 Q91.3 153.2 92.0 160.7%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221.08s%22 dur=%220.35s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M68.6 134.8 Q61.8 141.4 55.9 148.8%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221.1400000000000001s%22 dur=%220.35s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M56.8 109.2 Q44.6 110.5 32.9 114.3%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221.2s%22 dur=%220.35s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M56.8 89.9 Q47.2 89.7 38.6 85.7%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221.26s%22 dur=%220.35s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M68.3 67.0 Q61.7 59.0 54.0 52.1%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221.32s%22 dur=%220.35s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M94.0 56.2 Q94.7 47.8 91.8 40.0%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221.38s%22 dur=%220.35s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M120.0 59.4 Q123.5 51.1 127.9 43.3%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221.44s%22 dur=%220.35s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M137.6 75.4 Q146.6 68.1 156.9 62.8%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221.5s%22 dur=%220.35s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 values=%22-4 100 100;4 100 100;-4 100 100%22 dur=%226s%22 begin=%222s%22 repeatCount=%22indefinite%22/%3E%3C/g%3E%3Cpath d=%22M86.4 72.0 L112.7 75.5 M119.9 79.0 L79.4 82.5 M75.9 86.0 L125.8 89.5 M125.8 93.0 L71.8 96.5 M71.8 100.0 L128.3 103.5 M126.9 107.0 L74.7 110.5 M76.5 114.0 L124.6 117.5 M121.3 121.0 L80.2 124.5 M87.6 128.0 L111.7 131.5 %22 fill=%22none%22 stroke=%22%23F5B300%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 opacity=%22.55%22%3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%220.35s%22 dur=%220.8s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M127.9 80.9 Q133.2 91.5 135.7 103.5 Q130.5 114.6 123.8 124.3 Q114.2 131.3 102.5 132.5 Q90.8 132.8 79.9 128.1 Q70.9 119.9 68.8 108.0 Q67.0 96.8 71.0 86.1 Q75.3 74.7 85.6 68.3 Q97.6 68.1 109.7 65.2 Q121.0 70.7 128.6 80.4 Q133.4 91.4 132.3 103.2 Q128.7 113.8 123.9 124.4 Q113.2 129.2 102.5 132.5%22 fill=%22none%22 stroke=%22%23F5B300%22 stroke-width=%224.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%220s%22 dur=%220.7s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M88 96 l0 .5 M112 96 l0 .5%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%224.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221.6s%22 dur=%220.2s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M86 108 Q100 121 115 107%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221.75s%22 dur=%220.4s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat}
  .hero.wx-night .wx-scene .wx-sun{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cg%3E%3CanimateTransform attributeName=%22transform%22 type=%22rotate%22 values=%22-5 110 100;5 110 100;-5 110 100%22 dur=%228s%22 repeatCount=%22indefinite%22/%3E%3Cpath d=%22M118 52 C 84 50 66 86 80 116 C 92 142 128 150 150 132 C 120 136 98 116 100 90 C 101 72 108 60 118 52 Z%22 fill=%22none%22 stroke=%22%23E9B949%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 opacity=%22.5%22 transform=%22translate(2 2)%22%3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%220.5s%22 dur=%220.8s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M118 52 C 84 50 66 86 80 116 C 92 142 128 150 150 132 C 120 136 98 116 100 90 C 101 72 108 60 118 52 Z%22 fill=%22none%22 stroke=%22%23E9B949%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%220s%22 dur=%220.9s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M100 96 q4 3 8 0%22 fill=%22none%22 stroke=%22%23E9B949%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221.1s%22 dur=%220.3s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
  .hero .wx-scene .wx-c1{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 140 92%22%3E%3Cpath d=%22M34 66 L58 58 M50 68 L84 56 M70 70 L100 58 M40 56 L66 46 M74 50 L96 42%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 opacity=%22.35%22%3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221.0s%22 dur=%220.6s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M28 74 C 10 74 8 52 26 50 C 22 30 50 22 60 38 C 68 16 104 20 104 44 C 124 40 132 70 110 76 C 84 80 54 79 28 74 Z%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%223.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%220.2s%22 dur=%221s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M28 74 C 10 74 8 52 26 50 C 22 30 50 22 60 38 C 68 16 104 20 104 44 C 124 40 132 70 110 76 C 84 80 54 79 28 74 Z%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 opacity=%22.45%22 transform=%22translate(3 -2) rotate(1.5 70 50)%22%3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%220.7s%22 dur=%221s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat}
  .hero .wx-scene .wx-c2{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 140 92%22%3E%3Cpath d=%22M34 66 L58 58 M50 68 L84 56 M70 70 L100 58 M40 56 L66 46 M74 50 L96 42%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 opacity=%22.35%22%3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221.4s%22 dur=%220.6s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M28 74 C 10 74 8 52 26 50 C 22 30 50 22 60 38 C 68 16 104 20 104 44 C 124 40 132 70 110 76 C 84 80 54 79 28 74 Z%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%223.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%220.6s%22 dur=%221s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M28 74 C 10 74 8 52 26 50 C 22 30 50 22 60 38 C 68 16 104 20 104 44 C 124 40 132 70 110 76 C 84 80 54 79 28 74 Z%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 opacity=%22.45%22 transform=%22translate(3 -2) rotate(1.5 70 50)%22%3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221.1s%22 dur=%221s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat}
  .hero .wx-scene .wx-c3{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 140 92%22%3E%3Cpath d=%22M34 66 L58 58 M50 68 L84 56 M70 70 L100 58 M40 56 L66 46 M74 50 L96 42%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 opacity=%22.35%22%3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221.8s%22 dur=%220.6s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M28 74 C 10 74 8 52 26 50 C 22 30 50 22 60 38 C 68 16 104 20 104 44 C 124 40 132 70 110 76 C 84 80 54 79 28 74 Z%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%223.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221s%22 dur=%221s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M28 74 C 10 74 8 52 26 50 C 22 30 50 22 60 38 C 68 16 104 20 104 44 C 124 40 132 70 110 76 C 84 80 54 79 28 74 Z%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 opacity=%22.45%22 transform=%22translate(3 -2) rotate(1.5 70 50)%22%3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221.5s%22 dur=%221s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat}
  .hero.wx-storm .wx-scene .wx-cl{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 140 92%22%3E%3Cpath d=%22M34 66 L58 58 M50 68 L84 56 M70 70 L100 58 M40 56 L66 46 M74 50 L96 42%22 fill=%22none%22 stroke=%22%235F6B86%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 opacity=%22.35%22%3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%221.0s%22 dur=%220.6s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M28 74 C 10 74 8 52 26 50 C 22 30 50 22 60 38 C 68 16 104 20 104 44 C 124 40 132 70 110 76 C 84 80 54 79 28 74 Z%22 fill=%22none%22 stroke=%22%235F6B86%22 stroke-width=%223.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%220.2s%22 dur=%221s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M28 74 C 10 74 8 52 26 50 C 22 30 50 22 60 38 C 68 16 104 20 104 44 C 124 40 132 70 110 76 C 84 80 54 79 28 74 Z%22 fill=%22none%22 stroke=%22%235F6B86%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 opacity=%22.45%22 transform=%22translate(3 -2) rotate(1.5 70 50)%22%3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%220.7s%22 dur=%221s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3C/svg%3E")}
  .hero .wx-scene .wx-flash{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 130 112%22%3E%3Cpath d=%22M60 30 L80 18 M56 50 L76 40 M60 70 L72 62%22 fill=%22none%22 stroke=%22%23F5B300%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 opacity=%22.6%22%3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%220.2s%22 dur=%220.4s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3Cpath d=%22M70 6 L44 58 L66 58 L50 104 L94 44 L70 44 L86 6 Z%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 pathLength=%221%22 stroke-dasharray=%221%22 stroke-dashoffset=%221%22 %3E%3Canimate attributeName=%22stroke-dashoffset%22 from=%221%22 to=%220%22 begin=%220s%22 dur=%220.6s%22 fill=%22freeze%22 calcMode=%22spline%22 keySplines=%22.5 0 .3 1%22/%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat}
@media (prefers-reduced-motion:reduce){
  .hero .wx-scene .wx-sun{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cg%3E%3Cpath d=%22M144.4 98.7 Q155.5 101.0 166.5 98.1%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3Cpath d=%22M137.8 124.6 Q144.3 128.8 150.8 133.0%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3Cpath d=%22M121.8 139.7 Q123.4 147.6 129.2 153.2%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3Cpath d=%22M93.9 146.1 Q91.3 153.2 92.0 160.7%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3Cpath d=%22M68.6 134.8 Q61.8 141.4 55.9 148.8%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3Cpath d=%22M56.8 109.2 Q44.6 110.5 32.9 114.3%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3Cpath d=%22M56.8 89.9 Q47.2 89.7 38.6 85.7%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3Cpath d=%22M68.3 67.0 Q61.7 59.0 54.0 52.1%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3Cpath d=%22M94.0 56.2 Q94.7 47.8 91.8 40.0%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3Cpath d=%22M120.0 59.4 Q123.5 51.1 127.9 43.3%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3Cpath d=%22M137.6 75.4 Q146.6 68.1 156.9 62.8%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3C/g%3E%3Cpath d=%22M86.4 72.0 L112.7 75.5 M119.9 79.0 L79.4 82.5 M75.9 86.0 L125.8 89.5 M125.8 93.0 L71.8 96.5 M71.8 100.0 L128.3 103.5 M126.9 107.0 L74.7 110.5 M76.5 114.0 L124.6 117.5 M121.3 121.0 L80.2 124.5 M87.6 128.0 L111.7 131.5 %22 fill=%22none%22 stroke=%22%23F5B300%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.55%22%3E%3C/path%3E%3Cpath d=%22M127.9 80.9 Q133.2 91.5 135.7 103.5 Q130.5 114.6 123.8 124.3 Q114.2 131.3 102.5 132.5 Q90.8 132.8 79.9 128.1 Q70.9 119.9 68.8 108.0 Q67.0 96.8 71.0 86.1 Q75.3 74.7 85.6 68.3 Q97.6 68.1 109.7 65.2 Q121.0 70.7 128.6 80.4 Q133.4 91.4 132.3 103.2 Q128.7 113.8 123.9 124.4 Q113.2 129.2 102.5 132.5%22 fill=%22none%22 stroke=%22%23F5B300%22 stroke-width=%224.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3Cpath d=%22M88 96 l0 .5 M112 96 l0 .5%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%224.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3Cpath d=%22M86 108 Q100 121 115 107%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3C/svg%3E") center/contain no-repeat}
  .hero.wx-night .wx-scene .wx-sun{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22%3E%3Cg%3E%3Cpath d=%22M118 52 C 84 50 66 86 80 116 C 92 142 128 150 150 132 C 120 136 98 116 100 90 C 101 72 108 60 118 52 Z%22 fill=%22none%22 stroke=%22%23E9B949%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.5%22 transform=%22translate(2 2)%22%3E%3C/path%3E%3Cpath d=%22M118 52 C 84 50 66 86 80 116 C 92 142 128 150 150 132 C 120 136 98 116 100 90 C 101 72 108 60 118 52 Z%22 fill=%22none%22 stroke=%22%23E9B949%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3Cpath d=%22M100 96 q4 3 8 0%22 fill=%22none%22 stroke=%22%23E9B949%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
  .hero .wx-scene .wx-c1{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 140 92%22%3E%3Cpath d=%22M34 66 L58 58 M50 68 L84 56 M70 70 L100 58 M40 56 L66 46 M74 50 L96 42%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.35%22%3E%3C/path%3E%3Cpath d=%22M28 74 C 10 74 8 52 26 50 C 22 30 50 22 60 38 C 68 16 104 20 104 44 C 124 40 132 70 110 76 C 84 80 54 79 28 74 Z%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%223.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3Cpath d=%22M28 74 C 10 74 8 52 26 50 C 22 30 50 22 60 38 C 68 16 104 20 104 44 C 124 40 132 70 110 76 C 84 80 54 79 28 74 Z%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.45%22 transform=%22translate(3 -2) rotate(1.5 70 50)%22%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat}
  .hero .wx-scene .wx-c2{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 140 92%22%3E%3Cpath d=%22M34 66 L58 58 M50 68 L84 56 M70 70 L100 58 M40 56 L66 46 M74 50 L96 42%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.35%22%3E%3C/path%3E%3Cpath d=%22M28 74 C 10 74 8 52 26 50 C 22 30 50 22 60 38 C 68 16 104 20 104 44 C 124 40 132 70 110 76 C 84 80 54 79 28 74 Z%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%223.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3Cpath d=%22M28 74 C 10 74 8 52 26 50 C 22 30 50 22 60 38 C 68 16 104 20 104 44 C 124 40 132 70 110 76 C 84 80 54 79 28 74 Z%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.45%22 transform=%22translate(3 -2) rotate(1.5 70 50)%22%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat}
  .hero .wx-scene .wx-c3{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 140 92%22%3E%3Cpath d=%22M34 66 L58 58 M50 68 L84 56 M70 70 L100 58 M40 56 L66 46 M74 50 L96 42%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.35%22%3E%3C/path%3E%3Cpath d=%22M28 74 C 10 74 8 52 26 50 C 22 30 50 22 60 38 C 68 16 104 20 104 44 C 124 40 132 70 110 76 C 84 80 54 79 28 74 Z%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%223.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3Cpath d=%22M28 74 C 10 74 8 52 26 50 C 22 30 50 22 60 38 C 68 16 104 20 104 44 C 124 40 132 70 110 76 C 84 80 54 79 28 74 Z%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.45%22 transform=%22translate(3 -2) rotate(1.5 70 50)%22%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat}
  .hero.wx-storm .wx-scene .wx-cl{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 140 92%22%3E%3Cpath d=%22M34 66 L58 58 M50 68 L84 56 M70 70 L100 58 M40 56 L66 46 M74 50 L96 42%22 fill=%22none%22 stroke=%22%235F6B86%22 stroke-width=%222.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.35%22%3E%3C/path%3E%3Cpath d=%22M28 74 C 10 74 8 52 26 50 C 22 30 50 22 60 38 C 68 16 104 20 104 44 C 124 40 132 70 110 76 C 84 80 54 79 28 74 Z%22 fill=%22none%22 stroke=%22%235F6B86%22 stroke-width=%223.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3Cpath d=%22M28 74 C 10 74 8 52 26 50 C 22 30 50 22 60 38 C 68 16 104 20 104 44 C 124 40 132 70 110 76 C 84 80 54 79 28 74 Z%22 fill=%22none%22 stroke=%22%235F6B86%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.45%22 transform=%22translate(3 -2) rotate(1.5 70 50)%22%3E%3C/path%3E%3C/svg%3E")}
  .hero .wx-scene .wx-flash{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 130 112%22%3E%3Cpath d=%22M60 30 L80 18 M56 50 L76 40 M60 70 L72 62%22 fill=%22none%22 stroke=%22%23F5B300%22 stroke-width=%223%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 opacity=%22.6%22%3E%3C/path%3E%3Cpath d=%22M70 6 L44 58 L66 58 L50 104 L94 44 L70 44 L86 6 Z%22 fill=%22none%22 stroke=%22%23F08A24%22 stroke-width=%223.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3C/path%3E%3C/svg%3E") center/contain no-repeat}
}
.hero .wx-scene .wx-fall{inset:0 0 auto 42%;height:230px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 60%22 width=%2260%22 height=%2260%22%3E%3Cpath d=%22M10 6 q-2 6 -4 10%22 fill=%22none%22 stroke=%22%233A78D6%22 stroke-width=%222.8%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M38 20 q-2 6 -4 10%22 fill=%22none%22 stroke=%22%233A78D6%22 stroke-width=%222.8%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M22 38 q-2 6 -4 10%22 fill=%22none%22 stroke=%22%233A78D6%22 stroke-width=%222.8%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M50 48 q-2 6 -4 10%22 fill=%22none%22 stroke=%22%233A78D6%22 stroke-width=%222.8%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") 0 0/72px 72px;
  -webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 40%,transparent);
  animation:wxCrayonRain 1.4s linear infinite}
.hero.wx-snow .wx-scene .wx-fall{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 70 70%22 width=%2270%22 height=%2270%22%3E%3Cpath d=%22M9 12 L19 12 M11.0 8.0 L17.0 16.0 M11.0 16.0 L17.0 8.0%22 fill=%22none%22 stroke=%22%233A78D6%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 opacity=%22.8%22/%3E%3Cpath d=%22M44 28 L52 28 M45.6 24.8 L50.4 31.2 M45.6 31.2 L50.4 24.8%22 fill=%22none%22 stroke=%22%233A78D6%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 opacity=%22.8%22/%3E%3Cpath d=%22M21.5 50 L30.5 50 M23.3 46.4 L28.7 53.6 M23.3 53.6 L28.7 46.4%22 fill=%22none%22 stroke=%22%233A78D6%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 opacity=%22.8%22/%3E%3Cpath d=%22M56.5 60 L63.5 60 M57.9 57.2 L62.1 62.8 M57.9 62.8 L62.1 57.2%22 fill=%22none%22 stroke=%22%233A78D6%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 opacity=%22.8%22/%3E%3C/svg%3E") 0 0/70px 70px;animation:wxCrayonSnow 7s linear infinite}
.hero .wx-scene .wx-stars{inset:0 0 auto 40%;height:220px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 140 110%22 width=%22140%22 height=%22110%22%3E%3Cpath d=%22M24.0 13.0 L26.4 18.7 L32.6 19.2 L27.9 23.3 L29.3 29.3 L24.0 26.1 L18.7 29.3 L20.1 23.3 L15.4 19.2 L21.6 18.7 Z%22 fill=%22none%22 stroke=%22%23E9B949%22 stroke-width=%222.2%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M96.0 34.0 L97.6 37.8 L101.7 38.1 L98.6 40.8 L99.5 44.9 L96.0 42.7 L92.5 44.9 L93.4 40.8 L90.3 38.1 L94.4 37.8 Z%22 fill=%22none%22 stroke=%22%23E9B949%22 stroke-width=%222.2%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M58.0 78.5 L60.0 83.3 L65.1 83.7 L61.2 87.0 L62.4 92.1 L58.0 89.4 L53.6 92.1 L54.8 87.0 L50.9 83.7 L56.0 83.3 Z%22 fill=%22none%22 stroke=%22%23E9B949%22 stroke-width=%222.2%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") 0 0/140px 110px;
  -webkit-mask-image:linear-gradient(180deg,#000 50%,transparent);mask-image:linear-gradient(180deg,#000 50%,transparent)}
.hero.wx-fog .wx-scene .wx-cl{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 60%22 width=%22200%22 height=%2260%22%3E%3Cpath d=%22M0 14 q25 -7 50 0 t50 0 t50 0 t50 0%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 opacity=%22.45%22/%3E%3Cpath d=%22M0 34 q25 -7 50 0 t50 0 t50 0 t50 0%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 opacity=%22.45%22/%3E%3Cpath d=%22M0 52 q25 -7 50 0 t50 0 t50 0 t50 0%22 fill=%22none%22 stroke=%22%238C9AB8%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 opacity=%22.45%22/%3E%3C/svg%3E") 0 0/200px 60px repeat-x;filter:none}
@keyframes wxCrayonRain{from{background-position:0 0}to{background-position:-12px 72px}}
@keyframes wxCrayonSnow{from{background-position:0 0}to{background-position:14px 70px}}

/* place des dessins : une colonne à droite de la page, le soleil dans le coin */
.hero .wx-scene .wx-sun,.hero.wx-night.wx-sunny .wx-scene .wx-sun,.hero.wx-night.wx-partly .wx-scene .wx-sun{width:170px;height:170px;right:-48px;top:-48px;left:auto}
.hero .wx-scene .wx-c1{width:100px;height:66px;right:64px;top:28px;left:auto;bottom:auto}
.hero .wx-scene .wx-c2{width:84px;height:55px;right:8px;top:100px;left:auto;bottom:auto}
.hero .wx-scene .wx-c3{width:76px;height:50px;right:92px;top:150px;left:auto;bottom:auto}
.hero .wx-scene .wx-fall,.hero .wx-scene .wx-stars{inset:0 0 auto auto;width:180px;height:230px}
.hero.wx-fog .wx-scene .wx-cl{width:180px;left:auto;right:0;height:60px}
.hero.wx-fog .wx-scene .wx-c1{top:34px} .hero.wx-fog .wx-scene .wx-c2{top:94px} .hero.wx-fog .wx-scene .wx-c3{top:154px}
.hero .wx-scene .wx-flash{inset:auto;width:56px;height:49px;right:112px;top:96px;background-color:transparent}

/* ce qui apparaît selon le temps (les classes posées par app.js sont inchangées) */
.hero .wx-scene i{opacity:0}
.hero.wx-sunny .wx-scene .wx-sun,.hero.wx-partly .wx-scene .wx-sun{opacity:1}
.hero.wx-partly .wx-scene .wx-c1,.hero.wx-partly .wx-scene .wx-c2{opacity:1}
.hero.wx-cloudy .wx-scene .wx-cl,.hero.wx-rain .wx-scene .wx-cl,.hero.wx-storm .wx-scene .wx-cl,.hero.wx-snow .wx-scene .wx-c1,.hero.wx-snow .wx-scene .wx-c2{opacity:1}
.hero.wx-fog .wx-scene .wx-cl{opacity:.9}
.hero.wx-rain .wx-scene .wx-fall,.hero.wx-storm .wx-scene .wx-fall,.hero.wx-snow .wx-scene .wx-fall{opacity:1}
.hero.wx-storm .wx-scene .wx-flash{opacity:1;animation:wxBolt 5s steps(1) infinite}
@keyframes wxBolt{0%,70%,100%{opacity:1}72%,76%{opacity:0}74%{opacity:1}}
.hero.wx-night.wx-sunny .wx-scene .wx-stars,.hero.wx-night.wx-partly .wx-scene .wx-stars{opacity:1;animation:wxTwinkle 3s ease-in-out infinite alternate}

/* l'encart météo s'écrit directement sur la page */
.wx-box{background:transparent;box-shadow:none;margin-right:140px;position:relative;z-index:2}

@media (max-width:760px){
  .hero .wx-scene .wx-sun,.hero.wx-night.wx-sunny .wx-scene .wx-sun,.hero.wx-night.wx-partly .wx-scene .wx-sun{width:132px;height:132px;right:-40px;top:-30px}
  .hero .wx-scene .wx-c1{width:78px;height:52px;right:58px;top:44px}
  .hero .wx-scene .wx-c2{width:64px;height:42px;right:6px;top:96px}
  .hero .wx-scene .wx-c3{display:none}
  .hero .wx-scene .wx-fall,.hero .wx-scene .wx-stars{width:140px;height:160px;top:38px}
  .hero.wx-fog .wx-scene .wx-cl{width:140px}
  .hero .wx-scene .wx-flash{width:44px;height:38px;right:96px;top:94px}
  .wx-box{margin-right:0}
}
@media (prefers-reduced-motion:reduce){.hero .wx-scene i{animation:none!important}}