/* About page (redesigned October 2026). Sections: hero, Team, Indie Planet, Media Partners.
   The editable blocks keep their CMS ids; the ab-* containers only arrange them. */

:root [data-id="ab-hero"], :root [data-id="team"], :root [data-id="ab-indie"], :root [data-id="ab-media"] {
  --content-width: 1280px;
  --padding-left: 80px; --padding-right: 80px;
  --gap: 0px; --row-gap: 0px; --column-gap: 0px;
  --flex-direction: column;
  color: var(--e-global-color-689e2a4);
}
:root [data-id="ab-hero"] .h, :root [data-id="team"] .h, :root [data-id="ab-indie"] .h, :root [data-id="ab-media"] .h { font-family: "Anton", sans-serif; font-weight: 400; margin: 0; }
/* Body copy uses the site's standard text style (same as every other page) */
:root [data-id="ab-hero"] .w-text, :root [data-id="ab-indie"] .w-text, :root [data-id="ab-media"] .w-text {
  font-family: var(--e-global-typography-text-font-family), sans-serif; font-size: var(--e-global-typography-text-font-size);
  font-weight: var(--e-global-typography-text-font-weight); line-height: var(--e-global-typography-text-line-height);
}
:root [data-id="ab-hero"] .w-text p, :root [data-id="ab-indie"] .w-text p, :root [data-id="ab-media"] .w-text p { margin: 0 0 1em; }
:root [data-id="ab-hero"] .w-text p:last-child, :root [data-id="ab-indie"] .w-text p:last-child, :root [data-id="ab-media"] .w-text p:last-child { margin-bottom: 0; }

/* ---------- Hero ---------- */
:root [data-id="ab-hero"] {
  --padding-top: 130px; --padding-bottom: 100px;
  background-image: linear-gradient(180deg, var(--e-global-color-5731bf8) 0%, var(--e-global-color-1156c54) 100%);
}
:root [data-id="ab-hero-top"] { --flex-direction: row; --align-items: center; --justify-content: space-between; --gap: 40px; --column-gap: 40px; --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px; }
:root [data-id="ab-hero-text"] { --gap: 18px; --row-gap: 18px; --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px; width: auto; }
:root [data-id="9a8f45b"] .h { font-size: 32px; line-height: 1.1; }
:root [data-id="418128d"] .h { font-size: 150px; line-height: .87; letter-spacing: -.005em; }
:root [data-id="7dd0a6e"] { flex: 0 0 auto; margin-right: 10px; }
:root [data-id="7dd0a6e"] img { width: 380px; height: auto; display: block; }
:root [data-id="ba422e6"] { margin-top: 56px; columns: 2; column-gap: 72px; }
:root [data-id="ba422e6"] p { break-inside: avoid; }
:root [data-id="ba422e6"] a, :root [data-id="7376061"] a { color: var(--e-global-color-60419a5); }
:root [data-id="2c1aa58"] { margin-top: 80px; }
:root [data-id="2c1aa58"] .video { border-radius: 28px; overflow: hidden; aspect-ratio: 16 / 7; }

