/* "Selected for" partner strip: Anthropic Startup Program, OpenAI Partner Network (2026-10-15).
   Shared by the homepage gallery band and the school-facing and About pages (2026-10-16).
   Logos: logos/partners/, official marks in ink navy. Markup: .ai-band > .aib-k + ul.aib-row. */
.ai-band { text-align: center; padding: clamp(26px, 2.8vw, 40px) 20px clamp(30px, 3.4vw, 44px); }
.ai-band .aib-k { margin: 0 0 20px; font-size: 12px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: #4A5578; }
.ai-band .aib-row { display: flex; justify-content: center; gap: clamp(36px, 6vw, 88px); margin: 0; padding: 0; list-style: none; }
.ai-band .aib-row li { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.ai-band .aib-logo { height: 36px; display: flex; align-items: center; }
.ai-band .aib-logo img { display: block; width: auto; }
.ai-band .aib-anthropic { height: 17px; }
.ai-band .aib-openai { height: 35px; }
.ai-band .aib-prog { font-size: 14px; color: #4A5578; }
:lang(zh) .ai-band .aib-k { letter-spacing: .1em; font-size: 14px; }
/* Inner pages: the strip closes a proof or team section, under a hairline */
.ai-band.aib-inline { margin-top: clamp(32px, 3.6vw, 48px); padding: clamp(28px, 3vw, 40px) 0 0; border-top: 1px solid rgba(11,26,74,.12); }
@media (max-width: 760px) {
  .ai-band { padding: 4px 16px 26px; }
  .ai-band .aib-k { font-size: 11px; letter-spacing: .12em; margin-bottom: 16px; text-wrap: balance; }
  :lang(zh) .ai-band .aib-k { font-size: 13px; }
  .ai-band .aib-row { gap: 32px; }
  .ai-band .aib-logo { height: 30px; }
  .ai-band .aib-anthropic { height: 14px; }
  .ai-band .aib-openai { height: 29px; }
  .ai-band .aib-prog { font-size: 13px; }
  .ai-band.aib-inline { margin-top: 32px; padding: 26px 0 0; }
}
/* One intentional 1px hairline between the two partners, so nothing else can read as a divider
   in that gap (RES-BRIEF, Oct 16, 8:19pm: a stray dark pill/bar was reported between the logos).
   The guards keep any marker or extra pseudo-element out of the row. */
.ai-band .aib-row > li { position: relative; list-style: none; }
.ai-band .aib-row > li::marker { content: none; }
.ai-band .aib-row > li::after { content: none !important; }
.ai-band .aib-row > li + li::before { content: ""; position: absolute; top: 4px; bottom: 4px;
  left: calc(clamp(36px, 6vw, 88px) / -2); width: 1px; background: rgba(11,26,74,.14); border-radius: 0; }
@media (max-width: 760px) { .ai-band .aib-row > li + li::before { left: -16px; } }

/* Homepage placement (Oct 17, 2026): its own band directly under the hero, above the 60-second film. White paper
   between the navy hero and the tinted film section; design-system spacing; hairline below. */
body.home .hp-member { background: var(--pro-bg, #fff); border-bottom: var(--hairline, 1px solid rgba(11,26,74,.12)); }
body.home .hp-member .ai-band { padding: var(--space-7, 40px) 0 var(--space-7, 40px); }
body.home .hp-member .aib-k { margin-bottom: var(--space-5, 20px); font: 600 var(--text-xs, 12px)/1.3 'Geist', system-ui, sans-serif; letter-spacing: .14em; color: var(--pro-soft, #4A5578); }
body.home .hp-member .aib-prog { font-size: var(--text-sm, 14px); color: var(--pro-soft, #4A5578); }
body.home #member { scroll-margin-top: 64px; }
@media (max-width: 760px) {
  body.home .hp-member .ai-band { padding: var(--space-6, 32px) 0; }
  body.home .hp-member .aib-k { margin-bottom: var(--space-4, 16px); }
}