:root{
  --noir:#070B0A;
  --surface:#0C1312;
  --surface-2:#101918;
  --teal:#5F8F86;
  --teal-clair:#A9CFC7;
  --texte:#E4ECEA;
  --texte-sourd:#8FA5A0;
  --encre:#7E2320;
  --encre-vive:#A33430;
  --hairline:rgba(169,207,199,.14);
  --display:'Unbounded',system-ui,sans-serif;
  --body:'Manrope',system-ui,sans-serif;
  --mono:'IBM Plex Mono','Courier New',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--noir);color:var(--texte);
  font-family:var(--body);font-weight:300;line-height:1.7;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
::selection{background:var(--teal);color:var(--noir)}
img{max-width:100%;display:block}

/* images protégées (logos, couvertures) */
.protege{
  -webkit-user-drag:none;user-select:none;-webkit-user-select:none;
  pointer-events:none;
}

/* grain */
body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ————— nav ————— */
nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.4rem clamp(1.2rem,5vw,4rem);
  background:linear-gradient(to bottom,rgba(7,11,10,.94),rgba(7,11,10,0));
}
.nav-logo{
  font-family:var(--display);font-weight:600;font-size:1.02rem;
  letter-spacing:.08em;text-decoration:none;color:var(--texte);text-indent:.08em;
}
.nav-links{display:flex;gap:2.2rem;list-style:none}
.nav-links a{
  font-family:var(--mono);font-size:.72rem;font-weight:300;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--texte-sourd);text-decoration:none;transition:color .3s;
}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--teal-clair)}
.nav-links a.actif{color:var(--teal-clair)}
.nav-links a.actif::after{content:'';display:block;height:1px;background:var(--teal);margin-top:.3rem}
.nav-toggle{display:none;background:none;border:none;color:var(--texte);font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;cursor:pointer;text-transform:uppercase}

/* ————— boutons ————— */
.btn{
  font-family:var(--body);font-weight:500;font-size:.9rem;letter-spacing:.01em;
  text-decoration:none;padding:.9rem 2rem;display:inline-block;border-radius:999px;
  transition:background .3s,color .3s,border-color .3s,transform .3s;
}
.btn:hover,.btn:focus-visible{transform:translateY(-1px)}
.btn-primaire{background:var(--encre);color:var(--texte);border:1px solid var(--encre)}
.btn-primaire:hover,.btn-primaire:focus-visible{background:var(--encre-vive);border-color:var(--encre-vive)}
.btn-secondaire{background:transparent;color:var(--teal-clair);border:1px solid var(--teal)}
.btn-secondaire:hover,.btn-secondaire:focus-visible{color:var(--texte);border-color:var(--teal-clair)}

/* ————— sections ————— */
section{padding:clamp(4rem,9vw,7rem) clamp(1.2rem,6vw,4rem);position:relative}
.section-inner{max-width:68rem;margin:0 auto}
.label{
  font-family:var(--mono);font-size:.7rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--teal);
  display:block;text-align:center;margin-bottom:2.2rem;
}
h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.01em}
h2{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.2;margin-bottom:1.4rem}
.lede{max-width:38rem;color:var(--texte-sourd);font-size:1.05rem}
.lede em{color:var(--teal-clair);font-style:italic}

/* ————— hero accueil ————— */
.hero{
  min-height:100svh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
  padding:6rem 1.5rem 4rem;position:relative;
}
.hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 42% at 50% 44%,rgba(95,143,134,.13),transparent 70%);
}
.hero-eyebrow{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--teal);margin-bottom:2.2rem;
}
.hero-title{
  font-family:var(--display);font-weight:600;
  font-size:clamp(2.2rem,9.5vw,6.5rem);
  letter-spacing:-.015em;
  line-height:1;position:relative;
}
.crack{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:112%;height:150%;pointer-events:none;overflow:visible}
.crack path{
  fill:none;stroke:var(--teal-clair);stroke-width:1.1;opacity:.55;
  stroke-dasharray:1200;stroke-dashoffset:1200;
  animation:fissure 2.8s cubic-bezier(.6,.05,.3,1) 1s forwards;
  filter:drop-shadow(0 0 6px rgba(169,207,199,.5));
}
@keyframes fissure{to{stroke-dashoffset:0}}
.hero-manifeste{
  font-family:var(--body);font-style:italic;font-weight:300;
  font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--teal-clair);
  margin-top:2.6rem;letter-spacing:.01em;
}
.hero-sub{max-width:34rem;margin-top:1.1rem;color:var(--texte-sourd);font-size:1.02rem}
.hero-actions{margin-top:3rem;display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}
.hero-scroll{
  position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);
  font-family:var(--mono);font-size:.65rem;letter-spacing:.25em;
  color:var(--texte-sourd);text-transform:uppercase;
  animation:pulse 3s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:.35}50%{opacity:.9}}

