@font-face { font-family: 'Figtree'; src: url('fonts/figtree-variable.woff2') format('woff2'); font-weight: 300 900; font-display: swap; }
@font-face { font-family: 'Instrument Serif'; src: url('fonts/instrument-serif-latin-400-italic.woff2') format('woff2'); font-style: italic; font-display: swap; }

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body { font-family: 'Figtree', system-ui, sans-serif; font-size: 17px; line-height: 1.6; }
img { display: block; max-width: 100%; }
a { color: inherit; }
em { font-family: 'Instrument Serif', Georgia, serif; font-style: italic; font-weight: 400; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

.comp-tag {
  position: fixed; right: 16px; bottom: 16px; z-index: 50;
  padding: 8px 14px; border-radius: 999px;
  background: rgba(20, 16, 14, 0.82); color: #FBF7F2;
  font-size: 12px; font-weight: 500; letter-spacing: 0.04em; text-decoration: none;
  backdrop-filter: blur(8px);
}
.disclaimer { font-size: 12px; opacity: 0.7; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}