.references-main {
  margin: 100px 0 0;
  padding: 0;
  background: var(--cp-bg, oklch(0.99 0.003 80));
}

.references-page {
  --references-bg: var(--cp-bg, oklch(0.99 0.003 80));
  --references-surface: var(--cp-surface, oklch(0.998 0.002 80));
  --references-text: var(--cp-heading, oklch(0.2 0.018 250));
  --references-muted: var(--cp-muted, oklch(0.48 0.012 250));
  --references-line: var(--cp-border, oklch(0.86 0.01 80));
  --references-accent: var(--cp-accent, oklch(0.43 0.16 25));
  --references-accent-dark: var(--cp-accent-dark, oklch(0.34 0.14 25));
  --references-clay: var(--cp-clay, #c86b3c);
  --references-clay-dark: var(--cp-clay-dark, #8f482c);
  --references-clay-soft: var(--cp-clay-soft, #f7ece6);
  --references-dark: var(--cp-heading, oklch(0.2 0.018 250));
  --references-radius-lg: 10px;
  --references-radius-md: 8px;
  --references-shadow: none;
  --references-max: 1140px;
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: var(--references-bg);
  color: var(--references-text);
  font-family: var(--font-sans-stack, Inter, ui-sans-serif, system-ui, sans-serif);
  font-size: 17px;
  line-height: 1.7;
  text-rendering: optimizeLegibility;
}

.references-page::before { content: none; }

.references-page a { color: inherit; }
.references-page a:focus-visible { outline: 3px solid var(--references-accent); outline-offset: 4px; }
.references-container { width: min(calc(100% - 48px), var(--references-max)); margin-inline: auto; }

.references-hero { position: relative; padding: clamp(46px, 7vw, 86px) 0 clamp(52px, 7vw, 78px); border-bottom: 1px solid var(--references-line); }
.references-hero-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px clamp(34px, 5vw, 72px); align-items: start; }
.references-hero-grid > div { grid-column: 1 / 8; }
.references-eyebrow, .references-kicker { margin: 0; color: var(--references-accent-dark); font-size: 0.8rem; font-weight: 800; letter-spacing: 0.13em; text-transform: uppercase; }
.references-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.references-eyebrow::before { width: 34px; height: 2px; background: currentColor; content: ""; }
.references-hero h1 { max-width: 13ch; margin: 0; color: var(--references-text); font-family: var(--font-serif-stack, Georgia, "Times New Roman", serif); font-size: clamp(2.65rem, 5.4vw, 4.3rem); font-weight: 700; letter-spacing: -0.045em; line-height: 0.99; text-align: left; text-wrap: balance; }
.references-hero h1 em { color: inherit; font-style: normal; }
.references-lead { max-width: 57ch; margin: 28px 0 0; color: var(--references-muted); font-size: 1.03rem; }
.references-proof-line { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 34px; border-top: 1px solid var(--references-line); border-bottom: 1px solid var(--references-line); }
.references-proof-pill { display: flex; min-height: 56px; align-items: center; gap: 10px; padding: 12px 16px; border-left: 1px solid var(--references-line); color: var(--references-text); font-size: 0.87rem; font-weight: 700; }
.references-proof-pill:nth-child(odd) { border-left: 0; }
.references-proof-pill:nth-child(n + 3) { border-top: 1px solid var(--references-line); }
.references-proof-pill::before { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--references-clay); content: ""; }
.references-portrait { position: relative; display: grid; width: 100%; max-width: 380px; aspect-ratio: 1; grid-column: 8 / -1; justify-self: end; align-self: start; box-sizing: border-box; margin: 0; padding: 9px; border: 1px solid var(--references-line); background: var(--references-clay-soft); box-shadow: none; }
.references-portrait::after { position: absolute; right: -9px; bottom: -9px; width: 42%; height: 42%; border-right: 1px solid var(--references-clay); border-bottom: 1px solid var(--references-clay); pointer-events: none; content: ""; }
.references-portrait img { display: block; width: 100%; height: 100%; border: 0; border-radius: 0; background: var(--references-surface); box-shadow: none; object-fit: contain; object-position: center; }

.references-jump-nav { position: static; z-index: 3; border-bottom: 1px solid var(--references-line); background: color-mix(in oklch, var(--references-surface) 94%, transparent); backdrop-filter: blur(12px); }
.references-jump-nav ul { display: flex; gap: 4px; margin: 0; padding: 12px 0; overflow-x: auto; list-style: none; scrollbar-width: thin; }
.references-jump-nav li { padding: 0; }
.references-jump-nav a { display: block; padding: 10px 14px; border-radius: 4px; white-space: nowrap; color: var(--references-muted); font-size: 0.92rem; font-weight: 750; text-decoration: none; }
.references-jump-nav a:hover { background: var(--references-clay-soft); color: var(--references-accent-dark); }

.references-section { padding: clamp(66px, 8vw, 96px) 0; border-bottom: 1px solid var(--references-line); scroll-margin-top: 84px; }
.references-section-heading, .references-summary { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); gap: 50px; align-items: end; }
.references-section-heading { position: relative; margin-bottom: 42px; padding-top: 22px; border-top: 1px solid var(--references-line); }
.references-section-heading::before { position: absolute; top: -2px; left: 0; width: 46px; height: 3px; background: var(--references-clay); content: ""; }
.references-section h2 { max-width: 24ch; margin: 8px 0 0; font-family: var(--font-serif-stack, Georgia, "Times New Roman", serif); font-size: clamp(1.85rem, 3.5vw, 2.75rem); font-weight: 600; letter-spacing: -0.025em; line-height: 1.12; text-wrap: balance; }
.references-section-intro { max-width: 650px; margin: 0; color: var(--references-muted); font-size: 1.03rem; }
.references-feature-card { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); overflow: hidden; border: 1px solid var(--references-line); border-radius: var(--references-radius-lg); background: var(--references-surface); box-shadow: var(--references-shadow); }
.references-feature-aside { display: flex; min-height: 340px; padding: clamp(28px, 5vw, 54px); flex-direction: column; justify-content: space-between; background: var(--references-dark); color: oklch(0.98 0.008 88); }
.references-source-kind { display: inline-flex; width: fit-content; padding: 7px 11px; border: 1px solid oklch(0.98 0.008 88 / 0.25); border-radius: 999px; color: oklch(0.98 0.008 88 / 0.78); font-size: 0.77rem; font-weight: 750; letter-spacing: 0.08em; text-transform: uppercase; }
.references-source-name { margin: 0; font-family: var(--font-serif-stack, Georgia, "Times New Roman", serif); font-size: clamp(2.2rem, 5vw, 4.4rem); font-weight: 600; line-height: 0.95; }
.references-award-figure { display: grid; min-height: 340px; grid-template-rows: minmax(0, 1fr) auto; margin: 0; background: var(--references-clay-soft); }
.references-award-figure img { display: block; width: 100%; height: 100%; min-height: 340px; object-fit: cover; object-position: 35% center; }
.references-award-figure figcaption { padding: 10px 14px; border-top: 1px solid var(--references-line); color: var(--references-muted); font-size: 0.76rem; line-height: 1.4; }
.references-feature-content { padding: clamp(30px, 5vw, 58px); }
.references-meta { display: flex; flex-wrap: wrap; gap: 9px 16px; margin: 0 0 18px; color: var(--references-muted); font-size: 0.86rem; font-weight: 700; }
.references-meta span + span::before { margin-right: 16px; color: var(--references-accent); content: "•"; }
.references-feature-content h3, .references-card h3 { margin: 0; font-family: var(--font-serif-stack, Georgia, "Times New Roman", serif); font-size: clamp(1.45rem, 2.6vw, 2.2rem); font-weight: 600; letter-spacing: -0.02em; line-height: 1.17; }
.references-feature-content p, .references-card p { color: var(--references-muted); }
.references-fact-box { margin: 25px 0 0; padding: 18px 20px; border-left: 4px solid var(--references-clay); background: var(--references-clay-soft); color: var(--references-text); }
.references-fact-box strong { display: block; margin-bottom: 4px; }
.references-source-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 24px; color: var(--references-accent-dark) !important; font-weight: 850; text-underline-offset: 5px; }
.references-source-link::after { content: "↗"; transition: transform 160ms ease; }
.references-source-link:hover::after { transform: translate(2px, -2px); }