/* ————— actualités ————— */
.actus{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.6rem;margin-top:1rem}
.actu{
  display:grid;grid-template-columns:96px 1fr;gap:1.4rem;align-items:center;
  background:var(--surface);border:1px solid var(--hairline);
  padding:1.6rem;text-decoration:none;color:inherit;
  transition:background .35s,border-color .35s;position:relative;overflow:hidden;
}
.actu:hover,.actu:focus-visible{background:var(--surface-2);border-color:rgba(169,207,199,.3)}
.actu-vignette{width:96px;aspect-ratio:2/3;object-fit:cover;border:1px solid var(--hairline)}
.actu-vignette-cadre{
  width:96px;aspect-ratio:2/3;border:1px solid var(--hairline);
  display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at 40% 70%,rgba(95,143,134,.16),transparent 65%),var(--noir);
  font-family:var(--mono);font-size:.6rem;letter-spacing:.15em;color:var(--teal);text-align:center;
}
.actu .tag{
  font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);
}
.actu .tag.dispo{color:#9FCB8F}
.actu h3{font-family:var(--display);font-weight:400;font-size:1.15rem;line-height:1.3;margin:.5rem 0 .5rem;letter-spacing:-.01em}
.actu p{font-size:.9rem;color:var(--texte-sourd);line-height:1.55}

/* ————— note univers (discrète) ————— */
.note-univers{
  border-left:2px solid var(--teal);background:var(--surface);
  padding:1.6rem 1.8rem;max-width:44rem;
}
.note-univers p{color:var(--texte-sourd);font-size:.98rem}
.note-univers strong{color:var(--texte);font-weight:500}
.note-univers em{color:var(--teal-clair)}

/* ————— page hero (1888 / fables / vlog) ————— */
.page-hero{
  min-height:72svh;display:flex;flex-direction:column;
  align-items:center;justify-content:flex-end;text-align:center;
  position:relative;padding:8rem 1.5rem 3.5rem;
  background-size:cover;background-position:center;
}
.page-hero::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(7,11,10,.55) 0%,rgba(7,11,10,.25) 45%,var(--noir) 100%);
}
.page-hero > *{position:relative}
.page-hero .logo-img{width:min(420px,72vw);margin-bottom:1.2rem;filter:drop-shadow(0 4px 24px rgba(0,0,0,.8))}
.page-hero .titre-img{width:min(560px,86vw);filter:drop-shadow(0 4px 24px rgba(0,0,0,.8))}
.page-hero .eyebrow{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--teal-clair);margin-bottom:1.6rem;
  text-shadow:0 2px 12px rgba(0,0,0,.9);
}
.page-hero .sous-titre{
  margin-top:1.4rem;color:var(--texte);font-size:1.02rem;max-width:34rem;
  text-shadow:0 2px 10px rgba(0,0,0,.9);
}

/* ————— page 1888 : livre ————— */
.livre-grille{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.livre-couv{
  border:1px solid var(--hairline);
  box-shadow:24px 30px 60px rgba(0,0,0,.55);
}
.tome-label{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.25em;
  text-transform:uppercase;color:var(--teal);margin-bottom:1rem;
}
.titre-tome{width:min(420px,100%);margin-bottom:1.6rem}
.synopsis p{color:var(--texte-sourd);font-size:1rem;margin-bottom:1.1rem}
.synopsis p:first-of-type::first-letter{
  font-family:var(--display);font-weight:600;font-size:2.6em;float:left;
  line-height:.86;padding-right:.14em;color:var(--teal-clair);
}
.fiche{
  display:flex;gap:2rem;flex-wrap:wrap;
  border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);
  padding:1.1rem 0;margin:1.8rem 0;
}
.fiche span{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--texte-sourd)}
.livre-actions{display:flex;gap:1.2rem;flex-wrap:wrap}

