@font-face{font-family:AnimatrixCertificate;src:url('./assets/DejaVuSerif-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:AnimatrixBody;src:url('./assets/DejaVuSerif-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:AnimatrixScript;src:url('./assets/Z003-MediumItalic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}
.adoption-certificate-preview{
  position:relative!important;
  display:block!important;
  width:min(390px,76vw)!important;
  aspect-ratio:1122/1402!important;
  max-height:none!important;
  margin:18px auto!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:8px!important;
  background:#f8f0dc url('./assets/certificate-adoption-background.webp') center/100% 100% no-repeat!important;
  color:#173f31!important;
  box-shadow:0 24px 55px rgba(16,47,32,.34)!important;
  text-align:center!important;
}
.certificate-association{
  position:absolute;top:9.45%;left:26.2%;right:25.3%;
  display:grid;grid-template-columns:1fr 1fr;gap:4.6%;
  align-items:center;color:#173f31;
  font:700 clamp(8px,2.25vw,11px)/1 AnimatrixCertificate,Georgia,serif;
  letter-spacing:.15em;white-space:nowrap
}
.certificate-association span:first-child{text-align:right}.certificate-association span:last-child{text-align:left}
.certificate-top-rule{position:absolute;top:13.75%;left:30.75%;right:30.75%;height:1px;background:#b6923c}
.certificate-top-rule i{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#b6923c;transform:translate(-50%,-50%)}
.certificate-main-title{
  position:absolute!important;top:17.1%;left:5%;right:5%;margin:0!important;
  color:#173f31!important;font:400 clamp(39px,10.6vw,50px)/1 AnimatrixScript,cursive!important
}
.certificate-subtitle{
  position:absolute;top:28.8%;left:7%;right:7%;color:#9b7425;
  font:700 clamp(7px,1.85vw,9px)/1 Arial,sans-serif;letter-spacing:.28em;white-space:nowrap
}
.certificate-awarded{
  position:absolute;top:36.05%;left:8%;right:8%;color:#173f31;
  font:italic clamp(9px,2.3vw,12px)/1.2 AnimatrixBody,Georgia,serif
}
.certificate-donor{
  position:absolute;top:40.05%;left:11%;right:11%;display:block;
  color:#173f31;font:700 clamp(12px,3.55vw,19px)/1.1 AnimatrixCertificate,Georgia,serif;
  text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:clip
}
.certificate-donor.name-lg{font-size:clamp(10px,3vw,16px)}.certificate-donor.name-xl{font-size:clamp(8px,2.55vw,13px)}
.certificate-donor-rule{position:absolute;top:46.35%;left:21.8%;right:21.8%;height:1px;background:#b6923c}
.certificate-message{
  position:absolute;top:49.65%;left:12%;right:12%;margin:0!important;color:#173f31;
  font:clamp(8px,2vw,10px)/1.65 AnimatrixBody,Georgia,serif!important
}
.certificate-ornament{position:absolute;top:57.42%;left:26.7%;right:26.7%;height:2.14%}
.certificate-ornament svg{display:block;width:100%;height:100%;overflow:visible}
.certificate-animal-label{
  position:absolute;top:61.05%;left:10%;right:10%;color:#9b7425;
  font:700 clamp(6px,1.55vw,8px)/1 Arial,sans-serif;letter-spacing:.25em;white-space:nowrap
}
.certificate-animal{
  position:absolute;top:63.8%;left:10%;right:10%;display:block;color:#173f31;
  font:400 clamp(30px,7.8vw,38px)/1 AnimatrixScript,cursive;white-space:nowrap;overflow:hidden
}
.certificate-animal.name-lg{font-size:clamp(25px,6.6vw,33px)}.certificate-animal.name-xl{font-size:clamp(21px,5.7vw,29px)}
@media(max-width:560px){.adoption-certificate-preview{width:min(350px,88vw)!important;margin:10px auto!important}}