/* The same typeface, explicitly sourced so the construction matches every glyph. */
@font-face {
  font-family:'Atelier Signature';
  src:url('assets/fonts/AtypDisplayTRIAL-Semibold.otf') format('opentype');
  font-weight:600; font-style:normal; font-display:swap;
}
.atelier .footer-wordmark { position:relative; font-family:'Atelier Signature','Atyp Display TRIAL',sans-serif; font-kerning:none; font-variant-ligatures:none; }
.atelier .signature-drawing { position:absolute; inset:0; width:100%; height:100%; display:none; pointer-events:none; overflow:visible; }
.atelier .signature-drawing :is(path,line,circle) { vector-effect:non-scaling-stroke; stroke-width:1px; }
.atelier .signature-solid { fill:var(--ink); }
.atelier .signature-outline { fill:none; stroke:var(--accent); stroke-dasharray:1; stroke-dashoffset:1; opacity:0; }
.atelier .signature-construction { opacity:0; }
.atelier .signature-handle { stroke:var(--accent); opacity:.42; }
.atelier .signature-control { fill:var(--paper); stroke:var(--accent); opacity:.65; }
.atelier .signature-anchor { fill:var(--signal,var(--ink)); stroke:none; opacity:0; transform-origin:0 0; }
@media(prefers-reduced-motion:no-preference) {
  .atelier .footer-wordmark.is-signature-ready.is-signature-playing .signature-drawing { display:block; }
  .atelier .footer-wordmark.is-signature-ready.is-signature-playing>[data-signature-word] { opacity:0; }
  .atelier .is-signature-playing .signature-solid { animation:signature-fill-cycle var(--signature-duration) ease-in-out var(--signature-delay) both; }
  .atelier .is-signature-playing .signature-outline { animation:signature-outline-cycle var(--signature-duration) cubic-bezier(.22,.7,.2,1) var(--signature-delay) both; }
  .atelier .is-signature-playing .signature-construction { animation:signature-construction-cycle var(--signature-duration) ease-in-out var(--signature-delay) both; }
  .atelier .is-signature-playing .signature-anchor { animation:signature-node-cycle var(--signature-duration) cubic-bezier(.2,.7,.2,1) calc(var(--signature-delay) + var(--signature-point-delay)) both; }
}
@keyframes signature-fill-cycle {
  0%,3% { opacity:1; }
  13%,61% { opacity:0; }
  83%,100% { opacity:1; }
}
@keyframes signature-outline-cycle {
  0% { opacity:0; stroke-dashoffset:1; }
  8% { opacity:1; }
  29%,63% { opacity:1; stroke-dashoffset:0; }
  87%,100% { opacity:0; stroke-dashoffset:0; }
}
@keyframes signature-construction-cycle {
  0%,13% { opacity:0; }
  29%,56% { opacity:1; }
  76%,100% { opacity:0; }
}
@keyframes signature-node-cycle {
  0%,5% { opacity:0; transform:scale(.5); }
  12% { opacity:1; transform:scale(1.65); }
  21%,58% { opacity:1; transform:scale(1); }
  79%,100% { opacity:0; transform:scale(.65); }
}
