.oxi-hero{padding:56px 0 48px;display:grid;grid-template-columns:96px 1fr;gap:28px;align-items:start}.oxi-hero-logo{width:96px;height:96px;border-radius:24px;background:var(--color-surface-raised);border:1px solid var(--color-border);padding:12px}.oxi-hero-eyebrow{color:var(--cat-oxi);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}.oxi-hero h1{font-size:48px;line-height:1.05;margin:0 0 18px;font-weight:700;letter-spacing:-.03em;color:var(--color-text)}.oxi-hero-lede{font-size:19px;color:var(--color-text);margin:0 0 24px;line-height:1.55}.oxi-hero-meta{display:flex;flex-wrap:wrap;gap:8px}.oxi-tag{display:inline-block;background:color-mix(in oklch,var(--cat-oxi) 14%,transparent);color:var(--cat-oxi);font-size:11px;font-weight:600;padding:4px 9px;border-radius:4px;letter-spacing:.02em}.oxi-hero-tagline{font-size:15px;color:var(--color-text-muted);margin:-8px 0 16px;font-weight:500}.oxi-hero-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.oxi-hero-link{display:inline-block;background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text);font-size:13px;font-weight:600;padding:8px 14px;border-radius:var(--radius-sm);transition:border-color .15s,background .15s}.oxi-hero-link:hover{border-color:var(--color-primary);background:var(--color-surface-raised-2);text-decoration:none}.oxi-lineup{display:grid;grid-template-columns:1fr 1fr;gap:16px}.oxi-lineup-card{display:grid;grid-template-columns:72px 1fr;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:18px 20px;gap:18px;transition:border-color .15s,background .15s,transform .15s;text-decoration:none;color:inherit}.oxi-lineup-card:hover{border-color:var(--color-primary);background:var(--color-surface-raised-2);transform:translateY(-2px);text-decoration:none}.oxi-lineup-card-icon{width:72px;height:72px;border-radius:16px;background:var(--color-surface);border:1px solid var(--color-border);padding:8px;display:flex;align-items:center;justify-content:center}.oxi-lineup-card-icon img{width:100%;height:100%;object-fit:contain}.oxi-lineup-card-meta{display:flex;flex-direction:column;min-width:0}.oxi-lineup-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.oxi-lineup-card h3{font-size:18px;margin:0 0 6px;font-weight:700;color:var(--color-text);letter-spacing:-.01em}.oxi-lineup-card p{margin:0;color:var(--color-text-muted);font-size:13px;line-height:1.5}.hue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 16px}.hue-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:12px}.hue-swatch{display:block;height:48px;border-radius:var(--radius-sm);margin-bottom:10px}.hue-name{display:block;font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:2px}.hue-card code{font-family:var(--font-mono);font-size:11.5px;color:var(--color-text-subtle)}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 12px}.type-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:18px 20px}.type-role{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-subtle);margin-bottom:10px}.type-sample{margin:0;font-size:19px;line-height:1.4;color:var(--color-text);font-weight:600;letter-spacing:-.01em}.mark-block{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:start;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px}.mark-block img{width:140px;height:140px;border-radius:16px;border:1px solid var(--color-border)}.mark-block p{margin:0 0 10px;color:var(--color-text)}.mark-quote{margin:0;font-size:13px;color:var(--color-text-muted);font-style:italic}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.principle-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:18px 20px}.principle-card h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--cat-oxi)}.principle-card p{margin:0;color:var(--color-text-muted);font-size:13px;line-height:1.55}@media(max-width:720px){.oxi-hero{grid-template-columns:64px 1fr;gap:18px;padding:32px 0}.oxi-hero-logo{width:64px;height:64px}.oxi-hero h1{font-size:32px}.oxi-hero-lede{font-size:16px}.oxi-lineup,.principles{grid-template-columns:1fr}.hue-grid{grid-template-columns:repeat(2,1fr)}.type-grid,.mark-block{grid-template-columns:1fr}.mark-block img{width:108px;height:108px}}