@font-face{font-family:'Ballet Sig';src:url('fonts/Ballet.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;}
.signature-plate{display:block;text-align:center;margin:6px auto 30px;padding:10px 0 26px;background:none;border:0;box-shadow:none;}
.signature{
  display:inline-block;position:relative;white-space:nowrap;
  font-family:'Ballet Sig','Snell Roundhand','Apple Chancery','Brush Script MT',cursive;font-variation-settings:'opsz' 72;
  font-size:64px;font-weight:400;letter-spacing:.3px;line-height:1.35;margin:0;padding:6px 6px 16px 60px;
  color:#e3c37a;
  background:linear-gradient(180deg,#f6e7bd 0%,#e3c37a 50%,#c9a35f 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.5px #e8cd8c;
  filter:drop-shadow(0 0 2px rgba(8,6,3,.95)) drop-shadow(0 0 4px rgba(8,6,3,.9)) drop-shadow(0 0 9px rgba(8,6,3,.75)) drop-shadow(0 0 18px rgba(8,6,3,.45));
}
.signature .big-l{font-size:1.5em;line-height:.6;margin-right:.02em;vertical-align:-.06em;}
.signature-plate.on-dark .signature{
  background-image:linear-gradient(180deg,#f0dba4 0%,#d9b86f 55%,#c19a4d 100%);
  -webkit-text-stroke:.4px #e2c47e;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));
}
.signature-plate.on-dark{text-align:left;}
@media (max-width:520px){.signature{font-size:49px;padding-left:42px;}}
@media (max-width:360px){.signature{font-size:46px;padding-left:38px;}}
@media (max-width:340px){.signature{font-size:38px;padding-left:30px;}}