@font-face {
  font-family: Inter;
  src: url('../assets/fonts/inter-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('../assets/fonts/playfair-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('../assets/fonts/playfair-italic-latin.woff2') format('woff2');
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

:root {
  --sans: Inter, Arial, sans-serif;
  --serif: 'Playfair Display', Georgia, serif;
  --text-display: clamp(2.625rem, 5vw, 4.5rem);
  --text-title: clamp(2.125rem, 3.25vw, 3rem);
  --text-subtitle: 1.5rem;
  --text-body: clamp(1rem, .93rem + .25vw, 1.125rem);
  --text-ui: 1rem;
  --text-small: .875rem;
  --text-micro: .75rem;
  --text-number: 2rem;
  /* Role-based scale: navigation, labels and utilities are not body copy. */
  --text-label: .75rem;
  --text-utility: .8125rem;
  --text-nav: clamp(1rem, .95rem + .2vw, 1.125rem);
  --text-contact: clamp(1.5rem, 2.1vw, 2rem);
  --text-data: 2.5rem;
  --text-footer-statement: clamp(2.5rem, 5vw, 4.5rem);
  --text-brand-signature: clamp(4rem, 17vw, 15rem);
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --leading-title: 1.16;
  --leading-body: 1.65;
  --leading-ui: 1.5;
  /* Brand foundations: retain the original site's ink / mist / stone palette. */
  --brand-ink: #102028;
  --brand-mist: #eaf0f2;
  --brand-ivory: #f5f2ed;
  --brand-paper: #fdfdfb;
  --brand-blue: #517e93;
  --brand-champagne: #b89a78;
  --brand-champagne-ink: #85735e;
  --ink: var(--brand-ink);
  --muted: #586975;
  --blue: var(--brand-blue);
  --accent: #276573;
  --paper: var(--brand-paper);
  --warm: var(--brand-ivory);
  --surface: #ffffff;
  --surface-cool: var(--brand-mist);
  --line: #d4dfe1;
  --inverse: #f7faf9;
  --inverse-muted: #c4d3d8;
  --dark: #142d38;
  --focus: #326e87;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --radius-small: .5rem;
  --radius-card: 1rem;
  --radius-pill: 999px;
  --content-width: 1296px;
  --art-width: 1440px;
  --gutter: clamp(1.5rem, 5vw, 4.5rem);
  --section-space: clamp(3.5rem, 6vw, 6rem);
  --motion-fast: 180ms;
  --motion-screen: 300ms;
  /* Shallow controls, resting surfaces, then an overlapping editorial panel. */
  --shadow-control: 0 1px 2px #1020280d, 0 4px 12px #1020280a;
  --shadow-surface: 0 2px 4px #10202804, 0 12px 32px #10202808;
  --shadow-overlay: 0 4px 12px #10202806, 0 20px 48px #10202812;
}