| .stats { |
| grid-template-columns: repeat(4, 1fr); |
| } |
|
|
| .hero-actions { |
| grid-column: 1 / -1; |
| display: flex; |
| gap: 10px; |
| flex-wrap: wrap; |
| } |
|
|
| .hero-actions a { |
| color: var(--ink); |
| border: 1px solid var(--line); |
| padding: 12px 15px; |
| text-decoration: none; |
| font: 700 10px ui-monospace, monospace; |
| } |
|
|
| .hero-actions .primary-cta { |
| color: #071000; |
| background: var(--green); |
| border-color: var(--green); |
| } |
|
|
| .language-switch { |
| display: inline-flex; |
| border: 1px solid var(--line); |
| } |
|
|
| .language-switch button { |
| border: 0; |
| padding: 7px 9px; |
| color: var(--muted); |
| background: transparent; |
| cursor: pointer; |
| font: 700 9px ui-monospace, monospace; |
| } |
|
|
| .language-switch button.active { |
| color: #071000; |
| background: var(--green); |
| } |
|
|
| .manifest-state { |
| grid-column: 1 / -1; |
| } |
|
|
| .manifest-state.error { |
| color: #ff9e8f; |
| } |
|
|
| .recruiter-path { |
| padding: 56px 0 70px; |
| border-top: 1px solid var(--line); |
| } |
|
|
| .skill-matrix { |
| display: grid; |
| grid-template-columns: repeat(4, 1fr); |
| gap: 1px; |
| background: var(--line); |
| border: 1px solid var(--line); |
| } |
|
|
| .skill-matrix article { |
| min-height: 180px; |
| padding: 20px; |
| background: var(--panel); |
| } |
|
|
| .skill-matrix span, |
| .featured-work small { |
| color: var(--green); |
| font: 700 8px ui-monospace, monospace; |
| letter-spacing: .12em; |
| } |
|
|
| .skill-matrix h3 { |
| margin: 25px 0 10px; |
| font-size: 16px; |
| } |
|
|
| .skill-matrix p { |
| margin: 0; |
| color: var(--muted); |
| font-size: 11px; |
| line-height: 1.7; |
| } |
|
|
| .featured-work { |
| display: grid; |
| grid-template-columns: repeat(3, 1fr); |
| gap: 10px; |
| margin-top: 10px; |
| } |
|
|
| .featured-work a { |
| display: flex; |
| min-height: 150px; |
| padding: 20px; |
| flex-direction: column; |
| border: 1px solid var(--line); |
| color: var(--ink); |
| text-decoration: none; |
| } |
|
|
| .featured-work a:hover { |
| border-color: var(--green); |
| background: rgba(118, 185, 0, .05); |
| } |
|
|
| .featured-work strong { |
| margin: 24px 0 8px; |
| } |
|
|
| .featured-work span { |
| color: var(--muted); |
| font-size: 10px; |
| } |
|
|
| .hf-artifacts { |
| margin: 0 0 58px; |
| } |
|
|
| .section-heading { |
| display: grid; |
| grid-template-columns: 1fr 1fr; |
| gap: 6vw; |
| align-items: end; |
| margin-bottom: 22px; |
| } |
|
|
| .section-heading h2 { |
| font-size: clamp(30px, 4vw, 52px); |
| letter-spacing: -.045em; |
| margin: 10px 0 0; |
| } |
|
|
| .section-heading > p { |
| color: var(--muted); |
| line-height: 1.7; |
| margin: 0; |
| } |
|
|
| .hf-grid { |
| display: grid; |
| grid-template-columns: repeat(3, 1fr); |
| gap: 1px; |
| background: var(--line); |
| border: 1px solid var(--line); |
| } |
|
|
| .hf-card { |
| background: #0b0f0c; |
| padding: 22px; |
| min-height: 240px; |
| display: flex; |
| flex-direction: column; |
| } |
|
|
| .hf-card h3 { |
| font-size: 18px; |
| margin: 18px 0 9px; |
| } |
|
|
| .hf-card p { |
| color: #9ca69e; |
| font-size: 12px; |
| line-height: 1.65; |
| margin: 0; |
| } |
|
|
| .hf-card > a { |
| color: var(--acid); |
| font: 10px ui-monospace, monospace; |
| text-decoration: none; |
| margin-top: auto; |
| } |
|
|
| .artifact-type { |
| display: inline-block; |
| font: 8px ui-monospace, monospace; |
| letter-spacing: .12em; |
| border: 1px solid; |
| padding: 5px 7px; |
| } |
|
|
| .artifact-type.space { |
| color: var(--acid); |
| border-color: #466523; |
| } |
|
|
| .artifact-type.model { |
| color: #8ecbff; |
| border-color: #284963; |
| } |
|
|
| .artifact-type.dataset { |
| color: #d7a7ff; |
| border-color: #513466; |
| } |
|
|
| @media (max-width: 950px) { |
| .section-heading { |
| grid-template-columns: 1fr; |
| } |
|
|
| .hf-grid { |
| grid-template-columns: 1fr 1fr; |
| } |
|
|
| .skill-matrix, |
| .featured-work { |
| grid-template-columns: 1fr 1fr; |
| } |
| } |
|
|
| @media (max-width: 620px) { |
| .hf-grid { |
| grid-template-columns: 1fr; |
| } |
|
|
| .skill-matrix, |
| .featured-work { |
| grid-template-columns: 1fr; |
| } |
|
|
| header nav { |
| gap: 8px; |
| } |
| } |
|
|
