/* =========================================================
   ICE theme overrides: #about (story · then/now/next stack · pillars · client ticker)
   Colour only. Every rule scoped [data-theme="ice"]. Original: assets/css/about.css
   ========================================================= */

[data-theme="ice"] .about-aura {
  background:
    radial-gradient(36% 34% at 24% 32%, rgba(56, 182, 245, .13), transparent 70%),
    radial-gradient(30% 28% at 80% 20%, rgba(99, 102, 241, .06), transparent 70%),
    radial-gradient(40% 30% at 60% 88%, rgba(56, 182, 245, .08), transparent 70%);
}

/* ---------- visual stack: photos stay, frames turn into white-edged prints with soft navy shadows ---------- */
[data-theme="ice"] .about-card {
  background: #0a1f36;
  border-color: rgba(255, 255, 255, .9);
  box-shadow: 0 2px 6px rgba(16, 60, 110, .08), 0 30px 60px -28px rgba(16, 60, 110, .5);
}
/* text sitting on a photo keeps its dark scrim + light text */
[data-theme="ice"] .about-tag { color: #fff; text-shadow: 0 1px 8px rgba(0, 0, 0, .8); }
[data-theme="ice"] .about-tag b { color: #7fdcff; }
[data-theme="ice"] .about-card-then .about-tag b { color: #f6c66b; }
[data-theme="ice"] .about-card-now {
  border-color: rgba(255, 255, 255, .95);
  box-shadow: 0 2px 8px rgba(16, 60, 110, .08), 0 40px 80px -32px rgba(16, 60, 110, .55), 0 0 0 1px rgba(56, 182, 245, .22);
}
[data-theme="ice"] .about-card-now .about-tag { color: #fff; background: rgba(6, 18, 36, .72); border-color: rgba(255, 255, 255, .22); }
[data-theme="ice"] .about-card-now .about-tag b { color: #c4b5fd; }

/* "Next" card: a light code editor (it is not a photo, so it goes frost-white) */
[data-theme="ice"] .about-card-next {
  background: linear-gradient(160deg, #ffffff, #eef6fd);
  border-color: rgba(56, 182, 245, .45);
  box-shadow: 0 2px 6px rgba(16, 60, 110, .08), 0 30px 60px -26px rgba(16, 60, 110, .5);
}
[data-theme="ice"] .about-card-next .about-tag { color: var(--ink); text-shadow: none; }
[data-theme="ice"] .about-card-next .about-tag b { color: var(--cyan); }
[data-theme="ice"] .about-code { color: var(--ink-2); }
[data-theme="ice"] .about-code-bar { border-bottom-color: var(--line); }
[data-theme="ice"] .about-code-bar i { background: #c9d6e6; }
[data-theme="ice"] .about-code-bar i:first-child { background: #ff6b7a; }
[data-theme="ice"] .about-code-bar i:nth-child(2) { background: #f5b83d; }
[data-theme="ice"] .about-code-bar i:nth-child(3) { background: #2bc48a; }
[data-theme="ice"] .about-code-bar span { color: var(--muted); }
[data-theme="ice"] .about-c-k { color: var(--cyan); }
[data-theme="ice"] .about-c-s { color: #6d28d9; }
[data-theme="ice"] .about-c-ok { color: #047857; }
[data-theme="ice"] .about-code-cursor::after { background: var(--ice); box-shadow: none; }

[data-theme="ice"] .about-badge {
  background: radial-gradient(circle at 30% 25%, #ffffff, #e4f2fd 72%);
  border-color: rgba(56, 182, 245, .55);
  box-shadow: 0 2px 6px rgba(16, 60, 110, .08), 0 18px 40px -16px rgba(14, 110, 190, .55), inset 0 0 0 4px rgba(255, 255, 255, .7);
}
[data-theme="ice"] .about-badge span { color: var(--ink-2); }
[data-theme="ice"] .about-geo {
  color: var(--ink-2); background: rgba(255, 255, 255, .9); border-color: var(--line-2);
  box-shadow: 0 8px 22px -12px rgba(16, 60, 110, .45);
}
[data-theme="ice"] .about-geo-dot { background: #d99a1c; box-shadow: 0 0 0 3px rgba(246, 198, 107, .3); }

/* ---------- copy ---------- */
[data-theme="ice"] .about-sign { border-top-color: var(--line); }

/* ---------- pillars (.glass from ice/base.css) ---------- */
[data-theme="ice"] .about-pillar:hover { border-color: rgba(56, 182, 245, .55); box-shadow: 0 2px 6px rgba(16, 60, 110, .06), 0 30px 70px -30px rgba(14, 110, 190, .5), inset 0 1px 0 #fff; }
[data-theme="ice"] .about-pillar-link { color: var(--cyan); }
[data-theme="ice"] .about-pillar-link:hover { color: #045a8c; }

/* ---------- client ticker ---------- */
[data-theme="ice"] .about-ticker {
  border-block-color: var(--line);
  background: linear-gradient(90deg, rgba(56, 182, 245, .07), rgba(99, 102, 241, .06), rgba(56, 182, 245, .07));
}
[data-theme="ice"] .about-track li { color: var(--ink-2); }
[data-theme="ice"] .about-track li::after { box-shadow: none; }