/* Approved original-work seal, scoped to the homepage copyright statement. */
#contact .contact-heading {
  container: copyright-heading / inline-size;
}

#contact .contact-heading > .copyright-statement {
  display: grid;
  grid-template-columns: minmax(0, 350px) 140px;
  align-items: center;
  gap: 24px;
  width: 100%;
  max-width: 514px;
}

#contact .copyright-copy {
  min-width: 0;
}

#contact .copyright-seal {
  --seal-ink: #c3453c;
  display: block;
  width: 140px;
  height: auto;
  justify-self: end;
  position: relative;
  z-index: 1;
  transform: translateX(-72px);
  user-select: none;
  pointer-events: none;
}

:root[data-theme="dark"] #contact .copyright-seal {
  --seal-ink: #e57268;
}

@container copyright-heading (max-width: 480px) {
  #contact .contact-heading > .copyright-statement {
    grid-template-columns: minmax(0, 1fr) 112px;
    gap: 20px;
  }

  #contact .copyright-seal {
    width: 112px;
    transform: translateX(-60px);
  }
}

@container copyright-heading (max-width: 360px) {
  #contact .contact-heading > .copyright-statement {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  #contact .copyright-seal {
    margin-top: -60px;
    transform: translateX(-48px);
  }
}