/* About page presentation only. Public video data, consent, and backend are unchanged. */
body[data-view="about"] .particles { display:none; }
body[data-view="about"] .about-page .subpage-header {
  display:block; position:relative; min-height:0; padding:32px 0 30px;
  border:0; border-bottom:1px solid #2a414b; border-radius:0;
  background:none; box-shadow:none; overflow:visible; isolation:auto;
}
body[data-view="about"] .about-page .subpage-header::before,
body[data-view="about"] .about-page .subpage-header::after { content:none; display:none; }
body[data-view="about"] .about-page .subpage-header-copy { max-width:790px; min-width:0; }
body[data-view="about"] .about-page .subpage-header .section-kicker {
  margin:0 0 12px; font-size:12px; font-weight:650; letter-spacing:.09em; color:#83dbe3;
}
body[data-view="about"] .about-page .subpage-header h1 {
  margin:0; max-width:100%; font-size:clamp(35px,4.5vw,58px);
  line-height:1.12; letter-spacing:-.035em; color:#eef8fc; overflow-wrap:anywhere;
}
body[data-view="about"] .about-page .subpage-header h1 span { color:#8adfe7; }
body[data-view="about"] .about-page .subpage-header-copy>p:last-child {
  max-width:620px; margin:15px 0 0; color:#b1c5cf; font-size:15px; line-height:1.65;
}
body[data-view="about"] .about-layout { margin-top:32px; }

/* Category artwork stays prominent without added patterns, glow rings or exaggerated type. */
body[data-view="about"] .about-games-sections {
  margin-top:clamp(42px,5vw,64px); display:grid; gap:clamp(48px,5vw,66px);
}
body[data-view="about"] .about-game { min-width:0; margin:0; padding:0; }
body[data-view="about"] .about-game .game-banner {
  display:flex; align-items:flex-end; position:relative; isolation:isolate;
  overflow:hidden; min-height:clamp(200px,23vw,265px);
  padding:clamp(24px,3vw,36px); border:1px solid #304854;
  border-radius:10px; background:#0b1b25; box-shadow:none;
}
body[data-view="about"] .about-game .game-banner::before { content:none; display:none; }
body[data-view="about"] .about-game .banner-mosaic {
  position:absolute; inset:0; z-index:-2; display:flex; overflow:hidden;
}
body[data-view="about"] .about-game .banner-image {
  display:block; height:100%; width:0; min-width:0; max-width:none;
  flex:1 1 0; object-fit:cover; filter:saturate(.86) brightness(.9);
}
body[data-view="about"] .about-game .banner-image + .banner-image {
  margin-left:0; mask-image:none; -webkit-mask-image:none;
}
body[data-view="about"] .about-game .game-banner::after {
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(90deg,rgba(4,13,19,.90),rgba(4,13,19,.58) 45%,rgba(4,13,19,.14) 100%),
    linear-gradient(0deg,rgba(4,13,19,.35),transparent 72%);
}
body[data-view="about"] .about-game .game-banner-title {
  position:relative; min-width:0; max-width:510px; padding:0;
  border:0; background:none;
}
body[data-view="about"] .about-game .game-banner h2 {
  margin:0; color:#f1f8fb; font-size:clamp(30px,3.6vw,44px);
  font-weight:750; line-height:1.12; letter-spacing:-.03em;
}
body[data-view="about"] .about-game .game-description {
  margin:10px 0 0; max-width:370px; color:#d0e0e7;
  font-size:14px; line-height:1.55;
}

/* Stable 2 by 2 sections with simpler, equal-height video cards. */
body[data-view="about"] .about-game-videos { margin-top:28px; }
body[data-view="about"] .about-game-videos>h3 {
  margin:0 0 18px; font-size:22px; font-weight:700;
  line-height:1.3; letter-spacing:-.02em; color:#e9f5f9;
}
body[data-view="about"] .about-video-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px; align-items:stretch;
}
body[data-view="about"] .about-video {
  display:flex; flex-direction:column; min-width:0; overflow:hidden; position:relative;
  border:1px solid #304651; border-radius:11px;
  background:#0b1b25; box-shadow:none; transform:none;
  transition:border-color .18s ease;
}
body[data-view="about"] .about-video::before { display:none; content:none; }
body[data-view="about"] .about-video:hover,
body[data-view="about"] .about-video:focus-within {
  border-color:#517584; transform:none; box-shadow:none;
}
body[data-view="about"] .about-game .about-video-player {
  position:relative; width:100%; min-width:0; min-height:0;
  flex:0 0 auto; aspect-ratio:16/9; margin:0;
  border:0; border-bottom:1px solid #304651; border-radius:0;
  background:#07141b; overflow:hidden;
}
body[data-view="about"] .about-game .about-video-player iframe {
  display:block; width:100%; height:100%; border:0;
}
/* Avoid the global featured-video thumbnail on unrelated About players. */
body[data-view="about"] .about-video-player .video-consent-placeholder {
  display:grid; align-content:center; justify-items:center; gap:8px;
  padding:14px; background:#0b202a; text-align:center;
}
body[data-view="about"] .about-video-player .video-consent-placeholder[hidden] { display:none !important; }
body[data-view="about"] .about-video-player .video-consent-placeholder strong {
  font-size:clamp(14px,1.5vw,17px); line-height:1.3;
}
body[data-view="about"] .about-video-player .video-consent-placeholder p {
  margin:0; max-width:260px; font-size:12px; line-height:1.35;
}
body[data-view="about"] .about-video-player .video-consent-placeholder .privacy-button {
  min-height:38px; padding:8px 12px; border-radius:6px; font-size:12px;
}
body[data-view="about"] .about-video-info {
  display:flex; flex:1; flex-direction:column; align-items:flex-start;
  min-width:0; gap:0; padding:20px 22px 22px;
}
body[data-view="about"] .about-video-channel {
  margin:0 0 8px; color:#a4b9c3; font-size:12px;
  font-weight:550; line-height:1.4;
}
body[data-view="about"] .about-video h4 {
  margin:0 0 20px; font-size:clamp(17px,1.65vw,20px);
  font-weight:700; line-height:1.35; letter-spacing:-.015em;
  color:#f0f8fc; overflow-wrap:anywhere;
}
body[data-view="about"] .about-video-link {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  max-width:100%; min-height:42px; margin-top:auto; padding:9px 14px;
  border:1px solid #415965; border-radius:7px;
  background:#102832; color:#e9f5f9; font-size:13px;
  line-height:1.35; font-weight:650; text-align:center;
  text-decoration:none; transform:none;
  transition:background .18s ease,border-color .18s ease;
}
body[data-view="about"] .about-video-link:hover {
  background:#173541; color:#fff; border-color:#6a9ca9; transform:none;
}
body[data-view="about"] .about-video-link:focus-visible {
  outline:2px solid #80dfec; outline-offset:3px;
}
body[data-view="about"] .about-external-mark { opacity:.75; font-size:14px; }
@media(max-width:760px) {
  body[data-view="about"] .about-video-grid { grid-template-columns:1fr; gap:18px; }
  body[data-view="about"] .about-games-sections { gap:46px; }
}
@media(max-width:600px) {
  body[data-view="about"] .about-page .subpage-header { padding:18px 0 26px; }
  body[data-view="about"] .about-page .subpage-header h1 { font-size:clamp(32px,8vw,42px); }
  body[data-view="about"] .about-page .subpage-header-copy>p:last-child { font-size:14px; }
  body[data-view="about"] .about-game .game-banner { min-height:185px; padding:20px; border-radius:9px; }
  body[data-view="about"] .about-game .game-banner h2 { font-size:34px; }
  body[data-view="about"] .about-game .game-description { font-size:13px; }
  body[data-view="about"] .about-video { border-radius:9px; }
  body[data-view="about"] .about-video-info { padding:18px; }
  body[data-view="about"] .about-video-link { width:100%; }
}
@media(max-width:380px) {
  body[data-view="about"] .about-game .about-video-player { aspect-ratio:16/10; }
}
@media(prefers-reduced-motion:reduce) {
  body[data-view="about"] .about-video,
  body[data-view="about"] .about-video-link { transition:none; }
}