/* AstralMangue — Option C : logo manuscrit, 100 % HTML/CSS, sans image. */
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

.header .logo {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  flex: 0 0 auto;
  font-family: 'Pacifico', 'Brush Script MT', 'Segoe Script', cursive;
  font-size: clamp(21px, 2.65vw, 36px);
  font-weight: 400;
  letter-spacing: -0.9px;
  line-height: 1.45;
  white-space: nowrap;
  text-decoration: none;
  text-shadow: 2px 2px 0 #fff, -1px -1px 0 #fff, 3px 4px 0 #f4d8f6;
  isolation: isolate;
}
.header .logo span:first-child { color: #ec4fa4; }
.header .logo span:last-child { color: #858de4; margin-left: .02em; }
/* Fil décoratif inspiré du trait sous l'option C, sans SVG ni image */
.header .logo::after {
  content: '';
  position: absolute;
  bottom: .10em;
  left: 13%;
  right: 10%;
  z-index: -1;
  height: 0.13em;
  border-radius: 100%;
  transform: rotate(-2deg);
  background: linear-gradient(90deg,#f78cc9 4%,#f6c7e7 50%,#a6b8fc 95%);
  opacity: .7;
}
.header .logo:hover { filter: saturate(1.16); }
.header .logo:focus-visible { outline: 3px solid #ee75b7; outline-offset: 5px; border-radius: 8px; }
@media (max-width: 650px) {
  .header .logo { font-size: clamp(20px, 5vw, 27px); }
}

/* Le texte de la bannière utilise également la typographie manuscrite (sans image de logo). */
.hero .hero-copy .am64-hero-logo {position:relative; display:flex;justify-content:center;align-items:baseline; gap:.06em; margin:0 0 .12em;line-height:1.5;font-family:'Pacifico','Brush Script MT','Segoe Script',cursive;font-weight:400;font-size:clamp(32px,4.3vw,74px);letter-spacing:-.045em;white-space:nowrap;color:#f05baa;text-shadow:-2px -2px 0 white,2px -2px 0 white,-2px 2px 0 white,2px 2px 0 white,3px 5px 0 rgba(111,65,151,.20);}
.hero .am64-logo-word {position:relative;display:inline-flex;align-items:baseline;}
.hero .am64-logo-word span:first-child {color:#ec4fa4;}
.hero .am64-logo-word span:last-child {color:#858de4;}
.hero .am64-logo-word::after{content:'';position:absolute;left:8%;right:4%;bottom:.12em;height:.075em;border-radius:50%;transform:rotate(-2deg);background:linear-gradient(90deg,#f78cc9,#b9a9ed);}
.hero .am64-logo-star,.hero .am64-logo-heart{font-size:.45em;color:#7953b2;line-height:1;}
@media(max-width:800px){.hero .hero-copy .am64-hero-logo{font-size:clamp(23px,4.4vw,42px)}.hero .am64-logo-star,.hero .am64-logo-heart{font-size:.35em}}
@media(max-width:480px){.hero .hero-copy .am64-hero-logo{font-size:clamp(17px,5.2vw,27px);gap:0}}