/* Creator page; uses the existing public navigation and brand palette. */
html body.r6-about-page .creator-page {max-width:1160px;margin:auto}
html body.r6-about-page .creator-hero {display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);overflow:hidden;border:1px solid #404040;border-radius:12px;background:#1b1b1b}
html body.r6-about-page .creator-intro {padding:48px 52px}
html body.r6-about-page .creator-eyebrow {margin:0 0 24px;color:#ff9aac;font-size:12px;font-weight:750;letter-spacing:.14em}
html body.r6-about-page h1 {margin:0 0 24px;font-size:clamp(48px,5.4vw,76px);line-height:1.04;letter-spacing:-.05em}
html body.r6-about-page h1 span {display:block;color:#ff9aac}
html body.r6-about-page .creator-lead {max-width:30ch;margin:0;color:#dedede;font-size:18px;line-height:1.7}
html body.r6-about-page .creator-siege {display:flex;flex-direction:column;justify-content:center;min-width:0;padding:40px 48px;background:#202020;border-left:1px solid #404040}
html body.r6-about-page .creator-game {margin:0 0 22px;font-size:11px;font-weight:700;letter-spacing:.13em;color:#c9c9c9}
html body.r6-about-page .creator-stat {display:flex;flex-direction:column;gap:12px;margin:0}
html body.r6-about-page .creator-stat-number {font-size:128px;line-height:.95;letter-spacing:-.075em;font-weight:800;color:#ff9aac}
html body.r6-about-page .creator-stat-label {padding-top:18px;border-top:1px solid #505050;color:#dedede;font-size:16px}
html body.r6-about-page .creator-detail {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:64px;padding:36px 0;border-bottom:1px solid #404040}
html body.r6-about-page .creator-about {padding-top:40px}
html body.r6-about-page .creator-detail-heading h2 {max-width:18ch}
html body.r6-about-page .creator-detail-heading h2 span {display:block}
html body.r6-about-page .creator-detail-copy p {max-width:66ch;margin:0 0 16px;color:#c9c9c9;font-size:16px;line-height:1.8}
html body.r6-about-page .creator-detail-copy p:last-child {margin-bottom:0}
html body.r6-about-page .creator-project {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:48px;padding:36px 0}
html body.r6-about-page .creator-section-label {margin:0 0 14px!important;color:#ff9aac!important;font-size:11px!important;font-weight:750;letter-spacing:.12em}
html body.r6-about-page h2 {margin:0 0 18px;font-size:28px;line-height:1.25;font-weight:650}
html body.r6-about-page .creator-project-copy p {max-width:48ch;margin:0 0 16px;color:#c9c9c9;font-size:16px;line-height:1.8}
html body.r6-about-page .creator-primary {display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:46px;margin-top:10px;padding:10px 18px;border-radius:6px;background:#d92e50;color:#fff;font-size:14px;font-weight:700;text-decoration:none}
html body.r6-about-page .creator-primary:hover {background:#bf2546}
html body.r6-about-page .creator-preview {min-width:0;margin:0;overflow:hidden;border:1px solid #404040;border-radius:9px;background:#1b1b1b}
html body.r6-about-page .creator-preview-image {display:block;line-height:0}
html body.r6-about-page .creator-preview img {display:block;width:100%;height:auto;aspect-ratio:1215/825;object-fit:contain;background:#101418}
html body.r6-about-page .creator-preview figcaption {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 18px;border-top:1px solid #404040;color:#c9c9c9;font-size:12px}
html body.r6-about-page .creator-preview figcaption>span {display:inline-flex;align-items:center;gap:8px}
html body.r6-about-page .creator-preview-dot {display:inline-block;width:6px;height:6px;flex:none;border-radius:50%;background:#ff9aac}
html body.r6-about-page .creator-preview figcaption a {display:inline-flex;align-items:center;gap:16px;min-height:44px;color:#f5f5f5;font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}
html body.r6-about-page .creator-preview figcaption a:hover {color:#ff9aac;text-decoration:underline;text-underline-offset:4px}
html body.r6-about-page .creator-next {padding-top:18px;border-top:1px solid #404040}
html body.r6-about-page .creator-next .creator-primary {margin-top:0}
@media(max-width:1000px) {
  html body.r6-about-page .creator-intro {padding:40px}
  html body.r6-about-page .creator-siege {padding:36px}
  html body.r6-about-page .creator-project {gap:32px}
  html body.r6-about-page .creator-detail {gap:36px}
  html body.r6-about-page .creator-preview figcaption {padding:5px 12px}
}
@media(max-width:760px) {
  html body.r6-about-page .creator-project {grid-template-columns:minmax(0,1fr);gap:28px;padding:32px 0}
  html body.r6-about-page .creator-project-copy p {max-width:64ch}
  html body.r6-about-page .creator-detail {grid-template-columns:minmax(0,1fr);gap:4px;padding:28px 0}
  html body.r6-about-page .creator-detail-heading h2 {max-width:none}
  html body.r6-about-page .creator-detail-heading h2 span {display:inline}
}
@media(max-width:640px) {
  html body.r6-about-page .creator-hero {grid-template-columns:minmax(0,1fr);border-radius:9px}
  html body.r6-about-page .creator-intro {padding:28px}
  html body.r6-about-page .creator-eyebrow {margin-bottom:20px;font-size:11px}
  html body.r6-about-page h1 {font-size:50px;margin-bottom:18px}
  html body.r6-about-page .creator-lead {font-size:16px}
  html body.r6-about-page .creator-siege {padding:22px 28px;border-left:0;border-top:1px solid #404040}
  html body.r6-about-page .creator-game {margin-bottom:14px;font-size:10px}
  html body.r6-about-page .creator-stat {flex-direction:row;align-items:center;gap:24px}
  html body.r6-about-page .creator-stat-number {font-size:72px}
  html body.r6-about-page .creator-stat-label {padding:0 0 0 24px;border-top:0;border-left:1px solid #505050;font-size:15px}
  html body.r6-about-page h2 {font-size:25px;margin-bottom:14px}
  html body.r6-about-page .creator-project-copy p {line-height:1.75}
  html body.r6-about-page .creator-detail-copy p {line-height:1.75}
  html body.r6-about-page .creator-preview figcaption {gap:8px;padding:5px 12px;font-size:11px}
  html body.r6-about-page .creator-preview figcaption a {font-size:12px;gap:8px}
}
@media(max-width:360px) {
  html body.r6-about-page .creator-intro {padding:24px}
  html body.r6-about-page .creator-siege {padding:20px 24px}
  html body.r6-about-page h1 {font-size:46px}
  html body.r6-about-page .creator-preview figcaption {flex-wrap:wrap;gap:0;padding-top:10px}
  html body.r6-about-page .creator-stat {gap:20px}
  html body.r6-about-page .creator-stat-label {padding-left:20px}
}