/* Amie V3: page-wide effects made by JS (thread) and the footer with its giant wordmark. */

/* ===== The thread (weave.js) ===== */
.wp-site-blocks { position: relative; overflow-x: clip; }

.amie-weave {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 40;
  pointer-events: none;
  overflow: visible;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.amie-weave.is-started { opacity: 1; }

.amie-weave__line {
  fill: none;
  stroke: var(--wp--preset--color--brass);
  stroke-width: 1.25;
  stroke-linecap: round;
  opacity: 0.85;
}

.amie-weave__bead {
  fill: var(--wp--preset--color--brass-2);
  filter: drop-shadow(0 0 6px var(--wp--preset--color--brass-2));
}

.amie-weave__knot path {
  fill: var(--wp--preset--color--paper);
  stroke: var(--wp--preset--color--brass);
  stroke-width: 1;
  transform-box: fill-box;
  transform-origin: center;
  transform: scale(0.6);
  transition: fill 0.5s ease, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.amie-weave__knot.is-lit path { fill: var(--wp--preset--color--brass-2); transform: scale(1.2); }


/* ===== Footer ===== */
.amie-footer { overflow: hidden; }

.amie-footer__cta {
  gap: 2rem;
  padding-bottom: clamp(3rem, 6vw, 4.5rem);
  margin-bottom: clamp(2.5rem, 5vw, 3.5rem) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 12%, transparent);
}

.amie-footer__tagline { max-width: 22ch; line-height: 1.1; margin: 0; }

.amie-footer__cols { margin-bottom: 1.5rem !important; }

.amie-footer a { text-decoration: none; }

.amie-footer__bottom {
  padding-block: 1.5rem;
  border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--white) 10%, transparent);
}

.amie-footer__bottom > * { margin: 0; }
.amie-footer__top a { color: var(--wp--preset--color--mist); letter-spacing: 0.16em; text-transform: uppercase; }
.amie-footer__top a:hover { color: var(--wp--preset--color--brass-2); }

/* giant outlined wordmark that fills with brass (reveal.js tweens --amie-fill from 0% to 100%) */
.amie-footer .amie-footer__mark {
  font-size: clamp(7rem, 34vw, 32rem);
  line-height: 0.8;
  text-align: center;
  letter-spacing: -0.02em;
  margin: clamp(1.5rem, 4vw, 3rem) 0 -0.06em !important;
  max-width: none !important;
}

.amie-footer .amie-footer__mark a {
  display: inline-block;
  color: transparent;
  -webkit-text-stroke: 1px color-mix(in srgb, var(--wp--preset--color--brass) 70%, transparent);
  background: linear-gradient(90deg, var(--wp--preset--color--brass) var(--amie-fill, 100%), transparent var(--amie-fill, 100%));
  -webkit-background-clip: text;
  background-clip: text;
}

.amie-footer .amie-footer__mark a:hover { transform: none; }

html.amie-js .amie-fill { --amie-fill: 0%; }

/* the email and its note read as one line pair */
.amie-footer .amie-footer__email + .amie-footer__note { margin-top: 0; }
