/* One glyph drawing at rest and on hover. Native text is the loading/failure fallback. */
@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 .signature-footer { container-type:inline-size; }
.atelier .footer-wordmark {
  position:relative; display:flex; flex-direction:row; justify-content:space-between;
  gap:24px; padding-inline:12px; min-width:0;
  font-family:'Atelier Signature','Atyp Display TRIAL',sans-serif;
  font-size:min(190px,calc((100cqw - 48px) / 6.844));
  line-height:1.08; letter-spacing:0; font-kerning:none; font-variant-ligatures:none;
}
.atelier .footer-wordmark>[data-signature-word] { flex:none; width:max-content; white-space:nowrap; }
.atelier .footer-wordmark:focus-visible { outline:1px solid var(--accent); outline-offset:4px; }
@media(max-width:640px) {
  .atelier .footer-wordmark { flex-direction:column; gap:12px; font-size:min(130px,calc((100cqw - 24px) / 4.014)); }
}
.atelier .footer-wordmark.is-signature-ready { touch-action:pan-y pinch-zoom; -webkit-user-drag:none; }
.atelier .signature-drawing { position:absolute; inset:0; width:100%; height:100%; opacity:0; pointer-events:none; overflow:hidden; }
.atelier .signature-drawing :is(path,line,circle) { vector-effect:non-scaling-stroke; stroke-width:1px; }
.atelier .signature-solid { fill:var(--ink); opacity:1; }
.atelier .signature-outline { fill:none; stroke:var(--ink); opacity:0; }
.atelier .is-signature-active .signature-solid { opacity:.11; }
.atelier .is-signature-active .signature-outline { opacity:.6; }
.atelier .signature-construction { opacity:0; transition:opacity 140ms ease; }
.atelier .signature-letter.is-current .signature-construction { opacity:1; }
.atelier .signature-letter.is-current .signature-outline { stroke:var(--accent); opacity:1; }
.atelier .signature-letter.is-current .signature-solid { opacity:.045; }
.atelier .signature-handle { stroke:var(--accent); opacity:.4; }
.atelier .signature-control { fill:var(--paper); stroke:var(--accent); opacity:.75; }
.atelier .signature-anchor { fill:var(--paper); stroke:var(--ink); }
.atelier .signature-drawing .is-selected { fill:var(--signal,var(--ink)); stroke:var(--signal,var(--ink)); opacity:1; }
@media(prefers-reduced-motion:no-preference) {
  .atelier .signature-solid,.atelier .signature-outline { transition:opacity 150ms ease; }
  .atelier .footer-wordmark.is-signature-ready .signature-drawing { opacity:1; }
  .atelier .footer-wordmark.is-signature-ready>[data-signature-word] { opacity:0; }
  .atelier .footer-wordmark.has-signature-point { cursor:grab; }
  .atelier .footer-wordmark.is-signature-dragging { cursor:grabbing; user-select:none; -webkit-user-select:none; }
}
@media(prefers-reduced-motion:reduce) {
  .atelier .signature-drawing { display:none; }
  .atelier .footer-wordmark>[data-signature-word] { opacity:1; }
}