/* Serif Japanese centered on the English decoration, in both axes. */
html body .brand-overlay.brand-overlay {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  place-items: center;
  isolation: isolate;
  width: max-content !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 132px;
  box-sizing: border-box;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  white-space: normal !important;
  text-align: center !important;
}
html body:not(.page-works) .brand-overlay.brand-overlay { position: relative; }
html body.page-works .brand-overlay.brand-overlay {
  left: clamp(24px, 3vw, 48px) !important;
  max-width: calc(100% - 96px) !important;
}
html body .brand-overlay.brand-overlay .brand-heading-en.brand-heading-en[data-top-type] {
  position: relative;
  inset: auto;
  grid-area: 1 / 1;
  z-index: 0;
  display: block !important;
  width: auto;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  transform: none;
  pointer-events: none;
  font-family: "Cormorant Garamond", "EB Garamond", "Times New Roman", serif !important;
  font-size: clamp(86px, 8vw, 120px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: .035em !important;
  color: #e2e2e2 !important;
  opacity: .65;
  margin: 0 !important;
  white-space: nowrap !important;
}
html body .brand-overlay.brand-overlay .brand-heading-jp.brand-heading-jp[data-top-type] {
  position: relative;
  inset: auto;
  grid-area: 1 / 1;
  z-index: 1;
  translate: 0 8px; /* Optical centering of Japanese over the English letterforms. */
  display: block !important;
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
  font-size: 23.94px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: .085em !important;
  color: #000 !important;
  margin: 0 !important;
}
@media (max-width: 900px) {
  html body .brand-overlay.brand-overlay { min-height: 98px; }
  html body.page-works .brand-overlay.brand-overlay { max-width: calc(100% - 48px) !important; }
  html body .brand-overlay.brand-overlay .brand-heading-en.brand-heading-en[data-top-type] {
    font-size: clamp(60px, 12vw, 86px) !important;
  }
  html body .brand-overlay.brand-overlay .brand-heading-jp.brand-heading-jp[data-top-type] {
    font-size: clamp(15.12px, 3.78vw, 18.9px) !important;
  }
}

/* Center the entire Works lockup on its copy panel, including reveal states. */
html body.page-works .works-hero__copy .works-hero__title.brand-overlay.brand-overlay {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}