/* Premium kit — preloader + Lenis. Destilado de aikawakenichi.com (Awwwards).
   Tudo degrada com graça: some em prefers-reduced-motion. (Cursor do _template tirado: não combina com clínica.) */

/* ---------- Preloader: anel que se desenha + % ---------- */
.preloader {
  position: fixed; inset: 0; z-index: 10000;
  display: grid; place-items: center;
  background: var(--bg, #fff);
  transition: opacity .6s ease, visibility .6s ease;
}
.preloader.is-done { opacity: 0; visibility: hidden; }
.preloader__ring { width: 220px; height: 220px; transform: rotate(-90deg); }
.preloader__ring circle {
  fill: none; stroke: var(--primary, #111); stroke-width: 1.5;
  stroke-dasharray: 1; stroke-dashoffset: 1;   /* 0..1 normalizado via pathLength */
}
.preloader__label {
  position: absolute; text-align: center; max-width: 180px;
  font-family: var(--font-display, Georgia, serif); color: var(--fg, #111);
}
.preloader__name { font-size: 1.1rem; font-weight: 600; line-height: 1.2; }
.preloader__pct  { font-size: .8rem; opacity: .6; margin-top: .3rem; font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) { .preloader { display: none; } }

/* ---------- Lenis (CSS recomendado pela lib) ---------- */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: hidden; }