/* booktrailer */
.trailer-cadre{
  aspect-ratio:16/9;border:1px solid var(--hairline);
  background:radial-gradient(ellipse at 30% 70%,rgba(95,143,134,.15),transparent 60%),var(--noir);
  display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;position:relative;
}
.trailer-cadre::before{
  content:'BOOKTRAILER';position:absolute;top:1rem;left:1rem;
  font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;color:var(--texte-sourd);
}
.trailer-play{
  width:64px;height:64px;border-radius:50%;border:1px solid var(--teal);
  display:flex;align-items:center;justify-content:center;color:var(--teal-clair);font-size:1.1rem;
}
.trailer-cadre .mention{font-family:var(--mono);font-size:.68rem;letter-spacing:.2em;color:var(--teal);text-transform:uppercase}

/* galerie univers */
.galerie{display:grid;grid-template-columns:1fr;gap:1.2rem}
.galerie figure{border:1px solid var(--hairline);overflow:hidden;margin:0}
.galerie img{width:100%;height:auto}
.galerie figcaption{
  font-family:var(--mono);font-size:.65rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--texte-sourd);padding:.8rem 1rem;
  border-top:1px solid var(--hairline);
}

/* ————— page fables : bibliothèque ————— */
.fable{
  display:grid;grid-template-columns:minmax(180px,240px) 1fr;
  gap:clamp(1.6rem,4vw,3.5rem);align-items:start;
  padding:clamp(2.2rem,5vw,3.5rem) 0;
  border-bottom:1px solid var(--hairline);
  scroll-margin-top:5.5rem;
}
.fable:first-of-type{border-top:1px solid var(--hairline)}
.fable-num{
  font-family:var(--mono);font-size:.7rem;letter-spacing:.25em;
  color:var(--texte-sourd);text-transform:uppercase;margin-bottom:.8rem;
}
.fable h3{font-family:var(--display);font-weight:400;font-size:clamp(1.35rem,2.8vw,1.9rem);line-height:1.2;margin-bottom:.6rem;letter-spacing:-.01em}
.fable .statut{
  display:inline-block;font-family:var(--mono);font-size:.62rem;
  letter-spacing:.18em;text-transform:uppercase;
  border:1px solid var(--hairline);padding:.35rem .7rem;
  color:var(--texte-sourd);margin-bottom:1.2rem;
}
.fable .statut.dispo{color:#9FCB8F;border-color:rgba(159,203,143,.35)}
.fable .synopsis-fable p{color:var(--texte-sourd);font-size:.96rem;margin-bottom:1rem}
.fable-couv{border:1px solid var(--hairline);box-shadow:18px 22px 48px rgba(0,0,0,.5)}
.fable-couv-attente{
  aspect-ratio:2/3;border:1px solid var(--hairline);
  background:
    radial-gradient(ellipse at 50% 80%,rgba(95,143,134,.1),transparent 60%),
    var(--surface);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;
  color:rgba(143,165,160,.6);text-transform:uppercase;text-align:center;padding:1rem;
}
.fable .mystere{font-family:var(--body);font-style:italic;color:var(--texte-sourd);font-size:1.05rem}

/* ————— vlog placeholder ————— */
.vlog-attente{
  min-height:60svh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;gap:1.4rem;padding:8rem 1.5rem 4rem;
}
.vlog-attente .mono{font-family:var(--mono);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--teal)}
.vlog-attente h1{font-size:clamp(2rem,5vw,3.2rem)}
.vlog-attente p{max-width:34rem;color:var(--texte-sourd)}

/* ————— footer ————— */
.pied-reseaux{text-align:center;border-top:1px solid var(--hairline)}
.reseaux{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}
.reseaux a{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--texte-sourd);text-decoration:none;transition:color .3s;
}
.reseaux a:hover,.reseaux a:focus-visible{color:var(--teal-clair)}
footer{
  padding:2rem;text-align:center;
  font-family:var(--mono);font-size:.62rem;letter-spacing:.15em;
  color:rgba(143,165,160,.55);text-transform:uppercase;
  border-top:1px solid var(--hairline);
}

