/* Approved Diana True Story typography. ?font=obecna restores the original for comparison. */
@font-face {
  font-family: 'Diana True Story';
  src: url('/assets/diana-true-story-1.011.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  size-adjust: 110%;
}
html[data-font-preview=diana] body,
html[data-font-preview=diana] body * {
  font-family: 'Diana True Story', Georgia, 'Times New Roman', serif !important;
  font-synthesis: none;
}
/* Cinzel's capitals in the approved design remain capitals in the new typeface. */
html[data-font-preview=diana] :is(.nav-inner nav>a,.nav-inner nav>.nav-purchase>summary,.home-hero h1,.artist-introduction h1,.artist-practice h2,.artist-portrait figcaption,.other-work-card h2,.painting-stories h2) {
  text-transform: uppercase;
}
html[data-font-preview=diana] .nav-inner nav>a,
html[data-font-preview=diana] .nav-inner nav>.nav-purchase>summary {font-size: 14.5px;}
/* The artist requested the original typeface for this one navigation label. */
html[data-font-preview=diana] .nav-other>summary,
html[data-font-preview=diana] .nav-other>summary * {font-family: cinzel, Georgia, serif !important;}
html[data-font-preview=diana] :is(.artist-bio,.artist-bio-columns p,.reading-panel p,.review) {
  font-size: 17px;
  line-height: 1.95;
}
html[data-font-preview=diana] :is(.eyebrow,.preview-label,.artist-disciplines,.artist-portrait figcaption) {
  font-size: 13px;
  letter-spacing: .035em;
}
html[data-font-preview=diana] :is(.email-top,.language-switch a,.menu-toggle,.text-link,.button,.close-lightbox,.back-to-top,.inquiry-note,.replica-price-note,.language-tabs button,.purchase-toolbar label,.purchase-toolbar select,.result-count,.work-card p,.replica-size-label,.replica-size-label select,form label,footer,footer p,footer>div) {
  font-size: 14px;
}
html[data-font-preview=diana] :is(dl,.breadcrumbs,.story-introduction,summary>span,#lightbox-description,figcaption) {
  font-size: 14px;
}
html[data-font-preview=diana] .nav-inner nav .purchase-submenu a {
  font-family: 'Diana True Story', Georgia, 'Times New Roman', serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}
html[data-font-preview=diana] .nav-other>summary>.nav-other-label {font-size: inherit;}
html[data-font-preview=diana] :is(.painting-intro p,.original-intro p) {font-size: 17px;line-height: 1.65;}
html[data-font-preview=diana] :is(.page-heading p,.brief) {font-size: 17px;line-height: 1.85;}
html[data-font-preview=diana] .home-hero .artist-caption h2 {font-size: 16px;}
html[data-font-preview=diana] .home-hero .artist-caption p {line-height: 1.65;color: #7abac7;}
html[data-font-preview=diana] .work-main>span {font-size: 13px;}
html[data-font-preview=diana] .work-price {line-height: 1.5;}
.font-preview-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 18px;
  padding: 9px 16px;
  border-bottom: 1px solid #d9c89455;
  background: #031321;
  color: #f1f0e9;
  font: 14px/1.6 Georgia, serif;
}
.font-preview-bar>span {color: #bbced5;}
.font-preview-bar a {padding: 3px 2px;border-bottom: 1px solid transparent;}
.font-preview-bar a[aria-current=true] {color: #d9c894;border-bottom-color: #d9c894;}
.font-preview-bar a:focus-visible {outline: 2px solid #d9c894;outline-offset: 3px;}
/* With the face's 110% optical adjustment, these match the old cap heights. */
@media(min-width:801px) and (max-width:1050px) {
  html[data-font-preview=diana] .nav-inner {gap: 12px;}
  html[data-font-preview=diana] .nav-inner nav {gap: 12px;}
  html[data-font-preview=diana] .nav-inner nav>a,
  html[data-font-preview=diana] .nav-inner nav>.nav-purchase>summary {font-size: 13px;}
}
@media(max-width:800px) {
  html[data-font-preview=diana] .nav-other>summary {justify-content: center;}
  html[data-font-preview=diana] .nav-inner nav>a,
  html[data-font-preview=diana] .nav-inner nav>.nav-purchase>summary {font-size: 15.5px;}
}
@media(max-width:580px) {
  html[data-font-preview=diana] .top-space {height: 86px;}
  html[data-font-preview=diana] .header-actions {gap: 8px;}
  html[data-font-preview=diana] .email-top {font-size: 13px;padding: 10px 8px;}
  html[data-font-preview=diana] .language-switch {gap: 10px;}
  html[data-font-preview=diana] .language-switch a {font-size: 12px;}
  html[data-font-preview=diana] .preview-label {font-size: 11px;max-width: none;white-space: nowrap;}
  html[data-font-preview=diana] .artist-introduction h1 {font-size: 36px;}
  html[data-font-preview=diana] .work-copy h1 {font-size: 34px;}
  html[data-font-preview=diana] .purchase-heading h1 {font-size: 36px;}
  html[data-font-preview=diana] .contact-hero h1 {font-size: 36px;}
  .font-preview-bar {gap: 4px 14px;padding: 8px 12px;}
}