/* Self-hosted type: literary display serif paired with a clear geometric sans. */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('assets/fonts/cormorant-garamond-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('assets/fonts/cormorant-garamond-italic-latin.woff2') format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('assets/fonts/manrope-latin.woff2') format('woff2');
}
:root {
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Manrope', Arial, sans-serif;
}
body { font-family: var(--font-body); font-size: 14px; }
h1, h2, h3, .closing p { font-family: var(--font-display); }
h1 { font-size: clamp(56px, 8.1vw, 112px); font-weight: 500; line-height: 1; letter-spacing: -.035em; }
h2 { font-size: clamp(34px, 3.6vw, 48px); font-weight: 500; line-height: 1.08; letter-spacing: -.025em; }
h3 { font-size: 34px; font-weight: 600; line-height: 1.1; letter-spacing: -.02em; }
.wordmark { font-size: 14px; font-weight: 700; letter-spacing: .26em; }
.eyebrow, .category { font-size: 11px; font-weight: 600; letter-spacing: .2em; }
.header-note { font-size: 11px; font-weight: 500; letter-spacing: .06em; }
.edition { font-weight: 600; }
.intro-copy { font-size: 15px; line-height: 1.85; }
.collection-heading > p { font-size: 13px; line-height: 1.8; }
.description { font-size: 14px; line-height: 1.8; }
.projects { font-size: 11px; font-weight: 500; line-height: 1.8; }
.status { font-size: 10px; font-weight: 600; letter-spacing: .15em; }
.gallery figcaption { font-size: 11px; font-weight: 500; letter-spacing: .04em; color: #abb3c0; }
.gallery-caption-right { color: #a0a9b8; }
.closing p { font-size: clamp(42px, 4.5vw, 58px); font-weight: 500; line-height: 1.05; letter-spacing: -.025em; }
.closing em { font-weight: 500; }
footer { font-size: 10px; font-weight: 500; }
.introduction { padding-top: 34px; }
.hero-logo { display: block; width: min(460px, 76vw); height: auto; margin: 0 auto 28px; }
.introduction h1 { font-size: clamp(48px, 6.5vw, 88px); }
@media (max-width: 800px) {
  h3 { font-size: 32px; }
  .description { font-size: 13px; }
}
@media (max-width: 480px) {
  .introduction { padding-top: 32px; }
  .hero-logo { width: min(340px, 88vw); margin-bottom: 26px; }
  h1 { font-size: clamp(48px, 14vw, 62px); max-width: 350px; letter-spacing: -.03em; }
  h2 { font-size: 36px; }
  h3 { font-size: 34px; }
  .wordmark { font-size: 11px; letter-spacing: .22em; }
  .eyebrow { font-size: 9px; letter-spacing: .16em; }
  .intro-copy { font-size: 13px; }
  .gallery figcaption { font-size: 9px; }
  .collection-heading > p { font-size: 12px; }
  footer { font-size: 9px; }
}