:root { --ai-night: #111921; --ai-blue: #7da9ff; --ai-violet: #a996ff; --ai-paper: #edf1f4; }
.ai-team,
.codex { background: var(--ai-paper); }
.ai-team > header,
.codex > header { background: var(--ai-night); color: white; border-color: #ffffff26; }
.ai-team > header small,
.codex > header small { color: var(--ai-blue); }
.ai-team > main > article > header,
.codex > main > article > header { min-height: 78vh; padding: clamp(5rem, 10vw, 10rem) max(5vw, calc((100vw - 1120px) / 2)); display: grid; align-content: center; gap: 1.5rem; background: radial-gradient(circle at 82% 34%, color-mix(in srgb, var(--ai-blue) 44%, transparent), transparent 30%), linear-gradient(125deg, var(--ai-paper) 48%, #d8dff0); }
.ai-team > main > article > header > p:first-child,
.codex > main > article > header > p:first-child,
.ai-team > main section > p:first-child,
.codex > main section > p:first-child { margin: 0; text-transform: uppercase; letter-spacing: .15em; font-size: .72rem; font-weight: 800; }
.ai-team > main > article > header > p:first-child span:first-child::after,
.codex > main > article > header > p:first-child span:first-child::after { content: "."; opacity: .38; }
.ai-team > main > article > header > p:first-child span:nth-child(2),
.ai-team > main > article > header > p:first-child strong,
.codex > main > article > header > p:first-child span:nth-child(2),
.codex > main > article > header > p:first-child strong { margin-left: -.22em; }
.ai-team > main > article > header > p:first-child span:nth-child(2)::after,
.codex > main > article > header > p:first-child span:nth-child(2)::after { content: "/"; opacity: .38; }
.ai-team h1,
.codex h1 { max-width: 11ch; margin: 0; font: 500 clamp(4rem, 9vw, 8.5rem)/.84 Georgia,serif; letter-spacing: -.065em; }
.ai-team h2,
.codex h2 { max-width: 18ch; font: 500 clamp(2.8rem, 5.2vw, 5.5rem)/.94 Georgia,serif; letter-spacing: -.045em; }
.ai-team > main > article > header > p:nth-of-type(2),
.codex > main > article > header > p:nth-of-type(2) { max-width: 48rem; font-size: clamp(1.2rem, 2vw, 1.65rem); }
.ai-team main aside,
.codex main aside { max-width: 48rem; display: grid; grid-template-columns: auto 1fr; gap: 1rem; padding: 1.2rem; border: 1px solid #1421302b; border-radius: 1rem; background: #ffffff9c; }
.ai-team > main section,
.codex > main section,
.ai-team > main article > footer,
.codex > main article > footer { padding: clamp(4rem, 9vw, 8rem) max(5vw, calc((100vw - 1120px) / 2)); border-top: 1px solid #14213024; }
.ai-team > main section > p:not(:first-child),
.codex > main section > p:not(:first-child) { max-width: 48rem; font-size: 1.14rem; line-height: 1.68; }
.ai-team > main section > div { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; margin-top: 3rem; background: #1421302b; border: 1px solid #1421302b; }
.ai-team > main section > div article { padding: 1.5rem; background: var(--ai-paper); }
.ai-team figure,
.codex figure { margin: 3rem 0 0; padding: clamp(1.5rem, 4vw, 3rem); border-radius: 1.5rem; background: var(--ai-night); color: white; }
.ai-team figure ol,
.codex figure ol,
.ai-team section > ol,
.codex section > ol { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: #ffffff32; }
.ai-team figure li,
.codex figure li,
.ai-team section > ol li,
.codex section > ol li { padding: 1.3rem; background: var(--ai-night); }
.ai-team li strong,
.ai-team li span,
.codex li strong,
.codex li span { display: block; }
.ai-team li span,
.codex li span { margin-top: .5rem; opacity: .7; }
.ai-team blockquote { max-width: 50rem; margin: 3rem 0; font: 500 clamp(1.7rem, 3vw, 2.8rem)/1.2 Georgia,serif; }
.ai-team dl,
.codex dl { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; margin-top: 3rem; background: #1421302b; border: 1px solid #1421302b; }
.ai-team dl div,
.codex dl div { padding: 1.4rem; background: var(--ai-paper); }
.ai-team dd,
.codex dd { margin: .5rem 0 0; }
.codex table { width: 100%; margin-top: 3rem; border-collapse: collapse; }
.codex th,
.codex td { padding: 1rem; border-bottom: 1px solid #1421302b; text-align: left; }
.codex tbody td:last-child { color: #38599a; font-weight: 700; }
.ai-team > main article > footer,
.codex > main article > footer { background: var(--ai-night); color: white; }
.ai-team > main article > footer nav,
.codex > main article > footer nav { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-top: 2rem; }
@media(max-width:800px) { .ai-team > main section > div, .ai-team figure ol, .codex figure ol, .ai-team section > ol, .codex section > ol, .ai-team dl, .codex dl { grid-template-columns: 1fr; } .ai-team main aside, .codex main aside { grid-template-columns: 1fr; } }