/* Credits: people first, then the open-source research Reforged builds on, then the original game. */
.credits-hero{--hero-image:url('assets/progress-coop-reunion.webp')}
.credits{display:grid;gap:96px}
.credit-section{display:grid;gap:34px}
.credit-head{display:grid;gap:0}
.credit-head .eyebrow{margin-bottom:20px}
.credit-head>p:last-child:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.7;margin:18px 0 0;max-width:62ch}
.people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.person{display:flex;align-items:center;gap:18px;border:1px solid #7c9db844;background:#0c1b2a;padding:20px 22px}
.person-lead{grid-column:span 2;background:linear-gradient(130deg,#152b3e,#0c1b2a);border-color:#7ccfff55;position:relative}
.person-lead:before{content:'';position:absolute;inset:-1px auto auto -1px;width:55px;height:2px;background:var(--cyan)}
.person-mark{width:52px;height:52px;flex:none;display:grid;place-items:center;font:15px var(--label);letter-spacing:1px;color:var(--cyan);border:1px solid #7ccfff55;background:#10263a}
.person-lead .person-mark{width:64px;height:64px;font-size:18px}
.person h3{margin:0;font-size:22px;font-weight:300;letter-spacing:.5px;line-height:1.25}
.person h3 span{display:block;font:11px var(--label);letter-spacing:1.6px;color:var(--cyan);margin-top:4px}
.person-lead h3{font-size:28px}
.person p{margin:4px 0 0;color:var(--muted);font-size:15px}
.thanks-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.thanks{border-left:2px solid var(--cyan);background:#11283b;padding:26px 28px}
.thanks .eyebrow{margin-bottom:12px;font-size:11px}
.thanks h3{margin:0 0 10px;font-size:24px;font-weight:300;letter-spacing:.5px}
.thanks p:not(.eyebrow){color:#c2d3e1;font-size:16px;line-height:1.75;margin:0}
.thanks .text-link{padding-top:14px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.project-card{position:relative;display:flex;flex-direction:column;gap:8px;border:1px solid #7c9db844;background:#0c1b2a;padding:22px 24px 24px;transition:border-color .2s,background .2s}
.project-card small{font:10px var(--label);letter-spacing:1.6px;color:#839aad}
.project-card h3{margin:0;font-size:24px;font-weight:300;letter-spacing:.5px;padding-right:28px}
.project-card .by{color:var(--cyan);font-size:14px;margin:0}
.project-card p:not(.by){color:var(--muted);font-size:15px;line-height:1.7;margin:4px 0 0}
.project-card .ext{position:absolute;top:18px;right:18px;color:var(--cyan);font-size:18px}
.origin-card{border:1px solid #7c9db844;background:#0c1b2a;padding:30px 32px;display:grid;gap:18px}
.origin-card p{margin:0;color:#c2d3e1;font-size:18px;line-height:1.75;max-width:78ch}
.origin-card strong{color:white;font-weight:400}
.origin-card .origin-note{color:#7f96aa;font-size:13px;line-height:1.7}
.credit-missing{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;border-block:1px solid var(--line);padding:40px 0}
.credit-missing h2{margin:0 0 8px;font-size:clamp(24px,2.4vw,32px);font-weight:300;letter-spacing:.5px}
.credit-missing p:not(.eyebrow){margin:0;color:var(--muted)}
.credit-missing .eyebrow{margin-bottom:12px}
.missing-actions{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.people{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.credits{gap:64px}.people,.project-grid,.thanks-grid{grid-template-columns:1fr}.person-lead{grid-column:auto}.person-lead h3{font-size:24px}.thanks{padding:22px 20px}.origin-card{padding:22px 20px}.origin-card p{font-size:16px}}

/* Whole card opens the repository; author links sit above the stretched link. */
.project-card:hover,.project-card:focus-within{border-color:var(--cyan);background:#10243a}
.card-link:after{content:'';position:absolute;inset:0}
.card-link:focus-visible{outline:none}.project-card:has(.card-link:focus-visible){outline:2px solid var(--cyan);outline-offset:4px}
.project-card .by a,.person .gh a{position:relative;z-index:1;color:var(--cyan);text-decoration:underline;text-decoration-color:#8bdcff55;text-underline-offset:3px}
.project-card .by a:hover,.person .gh a:hover{color:white;text-decoration-color:white}
.person .gh{margin-top:8px!important}.person .gh a{font:11px var(--label);letter-spacing:1.4px;text-decoration:none}
/* Arame draws lowercase as small caps, which mangles handles like NicmeisteR; show names in the display face. */
.person h3 span{font:400 14px var(--display);letter-spacing:.6px}