.references-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.references-card { position: relative; padding: clamp(26px, 4vw, 42px); border: 1px solid var(--references-line); border-radius: var(--references-radius-md); background: var(--references-surface); }
.references-card-number { position: absolute; top: 20px; right: 24px; color: var(--references-line); font-family: var(--font-serif-stack, Georgia, "Times New Roman", serif); font-size: 2rem; font-style: italic; }
.references-card .references-meta { padding-right: 50px; }

.references-review { display: grid; grid-template-columns: minmax(230px, 0.55fr) minmax(0, 1.45fr); gap: clamp(25px, 6vw, 80px); padding: clamp(34px, 6vw, 72px); border: 1px solid var(--references-line); border-radius: var(--references-radius-lg); background: var(--references-dark); color: oklch(0.98 0.008 88); box-shadow: var(--references-shadow); }
.references-review-person { display: flex; gap: 16px; align-items: center; align-self: start; }
.references-avatar { display: grid; width: 64px; height: 64px; border: 1px solid oklch(0.98 0.008 88 / 0.35); border-radius: 50%; place-items: center; background: oklch(0.98 0.008 88 / 0.08); font-family: var(--font-serif-stack, Georgia, "Times New Roman", serif); font-size: 1.4rem; }
.references-review-person strong { display: block; font-size: 1.06rem; }
.references-review-person span { color: oklch(0.98 0.008 88 / 0.64); font-size: 0.86rem; }
.references-review blockquote { position: static; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; font-family: var(--font-serif-stack, Georgia, "Times New Roman", serif); font-size: clamp(1.5rem, 3.3vw, 3rem); font-style: normal; letter-spacing: -0.032em; line-height: 1.25; }
.references-review blockquote::before, .references-review blockquote::after { content: none; }
.references-quote-mark { color: var(--references-accent); font-weight: 650; }
.references-review .references-source-link { color: oklch(0.98 0.008 88) !important; }

