@font-face {
  font-family: "Matter";
  src: url("/reviewers/Matter.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

.reviewers-page {
  --reviewer-green: #123f2f;
  --reviewer-gold: #f5c33b;
  --reviewer-rule: #e6ded5;
  background: #fff;
  color: #08090a;
  font-family: "Matter", sans-serif;
  line-height: 1.5;
}
.reviewers-page *, .reviewers-page *::before, .reviewers-page *::after { box-sizing: border-box; }
.reviewers-page a { color: inherit; }
.reviewers-page a:focus-visible { outline: 3px solid #f97316; outline-offset: 5px; }
.reviewers-page__nav { max-width: 1180px; margin: auto; padding: 18px 40px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.reviewers-page__brand { display: flex; align-items: center; gap: 12px; text-decoration: none; font-size: 24px; font-weight: 700; letter-spacing: -.03em; }
.reviewers-page__brand img { border-radius: 22.5%; }
.reviewers-page .reviewers-page__button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 15px 32px; background: #ff6b35; color: #fff; border-radius: 16px; text-decoration: none; font-size: 1.05rem; font-weight: 700; letter-spacing: -.01em; box-shadow: 0 5px 0 #c74e22; transition: transform .06s ease, box-shadow .06s ease; }
.reviewers-page__button:hover { transform: translateY(1px); box-shadow: 0 4px 0 #c74e22; }
.reviewers-page__button:active { transform: translateY(5px); box-shadow: 0 0 0 #c74e22; }
.reviewers-page__hero { background: var(--reviewer-green); color: #fff; }
.reviewers-page__hero-inner { max-width: 1180px; margin: auto; padding: 72px 40px 88px; display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 72px; }
.reviewers-page__back { display: inline-flex; min-height: 44px; align-items: center; text-decoration: none; font-size: 15px; }
.reviewers-page h1, .reviewers-page h2 { color: inherit; font-family: "Elza", "Matter", sans-serif; letter-spacing: -.035em; }
.reviewers-page h1 { margin: 20px 0 24px; font-size: clamp(42px, 4.6vw, 64px); line-height: 1.05; font-weight: 650; }
.reviewers-page__hero p { max-width: 42ch; margin: 0; color: #e2efe8; font-size: 19px; line-height: 1.6; }
.reviewers-page__directory { display: grid; gap: 20px; }
.reviewers-page__directory a { display: flex; align-items: center; gap: 18px; padding: 20px; background: #fff8e8; color: #171004; border-radius: 16px; box-shadow: 0 5px 0 #d3b983; text-decoration: none; transition: transform .06s ease, box-shadow .06s ease; }
.reviewers-page__directory a:hover { transform: translateY(1px); box-shadow: 0 4px 0 #d3b983; }
.reviewers-page__directory a:active { transform: translateY(5px); box-shadow: 0 0 0 #d3b983; }
.reviewers-page__directory img { width: 72px; height: 72px; object-fit: cover; object-position: center top; border-radius: 50%; background: #fff8e8; flex-shrink: 0; }
.reviewers-page__directory strong { display: block; font-size: 19px; font-weight: 650; }
.reviewers-page__directory small { display: block; color: #755200; margin-top: 4px; font-size: 14px; }
.reviewers-page__directory a > span:last-child { margin-left: auto; }
.reviewers-page__profiles { max-width: 1180px; margin: auto; padding: 32px 40px 56px; }
.reviewers-page__profile { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 72px; padding: 72px 0; border-bottom: 1px solid var(--reviewer-rule); scroll-margin-top: 30px; align-items: start; }
.reviewers-page__profile:last-child { border-bottom: 0; }
.reviewers-page__portrait { padding: 20px; background: #fff8e8; border-radius: 50%; }
.reviewers-page__portrait img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; object-position: center top; border-radius: 50%; }
.reviewers-page__achievement { margin: 0 0 10px; color: #755200; font-size: 16px; font-weight: 650; }
.reviewers-page__profile h2 { margin: 0; font-size: clamp(32px, 3.5vw, 46px); line-height: 1.12; font-weight: 650; }
.reviewers-page__credentials { margin: 12px 0 24px; color: var(--reviewer-green); font-weight: 650; }
.reviewers-page__description { max-width: 60ch; margin: 0; font-size: 17px; line-height: 1.7; color: #444b46; }
.reviewers-page blockquote { margin: 30px 0; padding: 28px 30px; background: #fff8e8; border-radius: 14px; }
.reviewers-page blockquote p { margin: 0; font-size: clamp(20px, 2.1vw, 25px); line-height: 1.5; font-style: italic; font-weight: 400; }
.reviewers-page blockquote cite { display: block; margin-top: 16px; font-size: 14px; font-style: normal; color: #53594f; }
.reviewers-page__closing { padding: 72px 24px; text-align: center; background: #0c2a20; color: #fff; }
.reviewers-page__closing h2 { margin: 0; font-size: clamp(32px, 4vw, 52px); line-height: 1.1; font-weight: 600; }
.reviewers-page__closing p { margin: 24px auto 28px; max-width: 48ch; font-size: 18px; color: #e2efe8; }
.reviewers-page__footer { max-width: 1180px; margin: auto; padding: 28px 40px; display: flex; gap: 24px; font-size: 14px; }
.reviewers-page__footer a:first-child { margin-right: auto; font-weight: 650; }
@media (max-width: 850px) {
  .reviewers-page__hero-inner { grid-template-columns: 1fr; gap: 28px; padding: 40px 24px 52px; }
  .reviewers-page__hero h1 { max-width: 18ch; }
  .reviewers-page__profile { grid-template-columns: 220px minmax(0, 1fr); gap: 36px; }
  .reviewers-page__profiles { padding-inline: 24px; }
}
@media (max-width: 600px) {
  .reviewers-page__nav { padding: 14px 20px; gap: 12px; }
  .reviewers-page__brand { font-size: 21px; gap: 8px; }
  .reviewers-page__brand img { width: 32px; height: 32px; }
  .reviewers-page__nav .reviewers-page__button { padding: 10px 12px; font-size: 13px; min-height: 44px; }
  .reviewers-page__directory a { padding: 16px; gap: 12px; }
  .reviewers-page__directory img { width: 56px; height: 56px; }
  .reviewers-page__directory strong { font-size: 17px; }
  .reviewers-page__profile { grid-template-columns: 1fr; gap: 28px; padding: 48px 0; }
  .reviewers-page__portrait { width: 220px; }
  .reviewers-page blockquote { padding: 24px; }
  .reviewers-page__footer { padding: 24px; gap: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .reviewers-page__button, .reviewers-page__directory a { transition: none; }
  .reviewers-page__button:hover, .reviewers-page__button:active,
  .reviewers-page__directory a:hover, .reviewers-page__directory a:active { transform: none; }
}