@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/display-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/display-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/text-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/text-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --color-bg: #eef0f2;
  --color-surface: #dde3e8;
  --color-text: #18202a;
  --color-accent: #a8344a;
  --color-accent-2: #2e7470;
  --color-divider: color-mix(in srgb, #18202a 16%, transparent);
  --color-neutral-100: #f6f8f9;
  --color-neutral-200: #e7ebee;
  --color-neutral-300: #d2d8de;
  --color-neutral-400: #b2bac3;
  --color-neutral-500: #8e98a3;
  --color-neutral-600: #6f7984;
  --color-neutral-700: #535c66;
  --color-neutral-800: #39414a;
  --color-neutral-900: #232a32;
  --color-accent-100: #fcedf0;
  --color-accent-200: #f8d5dc;
  --color-accent-300: #efb0bd;
  --color-accent-400: #de8095;
  --color-accent-500: #c2546c;
  --color-accent-600: #93293e;
  --color-accent-700: #741f31;
  --color-accent-800: #521522;
  --color-accent-900: #360d16;
  --color-accent-2-100: #e6f5f3;
  --color-accent-2-200: #c9e8e4;
  --color-accent-2-300: #9fd3cd;
  --color-accent-2-400: #6db6ae;
  --color-accent-2-500: #43948c;
  --color-accent-2-600: #2b6d69;
  --color-accent-2-700: #20524f;
  --color-accent-2-800: #163936;
  --color-accent-2-900: #0d2422;
  --font-heading: "DM Serif Display", Georgia, serif;
  --font-heading-weight: 400;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --space-1: 4.4px;
  --space-2: 8.8px;
  --space-3: 13.2px;
  --space-4: 17.6px;
  --space-6: 26.4px;
  --space-8: 35.2px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 22px;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #232a32 14%, transparent);
  --shadow-md: 0 3px 10px color-mix(in srgb, #232a32 16%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, #232a32 22%, transparent);
  --pn-page: min(1240px, calc(100% - 48px));
}
.washed { filter: saturate(.78) contrast(.92) brightness(1.06); }
#allrecords :focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
#allrecords ::selection { background: color-mix(in srgb, var(--color-accent) 30%, transparent); }
.pn-eyebrow { margin: 0 0 16px; color: var(--color-accent-700); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.pn-label { margin: 0 0 10px; color: color-mix(in srgb, var(--color-text) 58%, transparent); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.pn-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  border: 1px solid transparent; border-radius: 999px;
  font-family: var(--font-heading); font-weight: var(--font-heading-weight);
  font-size: 15px; line-height: 1.2; text-decoration: none; text-align: center;
  cursor: pointer; transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.pn-btn--primary { background: var(--color-accent); color: var(--color-bg); }
.pn-btn--primary:hover { background: var(--color-accent-600); color: var(--color-bg); }
.pn-btn--primary:active { background: var(--color-accent-700); color: var(--color-bg); }
.pn-btn--secondary { border-color: var(--color-divider); color: var(--color-text); }
.pn-btn--secondary:hover { background: color-mix(in srgb, var(--color-text) 7%, transparent); color: var(--color-text); }
.pn-btn--secondary:active { background: color-mix(in srgb, var(--color-text) 14%, transparent); }
.pn-btn:disabled, .pn-btn[aria-disabled="true"] { opacity: .45; cursor: not-allowed; }
.pn-chip {
  min-height: 46px; padding: 0 18px;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--color-divider); border-radius: 999px;
  background: var(--color-bg); color: var(--color-text);
  font-family: var(--font-body); font-size: 14px; font-weight: 600;
  white-space: nowrap; cursor: pointer; transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.pn-chip:hover { border-color: var(--color-accent-400); }
.pn-chip.is-active { border-color: var(--color-accent); background: var(--color-accent); color: var(--color-bg); }
.pn-stepper {
  height: 46px; display: inline-flex; align-items: center; overflow: hidden;
  border: 1px solid var(--color-divider); border-radius: 999px; background: var(--color-bg);
}
.pn-stepper button {
  width: 48px; height: 100%; flex: none; padding: 0; border: 0; background: transparent;
  color: var(--color-text); font-family: var(--font-body); font-size: 20px; font-weight: 700; cursor: pointer;
}
.pn-stepper button:hover { background: color-mix(in srgb, var(--color-text) 7%, transparent); }
.pn-stepper button:disabled { opacity: .35; cursor: not-allowed; background: transparent; }
.pn-stepper .pn-stepper__value {
  min-width: 52px; text-align: center;
  font-family: var(--font-heading); font-weight: var(--font-heading-weight); font-size: 19px;
}