/* The wand's signature: a brief gold flourish, then a quiet stage. */
.magic-dust {position:fixed;inset:0;width:100%;height:100%;z-index:20;pointer-events:none;contain:strict}
.magic-dust[hidden] {display:none}
.magic-enabled .brand>span,
.magic-enabled .page-intro h1,
.magic-enabled .scene-copy h1,
.magic-enabled .scene-copy h2 {background-size:200% 100%}
.magic-enabled .gold-awakens {animation:gold-awakens 1.6s cubic-bezier(.2,.7,.3,1) both}
@keyframes gold-awakens {
  from {background-position:100% 50%}
  to {background-position:0% 50%}
}
.magic-enabled .button,.magic-enabled .header-cta {position:relative;overflow:hidden;isolation:isolate}
.magic-enabled .button::after,.magic-enabled .header-cta::after {
  content:"";position:absolute;inset:-80% -35%;pointer-events:none;
  background:linear-gradient(110deg,transparent 42%,rgba(255,235,174,.36) 50%,transparent 58%);
  transform:translateX(-110%);opacity:0;
}
.magic-enabled .button:is(:hover,:focus-visible)::after,
.magic-enabled .header-cta:is(:hover,:focus-visible)::after {animation:gold-sweep .75s ease-out}
.magic-enabled .show-image::before {
  content:"";position:absolute;inset:-20%;z-index:2;pointer-events:none;
  background:linear-gradient(115deg,transparent 38%,rgba(255,236,185,.23) 50%,transparent 62%);
  transform:translateX(-110%);opacity:0;
}
.magic-enabled .show-image:focus-visible::before {animation:gold-sweep .9s ease-out}
@keyframes gold-sweep {
  0% {transform:translateX(-80%);opacity:0}
  20% {opacity:1}
  100% {transform:translateX(80%);opacity:0}
}
@media(hover:hover) and (pointer:fine) {
  .magic-enabled .show-image {transition:box-shadow .4s ease,outline-color .4s ease}
  .magic-enabled .show-image:hover {outline-color:#efc36c;box-shadow:0 18px 45px rgba(0,0,0,.35),0 0 26px rgba(211,152,49,.2)}
  .magic-enabled .show-image:hover::before {animation:gold-sweep .9s ease-out}
  .magic-enabled .brand:hover>span {animation:gold-awakens 1.2s ease-out}
}
@media(prefers-reduced-motion:reduce), (forced-colors:active) {
  .magic-dust {display:none!important}
  .magic-enabled .gold-awakens,
  .magic-enabled .brand>span {animation:none!important}
  .magic-enabled .button::after,.magic-enabled .header-cta::after,.magic-enabled .show-image::before {display:none}
}