/* Justin Clemmer — The Thinker. Per-boss art layer (BUILD-PLAN C6).
   Study Navy ground with a bronze hairline grid and one verdigris branch; three bronze discs and two
   silver bars along the hero's base for the three titles and the two runner-up finishes. Bronze, never
   gold; verdigris never shares a surface with volt. Motifs: justin-clemmer/grid.svg, justin-clemmer/discs.svg. */

body[data-manager-slug="justin-clemmer"] {
  --team-field: #1E2D40;
  --team-band: #C9975A;
  --team-accent: #DDB27A;
  --team-accent-2: #4FA79E;
  --team-light: #F1E8D8;
  --team-ink: #0B1119;
  --boss-ground: radial-gradient(110% 80% at 70% 14%, rgba(30, 45, 64, .72) 0%, rgba(30, 45, 64, .28) 46%, rgba(12, 13, 16, 0) 76%);
  --boss-motif: url("justin-clemmer/grid.svg");
  --boss-motif-edge: url("justin-clemmer/discs.svg");
  --boss-rule: rgba(201, 151, 90, .5);
}

/* ---------- hero ground: navy, the bronze grid on the copy side, the plinth line with the discs at the base ---------- */
body[data-manager-slug="justin-clemmer"] .pt-b-hero { position: relative; isolation: isolate; }
body[data-manager-slug="justin-clemmer"] .pt-b-hero::before {
  content: "";
  position: absolute;
  inset: -32px -24px -24px -24px;
  z-index: -1;
  border-radius: 28px;
  background: var(--boss-motif) right 30% / 1600px auto no-repeat, var(--boss-ground);
  pointer-events: none;
}
body[data-manager-slug="justin-clemmer"] .pt-b-hero::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: -25px;
  width: 210px;
  height: 24px;
  z-index: -1;
  background: var(--boss-motif-edge) right center / 210px 24px no-repeat;
  opacity: .9;
  pointer-events: none;
}

/* ---------- portrait rim: bronze on navy ---------- */
body[data-manager-slug="justin-clemmer"] .pt-b-portrait {
  border-color: rgba(201, 151, 90, .45);
  box-shadow: 0 0 0 1px rgba(201, 151, 90, .16), 0 30px 60px -30px rgba(11, 17, 25, 1);
}

/* ---------- numerals in the bronze text tint; eyebrows and stamps in verdigris; titles read bronze, never gold ---------- */
body[data-manager-slug="justin-clemmer"] .pt-b-c-n,
body[data-manager-slug="justin-clemmer"] .pt-b-now-card-n,
body[data-manager-slug="justin-clemmer"] .pt-b-fact-n,
body[data-manager-slug="justin-clemmer"] .pt-b-numeral,
body[data-manager-slug="justin-clemmer"] .pt-b-ch-fig-n { color: var(--team-accent); }
body[data-manager-slug="justin-clemmer"] .pt-b-c-n.pt-win,
body[data-manager-slug="justin-clemmer"] .pt-b-ch .pt-win { color: var(--team-accent); }
body[data-manager-slug="justin-clemmer"] .pt-eb-ac { color: var(--team-accent); }
body[data-manager-slug="justin-clemmer"] .pt-b-badge-ac { background: var(--team-band); color: var(--team-ink); }
body[data-manager-slug="justin-clemmer"] .pt-b-ch-eyebrow,
body[data-manager-slug="justin-clemmer"] .pt-b-ch-stamp { color: var(--team-accent-2); }

/* ---------- chapter rules: a bronze hairline per chapter head; verdigris ledger rules; silver for the two finals lost ---------- */
body[data-manager-slug="justin-clemmer"] .pt-sec-head,
body[data-manager-slug="justin-clemmer"] .pt-b-ch-head { border-top: 1px solid var(--boss-rule); }
body[data-manager-slug="justin-clemmer"] .pt-b-ch[data-layout="ledger"] tbody tr,
body[data-manager-slug="justin-clemmer"] .pt-b-ch[data-layout="versus"] tbody tr { border-color: rgba(79, 167, 158, .22); }
body[data-manager-slug="justin-clemmer"] #ch-five-finals .pt-b-table tbody tr:nth-child(n+4) .pt-b-td-lead { color: #BFC8D2; }
body[data-manager-slug="justin-clemmer"] .pt-b-ch .pt-card { border-color: rgba(201, 151, 90, .2); }
body[data-manager-slug="justin-clemmer"] .pt-b-vs-side { --opp-accent: var(--team-accent); }

/* ---------- motion: the grid fades up, the discs light in order from the left; static under reduced motion ---------- */
@media (prefers-reduced-motion: no-preference) {
  body[data-manager-slug="justin-clemmer"] .pt-b-hero::before { animation: jc-grid 1100ms cubic-bezier(.2, .8, .2, 1) both; }
  body[data-manager-slug="justin-clemmer"] .pt-b-hero::after { animation: jc-discs 900ms cubic-bezier(.16, 1, .3, 1) 320ms both; transform-origin: left center; }
  @keyframes jc-grid { from { opacity: 0; } to { opacity: 1; } }
  @keyframes jc-discs { from { opacity: 0; transform: scaleX(.3); } to { opacity: .9; transform: none; } }
}

@media (max-width: 767px) {
  body[data-manager-slug="justin-clemmer"] .pt-b-hero::before { inset: -20px -16px -16px -16px; border-radius: 20px; background-size: 1100px auto, auto; background-position: right 20%, center; }
  body[data-manager-slug="justin-clemmer"] .pt-b-hero::after { right: 4px; bottom: -17px; width: 158px; height: 18px; background-size: 158px 18px; }
}