/* haloe "lightness" motion (27 Oct 2026): a light
   sweep across gold buttons and gold lines that sweep in
   under section labels. Transform/opacity only, no libraries. Everything is
   off under prefers-reduced-motion and when the visitor has Data Saver on.
   Shared by index and the four landing pages. Not on /book, /intake or /app. */
:root { --feather: #C8A96E; --sweep: rgba(255,250,236,0.55); --glint: #E3C98A; }
@media (prefers-color-scheme: dark) { :root { --feather: #D7BC82; --sweep: rgba(255,246,222,0.4); --glint: #FFF6DC; } }

/* The hero word no longer has a light sweep (27 Oct 2026): background-clip:text
   clipped the tops of the l and h and the dot of the i in Tan Ashford. */

/* Gold buttons: a soft sheen passes over now and then, and on hover. */
.btn-gold {
  background-image:linear-gradient(110deg, transparent 38%, var(--sweep) 50%, transparent 62%);
  background-size:260% 100%; background-repeat:no-repeat; background-position:130% 0;
}
.hero-actions .btn-gold { animation:btnSheen 7s ease-in-out 3s infinite; }
@keyframes btnSheen { 0%,78% { background-position:130% 0; } 100% { background-position:-30% 0; } }
@media (hover:hover) and (pointer:fine) {
  .btn-gold:hover { background-position:-30% 0; transition:background-position 0.8s ease; }
}

/* Section labels: a thin gold line sweeps out under the label as it appears. */
.section-eyebrow { position:relative; }
.reveal .section-eyebrow::after, .section-head .section-eyebrow::after {
  content:''; display:block; height:2px; width:44px; margin-top:8px; background:var(--feather);
  transform:scaleX(0); transform-origin:left center; transition:transform 0.9s cubic-bezier(.22,.61,.36,1) 0.15s;
}
.reveal.in-view .section-eyebrow::after, .section-head.in-view .section-eyebrow::after { transform:scaleX(1); }
.faq-section .section-eyebrow::after { background:var(--ink); opacity:.6; }
.clinic-copy .section-eyebrow::after { display:none; }

@media (prefers-reduced-motion: reduce) {
  .btn-gold, .hero-actions .btn-gold { animation:none; background-image:none; }
  .reveal .section-eyebrow::after, .section-head .section-eyebrow::after { transform:scaleX(1); transition:none; }
}