@font-face {
  font-family: 'Allura';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/office-assets/assets/fonts/allura-latin-ext-400-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Allura';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/office-assets/assets/fonts/allura-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

.personal-signature {
  display: inline-block;
  max-width: 100%;
  font-family: "Allura", "Snell Roundhand", "Segoe Script", cursive;
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  vertical-align: baseline;
}
.brand-person {padding-left:22px;border-left:2px solid var(--gold);}
.brand-person .personal-signature {display:block;width:min(100%,520px);color:#fff;}
.signature-drawing {display:block;width:100%;height:auto;overflow:visible;}
.signature-letter {
  font-family:"Allura", "Snell Roundhand", "Segoe Script", cursive;
  font-size:86px;font-weight:400;letter-spacing:0;
  fill:currentColor;stroke:transparent;stroke-width:1.25px;
  stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:720;stroke-dashoffset:0;
}
.signature-active .signature-letter {
  animation:signature-trace .52s cubic-bezier(.35,0,.2,1) var(--trace-delay) both,
            signature-ink .12s ease-out var(--ink-delay) both;
}
@keyframes signature-trace {
  0% {opacity:0;stroke-dashoffset:720;}
  12% {opacity:1;}
  100% {opacity:1;stroke-dashoffset:0;}
}
@keyframes signature-ink {
  from {fill:transparent;stroke:currentColor;}
  to {fill:currentColor;stroke:transparent;}
}
@media(max-width:640px) {
  .brand-person {padding-left:16px;}
}
@media(prefers-reduced-motion:reduce) {
  .signature-active .signature-letter {animation:none;fill:currentColor;stroke:transparent;opacity:1;}
}