/* Studio identity: frame the supplied original symbol without altering it. */
.studio-seal.studio-signature {
  position: relative;
  isolation: isolate;
  display: block;
  min-height: 390px;
  padding: 0;
  overflow: hidden;
  background: radial-gradient(ellipse at 100% 0%, #392236 0%, transparent 68%), linear-gradient(145deg, #14382e, #0c221d 75%);
  border: 1px solid #aeb79f24;
}
.studio-signature::before,
.studio-signature::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 115%;
  height: 130%;
  top: -46%;
  left: 42%;
  border: 1px solid #d7d5bd13;
  transform: rotate(29deg);
}
.studio-signature::after { left: 50%; border-color: #d7d5bd0b; }
.signature-stage {
  position: absolute;
  inset: 28px 28px 114px;
  display: grid;
  place-items: center;
}
.signature-emblem {
  display: block;
  width: min(64%, 196px);
  height: auto;
  max-height: 100%;
  aspect-ratio: 2990 / 3240;
  overflow: hidden;
  transform: translateX(7px);
  filter: sepia(.28) brightness(.93);
}
.signature-caption {
  position: absolute;
  inset: auto 0 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 30px;
  border-top: 1px solid #d7d5bd21;
  background: #081f1840;
  color: #e6e2d3;
}
.signature-caption span { font-size: 11px; letter-spacing: .15em; line-height: 1.5; }
.signature-caption strong { font: 400 57px/.95 var(--serif); letter-spacing: -.05em; }
@media (max-width: 820px) {
  .signature-caption { padding: 23px; }
  .signature-caption strong { font-size: 50px; }
  .signature-caption span { font-size: 10px; }
  .signature-stage { inset: 27px 22px 108px; }
  .signature-emblem { width: min(76%, 182px); }
}
@media (max-width: 600px) {
  .studio-seal.studio-signature { min-height: 330px; }
  .signature-stage { inset: 24px 25px 102px; }
  .signature-emblem { width: min(63%, 168px); }
  .signature-caption { padding: 22px 27px; }
  .signature-caption strong { font-size: 51px; }
  .signature-caption span { font-size: 11px; }
}