/* URSU — typography revision, 10 September 2026.
   Visual interpretation of the two reference screenshots.
   Baskervville is an approximation, not a verified identification of
   the typeface on timwalkerphotography.com. No font binaries are bundled.
   The v3 layout and interactions are defined separately in gallery.css and app.js. */
:root {
  --font-editorial: "Baskervville", "Baskerville", "EB Garamond", "Times New Roman", serif;
  --ink: #505050;
  --muted: #858585;
}
html {
  font-family: var(--font-editorial);
  font-weight: 400;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
}
.wordmark {
  font-family: var(--font-editorial);
  font-size: 39px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -.035em;
}
.primary-nav {
  font-size: 21px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.025em;
}
.header-tools,
.dialog-header button,
.lightbox-header button {
  font-family: var(--font-editorial);
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.015em;
}
.menu-main {
  font-family: var(--font-editorial);
  font-weight: 400;
  font-style: italic;
  letter-spacing: -.03em;
}
.menu-secondary {
  font-family: var(--font-editorial);
  font-weight: 400;
  font-style: italic;
  font-size: 28px;
  letter-spacing: -.025em;
}
.menu-note {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
}
.menu-note a { font-style: italic; }
.menu-footer { font-size: 13px; }
.site-footer { font-size: 15px; }
#section-label, .contact-link { font-style: italic; }
.counter, .lightbox-counter {
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  font-variant-numeric: lining-nums tabular-nums;
}
.caption, .lightbox figcaption { font-size: 14px; font-style: italic; }
.index-heading {
  font-size: 19px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.02em;
}
.index-item figcaption { font-size: 13px; }
.index-item figcaption span { font-style: italic; }
.story-card figcaption {
  font-size: 21px;
  font-weight: 400;
  font-style: italic;
  letter-spacing: -.02em;
}
.story-card .story-length { font-size: 13px; font-style: normal; }
.page-title {
  font-size: 25px;
  font-weight: 400;
  font-style: italic;
  letter-spacing: -.025em;
}
.bio-copy { font-size: 21px; letter-spacing: -.015em; }
.bio-copy .small-link { font-size: 17px; font-style: italic; }
.contact-copy { font-size: 21px; }
.contact-group h2 { font-size: 17px; font-style: italic; }
.contact-socials { font-size: 19px; }
@media (max-width: 1100px) and (min-width: 761px) {
  .primary-nav { font-size: 19px; }
  .header-tools { font-size: 15px; }
}
@media (max-width: 760px) {
  .wordmark { font-size: 33px; }
  .header-tools button,
  .dialog-header button,
  .lightbox-header button { font-size: 16px; }
  .site-footer #section-label { font-size: 13px; }
  .site-footer .contact-link { font-size: 13px; }
  .counter { font-size: 12px; }
  .menu-main { letter-spacing: -.035em; }
  .menu-secondary { font-size: 25px; }
  .menu-note { font-size: 15px; }
  .index-heading { font-size: 18px; }
  .index-item figcaption { font-size: 12px; }
  .story-card figcaption { font-size: 17px; }
  .page-title { font-size: 23px; }
  .bio-copy, .contact-copy { font-size: 19px; }
}
@media (max-height: 550px) and (min-width: 761px) {
  .wordmark { font-size: 32px; }
  .menu-secondary { font-size: 21px; }
}

/* Contact details typography. */
.contact-copy .contact-group > a,
.contact-copy .contact-group > span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: .035em;
}

.contact-copy .contact-group > a[href^="mailto:"] {
  font-weight: 700;
}