*, ::before, ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: currentColor;
}
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}
body {
  margin: 0;
  line-height: inherit;
}
h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd, ol, ul {
  margin: 0;
}
ol, ul {
  padding: 0;
}
img, svg, video {
  display: block;
  vertical-align: middle;
}
img {
  max-width: 100%;
  height: auto;
}
button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button, [role="button"] {
  cursor: pointer;
  background-color: transparent;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
abbr[title] {
  text-decoration: underline dotted;
}

:root {
  
  --bg-primary: #ffffff;
  --bg-secondary: #f4f2f0;
  --bg-tertiary: #ece7e3;
  --bg-ink: #141416;
  --bg-ink-deep: #0e0e10;
  --bg-ink-raised: #1c1c1f;
  
  --accent: #c8102e;
  --accent-hover: #a50d25;
  --accent-on-ink: #ff7a7a;
  --accent-warm: #e0902a;
  
  --text-primary: #17171a;
  --text-secondary: #45454b;
  --text-muted: #6a6a70;
  --text-on-ink: #f5f5f5;
  --text-on-ink-muted: #b9b9be;
  --line-soft: rgba(23, 23, 26, 0.12);
  --line-on-ink: rgba(255, 255, 255, 0.12);
  
  --fluid-font-sm: clamp(0.875rem, 0.84rem + 0.2vw, 0.95rem);
  --fluid-font-md: clamp(1rem, 0.96rem + 0.25vw, 1.125rem);
  --fluid-font-lg: clamp(1.4rem, 1.1rem + 1.4vw, 2.1rem);
  --fluid-font-xl: clamp(2.1rem, 1.4rem + 3.4vw, 3.6rem);
  --fluid-space-sm: clamp(0.5rem, 1.5vw, 0.75rem);
  --fluid-space-md: clamp(1rem, 2.5vw, 1.5rem);
  --fluid-space-lg: clamp(2rem, 5vw, 3.25rem);
  --fluid-width: min(75rem, 100%);
  --radius: 0.5rem;
  --radius-lg: 0.875rem;
  --ease: 0.25s ease;
}

body {
  font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-weight: 400;
  font-size: var(--fluid-font-md);
  line-height: 1.7;
  background: var(--bg-primary);
  color: var(--text-primary);
}
h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 700;
  line-height: 1.15;
}
h1 { font-size: var(--fluid-font-xl); line-height: 1.12; }
h2 { font-size: var(--fluid-font-lg); margin-bottom: 1rem; }
h3 { font-size: 1.2rem; }
p { line-height: 1.7; margin-bottom: 0.75rem; }
a { color: inherit; }
strong { font-weight: 700; }