/* ————— reveal ————— */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}
.reveal.visible{opacity:1;transform:none}

/* ————— responsive ————— */
@media(max-width:860px){
  .nav-links{
    display:none;position:absolute;top:100%;right:1.2rem;
    flex-direction:column;gap:1.1rem;padding:1.4rem 1.8rem;
    background:var(--surface);border:1px solid var(--hairline);
  }
  .nav-links.open{display:flex}
  .nav-toggle{display:block}
  .livre-grille{grid-template-columns:1fr}
  .livre-couv{max-width:280px;margin:0 auto}
  .fable{grid-template-columns:1fr}
  .fable-couv,.fable-couv-attente{max-width:240px}
  .actu{grid-template-columns:72px 1fr}
  .actu-vignette,.actu-vignette-cadre{width:72px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  .crack path{stroke-dashoffset:0}
}

/* ————— bandeau 1888 (image seule, texte en dessous) ————— */
.bandeau{position:relative;padding-top:0}
.bandeau img{width:100%;height:auto;display:block}
.bandeau::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:34%;
  background:linear-gradient(to bottom,transparent,var(--noir));
}
.entete-page{
  text-align:center;padding:2.6rem 1.5rem 0;
}
.entete-page .eyebrow{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--teal);display:block;margin-bottom:1.6rem;
}
.entete-page .logo-img{width:min(400px,70vw);margin:0 auto;display:block}

/* ————— titres de fables (images) ————— */
.fable-titre{
  max-height:96px;width:auto;max-width:100%;
  margin-bottom:1rem;
}
.halo{filter:drop-shadow(0 0 16px rgba(228,238,236,.32)) drop-shadow(0 0 2px rgba(228,238,236,.22))}

/* ————— revendeurs ————— */
.revendeurs{
  display:flex;gap:clamp(1.6rem,4vw,3rem);align-items:center;justify-content:center;
  flex-wrap:wrap;margin-top:2.5rem;
}
.revendeurs a{display:block;transition:transform .3s,opacity .3s;opacity:.92}
.revendeurs a:hover,.revendeurs a:focus-visible{transform:translateY(-3px);opacity:1}
.revendeurs img{height:46px;width:auto}

@media(max-width:860px){
  .fable-titre{max-height:72px}
  .revendeurs img{height:38px}
}


/* ————— en-têtes de section axiaux ————— */
.entete-section{text-align:center}
.entete-section .lede{margin-left:auto;margin-right:auto}

/* ————— titres de tomes en texte ————— */
.titre-tome-txt{
  font-family:var(--display);font-weight:600;
  font-size:clamp(1.5rem,3.4vw,2.3rem);line-height:1.2;
  letter-spacing:-.01em;margin-bottom:1.6rem;
}
.titre-vert{color:#5FE04A;text-shadow:0 0 16px rgba(95,224,74,.45),0 0 42px rgba(95,224,74,.22)}
.titre-bleu{color:#5B9BD9;text-shadow:0 0 16px rgba(91,155,217,.45),0 0 42px rgba(91,155,217,.22)}

/* ————— bannières 16:9 des fables ————— */
.fable-banniere{
  width:100%;aspect-ratio:16/9;object-fit:cover;
  border:1px solid var(--hairline);
  box-shadow:18px 22px 48px rgba(0,0,0,.5);
}

/* ————— vignette youtube (accueil) ————— */
.actu-vignette-cadre img{width:58%;height:auto}

/* ————— section démarche (accueil) ————— */
.demarche{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--hairline);border:1px solid var(--hairline)}
.demarche div{background:var(--noir);padding:2.2rem 1.8rem}
.demarche .mono{font-family:var(--mono);font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:var(--teal);display:block;margin-bottom:.9rem}
.demarche p{font-size:.95rem;color:var(--texte-sourd);line-height:1.65}

/* ————— section auteur (accueil) ————— */
.auteur-grille{display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.auteur-cadre{
  aspect-ratio:1/1;border:1px solid var(--hairline);
  background:radial-gradient(ellipse at 50% 40%,rgba(95,143,134,.14),transparent 65%),var(--surface);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;
  color:rgba(143,165,160,.6);text-transform:uppercase;text-align:center;padding:1rem;
}
.auteur-texte p{color:var(--texte-sourd);font-size:1rem;margin-bottom:1rem}
.auteur-texte .signature{font-family:var(--body);font-style:italic;color:var(--teal-clair);font-size:1.15rem}
@media(max-width:860px){
  .auteur-grille{grid-template-columns:1fr}
  .auteur-cadre{max-width:240px}
}

/* ————— page vlog ————— */
.vlog-hero{
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
  padding:5rem 1.5rem 4rem;position:relative;
}
.vlog-hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 55% 40% at 50% 42%,rgba(95,143,134,.12),transparent 70%);
}
.vlog-hero .manifeste{
  font-family:var(--body);font-style:italic;font-weight:300;
  font-size:clamp(.95rem,4.3vw,2.2rem);color:var(--teal-clair);
  white-space:nowrap;line-height:1.3;
}
.vlog-hero .suite{margin-top:1.6rem;color:var(--texte-sourd);max-width:36rem;font-size:1.05rem}