.references-summary { align-items: start; }
.references-summary-list { margin: 0; padding: 0; border-top: 1px solid var(--references-line); list-style: none; }
.references-summary-list li { display: grid; grid-template-columns: minmax(130px, 0.42fr) minmax(0, 1.58fr); gap: 20px; padding: 22px 0; border-bottom: 1px solid var(--references-line); }
.references-summary-list strong { font-size: 0.8rem; letter-spacing: 0.08em; text-transform: uppercase; }
.references-summary-list span { color: var(--references-muted); }
.references-internal-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 38px; }
.references-internal-link { display: block; padding: 22px; border: 1px solid var(--references-line); border-radius: var(--references-radius-md); background: var(--references-surface); text-decoration: none; transition: transform 160ms ease, border-color 160ms ease; }
.references-internal-link:hover { transform: translateY(-3px); box-shadow: var(--references-shadow); }
.references-internal-link small { display: block; margin-bottom: 4px; color: var(--references-muted); font-weight: 700; }
.references-internal-link strong { color: var(--references-accent-dark); font-size: 1.05rem; }

.references-cta { padding: clamp(72px, 10vw, 120px) 0; }
.references-cta-inner { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(240px, 0.65fr); gap: 40px; padding: clamp(36px, 7vw, 72px); border-radius: var(--references-radius-lg); background: var(--references-dark); color: oklch(0.99 0.008 88); align-items: center; }
.references-cta h2 { max-width: 760px; margin: 0; color: oklch(0.99 0.008 88); font-family: var(--font-serif-stack, Georgia, "Times New Roman", serif); font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 600; letter-spacing: -0.03em; line-height: 1.08; }
.references-cta p { max-width: 680px; margin: 22px 0 0; color: oklch(0.99 0.008 88 / 0.82); }
.references-button { display: inline-flex; justify-content: center; padding: 15px 22px; border: 1px solid var(--references-accent); border-radius: 8px; background: var(--references-accent); color: oklch(0.99 0.008 88) !important; font-weight: 850; text-align: center; text-decoration: none; transition: transform 160ms ease, background 160ms ease, border-color 160ms ease; }
.references-button:hover { transform: translateY(-2px); border-color: var(--references-accent-dark); background: var(--references-accent-dark); color: oklch(0.99 0.008 88) !important; }
.references-updated { padding: 26px 0 0; color: var(--references-muted); font-size: 0.82rem; text-align: center; }

@media (min-width: 851px) {
  .references-jump-nav { position: sticky; top: 70px; }
  .references-section { scroll-margin-top: 150px; }
}

@media (max-width: 1180px) {
  .references-main { margin-top: 70px; }
}

@media (max-width: 850px) {
  .references-hero-grid, .references-section-heading, .references-feature-card, .references-review, .references-summary, .references-cta-inner { grid-template-columns: 1fr; }
  .references-hero-grid > div, .references-portrait { grid-column: 1; }
  .references-portrait { width: min(100%, 360px); justify-self: start; }
  .references-feature-aside { min-height: 250px; }
  .references-award-figure { min-height: 0; grid-template-rows: auto auto; }
  .references-award-figure img { height: auto; min-height: 0; aspect-ratio: 3 / 2; object-position: center; }
  .references-grid, .references-internal-links { grid-template-columns: 1fr; }
  .references-review { gap: 30px; }
  .references-button { width: fit-content; }
}

@media (max-width: 560px) {
  .references-container { width: min(calc(100% - 24px), var(--references-max)); }
  .references-hero { padding-top: 58px; }
  .references-section { padding-block: 66px; }
  .references-summary-list li { grid-template-columns: 1fr; gap: 5px; }
  .references-feature-content, .references-feature-aside, .references-card, .references-review, .references-cta-inner { padding: 26px; }
}

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

@media print {
  .references-jump-nav, .references-cta { display: none; }
  .references-feature-card, .references-card, .references-review { box-shadow: none; break-inside: avoid; }
}