/* Ariel Ascot — habillage des écrans de maquette (ariel-ascot-*.html).
   La structure de chaque cadre vient de sa propre feuille ; ici, ce qui est propre à la
   marque : le monogramme et son mot en Mending (comme dans pelle-di-luna.css), les titres. */

@font-face {
  font-family: "Mending";
  src: url("../fonts/mending.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html {
  overflow: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  background: #fff;
}
html::-webkit-scrollbar { display: none; }

/* ---------- Logo : double A ligaturé + « Ariel Ascot », bleu nuit ---------- */
.aa-logo {
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start !important;
  gap: 10px;
  width: auto !important;
  height: 40px;
  color: #0a1340;
  text-decoration: none;
  white-space: nowrap;
}
.aa-logo svg.aa-logo__mark { display: block; flex: none; height: 40px !important; width: auto !important; position: static; }
.aa-logo__mot {
  position: relative;
  top: 3.4px;               /* l'encre de Mending monte au-dessus de sa boîte de ligne */
  font-family: "Mending", serif;
  font-size: 25px;
  font-weight: 400;
  font-synthesis: none;
  line-height: 1;
  letter-spacing: .01em;
}

/* Une vidéo du gabarit devient une image fixe, dans la même boîte */
.aa-fixe {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}