/* ---------- Team ---------- */
:root [data-id="team"] { --padding-top: 95px; --padding-bottom: 95px; background: var(--e-global-color-689e2a4); }
:root [data-id="team-title"] .h { font-size: 72px; line-height: 1; color: var(--e-global-color-0fd6eec); }
:root [data-id="team-list"] { margin-top: 48px; columns: 3; column-gap: 72px; font-size: 16px; line-height: 1.5; color: var(--e-global-color-5731bf8); }
:root [data-id="team-list"] .line { display: block; break-inside: avoid; margin-bottom: 12px; }
:root [data-id="team-list"] strong, :root [data-id="team-list"] b { color: #fff; font-weight: 700; }

/* ---------- Indie Planet + Media Partners: text left, logos right ---------- */
:root [data-id="ab-indie"], :root [data-id="ab-media"] { --padding-top: 95px; --padding-bottom: 95px; --flex-direction: row; --align-items: center; --column-gap: 80px; --gap: 80px; }
:root [data-id="ab-indie"] { background: var(--e-global-color-5731bf8); }
:root [data-id="ab-media"] { background: var(--e-global-color-60419a5); color: #fff; }
:root [data-id="ab-indie-text"], :root [data-id="ab-media-text"] { flex: 0 1 600px; --gap: 40px; --row-gap: 40px; --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px; }
:root [data-id="ea10296"] .h, :root [data-id="3d5c402"] .h { font-size: 72px; line-height: 1; }
:root [data-id="3d5c402"] .h { color: var(--e-global-color-0fd6eec); }
:root [data-id="gia-desc"] { color: #fff; }
:root [data-id="ab-indie-logos"] {
  flex: 1 1 0; --display: grid; --e-con-grid-template-columns: repeat(2, 1fr); --e-con-grid-template-rows: auto;
  --row-gap: 56px; --column-gap: 56px; --gap: 56px 56px; --align-items: center;
  --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px;
}
:root [data-id="ab-indie-logos"] .w-img { display: flex; justify-content: center; align-items: center; }
:root [data-id="ab-indie-logos"] img { width: auto; height: auto; max-width: 180px; max-height: 66px; object-fit: contain; }
:root [data-id="af87376"] img { max-height: 44px; }
:root [data-id="cdb80cf"] img { max-height: 34px; }
:root [data-id="b9681cb"] { flex: 1 1 0; display: flex; justify-content: center; }
:root [data-id="b9681cb"] img { width: 260px; height: auto; }

/* ---------- Smaller screens ---------- */
@media (max-width: 1280px) {
  :root [data-id="ab-hero"], :root [data-id="team"], :root [data-id="ab-indie"], :root [data-id="ab-media"] { --padding-left: 40px; --padding-right: 40px; }
  :root [data-id="418128d"] .h { font-size: 120px; }
  :root [data-id="7dd0a6e"] img { width: 320px; }
}
@media (max-width: 1024px) {
  :root [data-id="418128d"] .h { font-size: 96px; }
  :root [data-id="7dd0a6e"] img { width: 260px; }
  :root [data-id="team-list"] { columns: 2; }
  :root [data-id="ab-indie"], :root [data-id="ab-media"] { --column-gap: 48px; --gap: 48px; }
}
@media (max-width: 767px) {
  :root [data-id="ab-hero"], :root [data-id="team"], :root [data-id="ab-indie"], :root [data-id="ab-media"] { --padding-left: 20px; --padding-right: 20px; --padding-top: 64px; --padding-bottom: 64px; }
  :root [data-id="ab-hero"] { --padding-top: 110px; }
  :root [data-id="ab-hero-top"] { --flex-direction: column-reverse; --align-items: flex-start; --gap: 24px; --row-gap: 24px; }
  :root [data-id="9a8f45b"] .h { font-size: 26px; }
  :root [data-id="418128d"] .h { font-size: 68px; line-height: .9; }
  :root [data-id="7dd0a6e"] { align-self: center; margin: 0; }
  :root [data-id="7dd0a6e"] img { width: 220px; }
  /* Mobile: video comes before the intro text */
  :root [data-id="2c1aa58"] { order: 1; margin-top: 40px; }
  :root [data-id="ba422e6"] { order: 2; columns: 1; margin-top: 40px; }
  :root [data-id="2c1aa58"] .video { border-radius: 18px; aspect-ratio: 16 / 10; }
  :root [data-id="team-title"] .h, :root [data-id="ea10296"] .h, :root [data-id="3d5c402"] .h { font-size: 52px; }
  :root [data-id="team-list"] { columns: 1; margin-top: 32px; }
  :root [data-id="ab-indie"], :root [data-id="ab-media"] { --flex-direction: column; --align-items: stretch; --gap: 48px; --row-gap: 48px; }
  :root [data-id="ab-indie-text"], :root [data-id="ab-media-text"] { flex: none; --gap: 28px; --row-gap: 28px; }
  :root [data-id="ab-indie-logos"] { --row-gap: 40px; --column-gap: 24px; --gap: 40px 24px; }
  :root [data-id="ab-indie-logos"] img { max-width: 140px; }
  :root [data-id="b9681cb"] img { width: 220px; }
}

/* No single words left alone on the last line */
:root [data-id="ab-hero"] .w-text, :root [data-id="ab-indie"] .w-text, :root [data-id="ab-media"] .w-text, :root [data-id="team-list"] .line { text-wrap: pretty; }