/* Careers page: the line drawings are the company's own; on paper they are inverted to dark ink */
.careers-head__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(28px, 5vw, 72px); align-items: end; }
.drawing { width: 100%; height: auto; }
.paper .drawing--dark { filter: brightness(0) saturate(100%); opacity: .85; }
@media (max-width: 860px) { .careers-head__grid { grid-template-columns: 1fr; } }

.problems__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 80px); align-items: start; }
.problems h2 { margin-bottom: 18px; }
.problems__list { margin: 0; padding: 0; list-style: none; counter-reset: p; border-top: 2px solid var(--ink); }
.problems__list li { counter-increment: p; display: grid; grid-template-columns: 44px 1fr; padding: 16px 0; border-bottom: 1px solid var(--ink-line); font-size: 1.1rem; }
.problems__list li::before { content: counter(p); font-style: italic; font-weight: 800; color: var(--brand); }
@media (max-width: 860px) { .problems__grid { grid-template-columns: 1fr; } }

.team__grid { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: clamp(28px, 5vw, 80px); align-items: center; }
.team h2 { margin-bottom: 18px; max-width: 16ch; }
@media (max-width: 760px) { .team__grid { grid-template-columns: 1fr; } }

.things__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 0; border-top: 2px solid var(--ink); }
.things__grid article { display: grid; gap: 12px; align-content: start; padding: 28px 28px 32px 0; border-bottom: 1px solid var(--ink-line); }
.things__grid article + article { padding-left: 28px; border-left: 1px solid var(--ink-line); }
.things__grid .drawing { height: 140px; width: auto; max-width: 100%; object-fit: contain; object-position: left bottom; }
.things__grid p { color: var(--ink-2); }
@media (max-width: 960px) { .things__grid article + article { padding-left: 0; border-left: 0; } }

.values h2 { margin-bottom: 28px; }
.values__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); border-top: 1px solid var(--line); }
.values__list li { padding: 22px 24px 24px 0; border-bottom: 1px solid var(--line); }
.values__list h3 { margin-bottom: 8px; }
.values__list p { color: var(--text-2); }

.roles__list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); border-top: 2px solid var(--ink); }
.role { display: grid; gap: 10px; align-content: start; padding: 24px 24px 28px 0; border-bottom: 1px solid var(--ink-line); }
.role__place { font-size: .875rem; font-weight: 600; color: var(--ink-2); }
.role p:not(.role__place) { color: var(--ink-2); }
.role .more { justify-self: start; }