.concept p{color:var(--texte-sourd);font-size:1.02rem;max-width:44rem;margin:0 auto 1.15rem}
.concept p strong{color:var(--texte);font-weight:500}
.concept p em{color:var(--teal-clair)}

.regles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--hairline);border:1px solid var(--hairline)}
.regles div{background:var(--noir);padding:2rem 1.7rem}
.regles .mono{font-family:var(--mono);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--teal);display:block;margin-bottom:.8rem}
.regles p{font-size:.94rem;color:var(--texte-sourd);line-height:1.6}

/* bloc youtube */
.bloc-yt{
  border:1px solid var(--hairline);background:var(--surface-2);
  padding:clamp(2.2rem,5vw,3.5rem);text-align:center;
}
.bloc-yt img{width:84px;margin:0 auto 1.2rem}
.bloc-yt .handle{font-family:var(--mono);font-size:.85rem;letter-spacing:.15em;color:var(--texte);display:block;margin-bottom:.5rem}
.bloc-yt .note{font-family:var(--mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--texte-sourd);display:block;margin-bottom:1.8rem}

/* plaque d'expédition */
.plaque{
  border:1px solid var(--hairline);background:var(--surface);
  max-width:34rem;margin:0 auto;padding:2rem 2.2rem;
  font-family:var(--mono);
}
.plaque .entete-plaque{
  display:flex;justify-content:space-between;align-items:baseline;
  border-bottom:1px solid var(--hairline);padding-bottom:1rem;margin-bottom:1.2rem;
}
.plaque .ch{font-size:.72rem;letter-spacing:.3em;color:var(--encre-vive)}
.plaque .rec{font-size:.62rem;letter-spacing:.2em;color:var(--texte-sourd)}
.plaque dl{display:grid;grid-template-columns:auto 1fr;gap:.7rem 1.6rem;margin:0}
.plaque dt{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--texte-sourd)}
.plaque dd{font-size:.78rem;letter-spacing:.08em;color:var(--texte);margin:0}
.plaque dd.oeuvre{font-family:var(--display);font-size:1.15rem;letter-spacing:.03em;color:var(--teal-clair)}

/* globe */
.globe-conteneur{position:relative;display:flex;justify-content:center}
#globe{position:relative;width:min(90vw,620px);aspect-ratio:1/1;cursor:grab;touch-action:none}
#globe canvas{display:block;margin:0 auto}
.globe-bulle{
  position:absolute;z-index:5;pointer-events:none;
  background:rgba(12,19,18,.95);border:1px solid var(--hairline);
  padding:.9rem 1.1rem;max-width:240px;
  opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s;
}
.globe-bulle.visible{opacity:1;transform:none}
.globe-bulle strong{font-family:var(--display);font-weight:400;font-size:1rem;display:block;color:var(--texte);letter-spacing:-.01em}
.globe-bulle span{font-family:var(--body);font-size:.82rem;color:var(--texte-sourd);display:block;margin:.35rem 0 .5rem;line-height:1.5}
.globe-bulle em{font-family:var(--mono);font-style:normal;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--teal)}
.globe-legende{
  text-align:center;font-family:var(--mono);font-size:.64rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--texte-sourd);margin-top:1.6rem;
}