/* Block Gemini — Leadership · Careers · Partners pages */

/* ===== LEADERSHIP ===== */
.ld-roster-head {
  display: flex; justify-content: space-between; align-items: end; gap: 24px; flex-wrap: wrap; margin-bottom: 32px;
}
.ld-meta { display: flex; gap: 24px; font-family: var(--font-mono); font-size: 11px; color: var(--site-text-3); letter-spacing: 0.14em; text-transform: uppercase; }
.ld-meta b { color: #fff; font-family: var(--font-display); font-size: 22px; font-weight: 300; letter-spacing: -0.02em; margin-right: 6px; text-transform: none; display: inline-block; }

.ld-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 1080px) { .ld-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px)  { .ld-grid { grid-template-columns: 1fr; } }

.ld-card {
  display: grid; grid-template-rows: auto 1fr;
  background: rgba(255,255,255,0.02);
  border: 1px solid var(--site-line);
  transition: border-color 0.2s, background 0.2s, transform 0.2s;
}
.ld-card:hover { border-color: rgba(79,200,255,0.4); background: rgba(79,200,255,0.04); transform: translateY(-2px); }

.ld-portrait {
  position: relative; aspect-ratio: 4/5;
  background:
    radial-gradient(60% 80% at 30% 20%, rgba(79,200,255,0.18), transparent 60%),
    linear-gradient(135deg, rgba(0,85,255,0.18), rgba(94,255,164,0.05));
  border-bottom: 1px solid var(--site-line);
  overflow: hidden;
}
.ld-portrait::after {
  content: ""; position: absolute; inset: 0; background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(90deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 4px);
  mix-blend-mode: overlay; opacity: 0.5;
}
.ld-mono {
  position: absolute; left: 14px; top: 14px;
  font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.18em;
  color: rgba(255,255,255,0.6); text-transform: uppercase; z-index: 2;
}
.ld-mono.r { left: auto; right: 14px; }
.ld-initials {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-weight: 300; color: rgba(255,255,255,0.85);
  font-size: clamp(64px, 9vw, 110px); letter-spacing: -0.05em;
}

.ld-body { padding: 20px; display: flex; flex-direction: column; gap: 8px; }
.ld-role { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.16em; color: var(--site-cyan); text-transform: uppercase; }
.ld-title { font-family: var(--font-display); font-weight: 300; font-size: 22px; color: #fff; letter-spacing: -0.02em; margin: 0; }
.ld-bio { font-size: 13.5px; line-height: 1.55; color: var(--site-text-2); margin: 4px 0 12px; }
.ld-foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 12px; margin-top: auto; border-top: 1px solid var(--site-line); font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; }
.ld-loc { color: var(--site-mint); }
.ld-cta { color: var(--site-cyan); }
.ld-cta:hover { color: var(--site-mint); }

.ld-values { margin-top: 80px; padding-top: 56px; border-top: 1px solid var(--site-line); }
.ld-values-head { margin-bottom: 28px; }
.ld-values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 900px) { .ld-values-grid { grid-template-columns: 1fr; } }
.ld-value { padding: 28px; border: 1px solid var(--site-line); background: rgba(255,255,255,0.015); }
.ld-value .n { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.2em; color: var(--site-cyan); text-transform: uppercase; }
.ld-value h4 { font-family: var(--font-display); font-weight: 300; font-size: 24px; color: #fff; letter-spacing: -0.02em; margin: 10px 0 10px; }
.ld-value p { font-size: 14px; line-height: 1.6; color: var(--site-text-2); margin: 0; }

.ld-cta {
  margin-top: 56px; padding: 40px; border: 1px solid var(--site-line);
  background: linear-gradient(135deg, rgba(0,85,255,0.06), rgba(94,255,164,0.03));
  text-align: center;
}
.ld-cta h3 { font-family: var(--font-display); font-weight: 300; font-size: clamp(28px, 3vw, 40px); color: #fff; letter-spacing: -0.02em; margin: 0 0 8px; }
.ld-cta p { font-size: 15px; color: var(--site-text-2); margin: 0 0 22px; }
.ld-cta-row { display: inline-flex; gap: 12px; flex-wrap: wrap; justify-content: center; }

/* ===== CAREERS ===== */
.cr-head { margin: 64px 0 24px; }
.cr-head:first-child { margin-top: 0; }

/* Categories */
.cr-cats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 24px; }
@media (max-width: 800px) { .cr-cats { grid-template-columns: 1fr; } }
.cr-cat {
  display: grid; grid-template-columns: auto 1fr auto; gap: 24px; align-items: center;
  padding: 24px; border: 1px solid var(--site-line); background: rgba(255,255,255,0.015);
  cursor: pointer; transition: border-color 0.2s, background 0.2s, transform 0.2s;
}
.cr-cat:hover { border-color: rgba(79,200,255,0.4); background: rgba(79,200,255,0.04); transform: translateY(-2px); }
.cr-cat-glyph {
  width: 64px; height: 64px; display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-weight: 300; font-size: 26px; color: #fff;
  letter-spacing: -0.02em; border: 1px solid var(--site-line);
  background: linear-gradient(135deg, rgba(0,85,255,0.18), rgba(94,255,164,0.05));
}
.cr-cat-body h3 { font-family: var(--font-display); font-weight: 300; font-size: 22px; color: #fff; letter-spacing: -0.02em; margin: 0 0 6px; }
.cr-cat-body p { font-size: 13.5px; line-height: 1.55; color: var(--site-text-2); margin: 0 0 10px; }
.cr-cat-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.cr-cat-tag { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.14em; padding: 3px 8px; border: 1px solid var(--site-line); color: var(--site-text-3); text-transform: uppercase; }
.cr-cat-count { text-align: right; min-width: 80px; }
.cr-cat-count b { display: block; font-family: var(--font-display); font-weight: 300; font-size: 32px; color: var(--site-cyan); letter-spacing: -0.02em; }
.cr-cat-count span { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.18em; color: var(--site-text-3); text-transform: uppercase; }

/* Filters & roles list */
.cr-roles-wrap { margin-top: 8px; }
.cr-filt { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 18px; }
.cr-pill {
  font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em;
  padding: 6px 14px; border: 1px solid var(--site-line); background: transparent;
  color: var(--site-text-2); cursor: pointer; transition: all 0.2s; text-transform: uppercase;
}
.cr-pill:hover, .cr-pill.on { border-color: var(--site-cyan); color: var(--site-cyan); background: rgba(79,200,255,0.06); }
.cr-roles { border: 1px solid var(--site-line); }
.cr-role {
  display: grid; grid-template-columns: 70px 1fr 1fr 1fr auto; gap: 24px; align-items: center;
  padding: 18px 22px; border-bottom: 1px solid var(--site-line);
  text-decoration: none; color: inherit; transition: background 0.2s;
}
.cr-role:last-child { border-bottom: 0; }
.cr-role:hover { background: rgba(79,200,255,0.04); }
.cr-role .id { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.14em; color: var(--site-cyan); }
.cr-role .ti { font-family: var(--font-display); font-weight: 300; font-size: 17px; color: #fff; letter-spacing: -0.01em; }
.cr-role .ca { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.14em; color: var(--site-text-3); text-transform: uppercase; }
.cr-role .lo { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.14em; color: var(--site-text-2); text-transform: uppercase; }
.cr-role .ar { color: var(--site-cyan); font-family: var(--font-display); font-weight: 300; font-size: 18px; transition: transform 0.2s; }
.cr-role:hover .ar { transform: translateX(4px); color: var(--site-mint); }
@media (max-width: 800px) { .cr-role { grid-template-columns: 1fr; gap: 6px; } .cr-role .ar { display: none; } }
.cr-empty { padding: 32px; text-align: center; font-family: var(--font-mono); font-size: 12px; color: var(--site-text-3); letter-spacing: 0.1em; text-transform: uppercase; }

/* Locations */
.cr-locs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
@media (max-width: 720px) { .cr-locs { grid-template-columns: 1fr; } }
.cr-loc { padding: 24px; border: 1px solid var(--site-line); background: rgba(255,255,255,0.015); }
.cr-loc-tag { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.18em; color: var(--site-cyan); text-transform: uppercase; margin-bottom: 8px; }
.cr-loc h4.loc-city { font-size: 26px; margin: 0 0 10px; }
.cr-loc .loc-addr { font-size: 14px; line-height: 1.55; }
.cr-loc-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding-top: 14px; margin-top: 14px; border-top: 1px solid var(--site-line); }
.cr-loc-meta b { display: block; font-family: var(--font-display); font-weight: 300; font-size: 20px; color: #fff; letter-spacing: -0.01em; }
.cr-loc-meta span { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.14em; color: var(--site-text-3); text-transform: uppercase; margin-top: 4px; display: block; }

/* Process steps */
.cr-proc { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--site-line); }
.cr-proc-5 { grid-template-columns: repeat(5, 1fr); }
@media (max-width: 900px) { .cr-proc, .cr-proc-5 { grid-template-columns: 1fr; } }
.cr-step { padding: 24px; border-right: 1px solid var(--site-line); }
.cr-step:last-child { border-right: 0; }
@media (max-width: 900px) { .cr-step { border-right: 0; border-bottom: 1px solid var(--site-line); } .cr-step:last-child { border-bottom: 0; } }
.cr-step-n { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.2em; color: var(--site-cyan); text-transform: uppercase; }
.cr-step-h { font-family: var(--font-display); font-weight: 300; font-size: 20px; color: #fff; letter-spacing: -0.015em; margin: 10px 0 8px; }
.cr-step p { font-size: 13px; line-height: 1.55; color: var(--site-text-2); margin: 0 0 12px; }
.cr-step-t { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.14em; color: var(--site-mint); text-transform: uppercase; }

/* Talent pool / Apply forms */
.cr-pool, .pt-apply {
  margin-top: 64px; display: grid; grid-template-columns: 1fr 1.2fr; gap: 56px; align-items: start;
}
@media (max-width: 900px) { .cr-pool, .pt-apply { grid-template-columns: 1fr; gap: 32px; } }

.cr-form {
  padding: 28px; border: 1px solid var(--site-line);
  background: rgba(15,21,48,0.4);
  display: grid; gap: 14px;
}
.cr-form-chrome {
  display: flex; justify-content: space-between; align-items: center;
  padding-bottom: 14px; border-bottom: 1px solid var(--site-line); margin-bottom: 4px;
  font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.16em; color: var(--site-text-3); text-transform: uppercase;
}
.cr-form-chrome .ok { color: var(--site-mint); display: inline-flex; align-items: center; gap: 8px; }
.cr-form-chrome .ok::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--site-mint);
  box-shadow: 0 0 8px var(--site-mint); animation: pulse 1.6s infinite;
}
.cr-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 600px) { .cr-form-row { grid-template-columns: 1fr; } }
.cr-form label { display: block; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.18em; color: var(--site-text-3); text-transform: uppercase; margin-bottom: 6px; }
.cr-form input, .cr-form select, .cr-form textarea {
  width: 100%; padding: 12px 14px; font-family: var(--font-sans); font-size: 14px; color: #fff;
  background: rgba(255,255,255,0.03); border: 1px solid var(--site-line); transition: all 0.2s;
}
.cr-form input:focus, .cr-form select:focus, .cr-form textarea:focus {
  outline: none; border-color: var(--site-cyan); background: rgba(79,200,255,0.05);
}
.cr-form textarea { resize: vertical; min-height: 100px; }
.cr-form-foot {
  display: flex; justify-content: space-between; align-items: center; gap: 14px;
  padding-top: 14px; border-top: 1px solid var(--site-line); margin-top: 4px;
}
.cr-form-foot small { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; color: var(--site-text-3); text-transform: uppercase; }
.cr-form-ok {
  padding: 14px 16px; border: 1px solid rgba(94,255,164,0.4); background: rgba(94,255,164,0.06);
  color: var(--site-mint); font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.5;
}

/* ===== PARTNERS ===== */
.pt-types { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
@media (max-width: 1000px) { .pt-types { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .pt-types { grid-template-columns: 1fr; } }
.pt-type { padding: 24px; border: 1px solid var(--site-line); background: rgba(255,255,255,0.015); transition: border-color 0.2s, background 0.2s, transform 0.2s; }
.pt-type:hover { border-color: rgba(79,200,255,0.4); background: rgba(79,200,255,0.04); transform: translateY(-2px); }
.pt-type-n { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.18em; color: var(--site-cyan); text-transform: uppercase; }
.pt-type-h { font-family: var(--font-display); font-weight: 300; font-size: 22px; color: #fff; letter-spacing: -0.02em; margin: 10px 0 8px; }
.pt-type-d { font-size: 13px; line-height: 1.55; color: var(--site-text-2); margin: 0 0 14px; }
.pt-type-list { list-style: none; padding: 0; margin: 0 0 16px; }
.pt-type-list li { font-family: var(--font-mono); font-size: 10.5px; color: var(--site-text-2); padding: 5px 0; border-top: 1px dashed var(--site-line); display: flex; gap: 8px; }
.pt-type-list li::before { content: "→"; color: var(--site-cyan); flex-shrink: 0; }
.pt-type-foot { padding-top: 12px; border-top: 1px solid var(--site-line); font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; color: var(--site-mint); text-transform: uppercase; }

/* Apply form bullets */
.pt-apply-list { list-style: none; padding: 0; margin: 22px 0 0; border-top: 1px solid var(--site-line); }
.pt-apply-list li { display: grid; grid-template-columns: auto 1fr; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--site-line); align-items: baseline; }
.pt-apply-list .num { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.2em; color: var(--site-cyan); text-transform: uppercase; }
.pt-apply-list li > span:last-child { font-size: 13.5px; line-height: 1.55; color: var(--site-text-2); }
.pt-apply-list b { color: #fff; font-weight: 500; }

/* Radio chips for partner type */
.pt-radio { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
@media (max-width: 480px) { .pt-radio { grid-template-columns: repeat(2, 1fr); } }
.pt-radio-btn {
  padding: 10px 12px; border: 1px solid var(--site-line); background: rgba(255,255,255,0.02);
  font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.1em; color: var(--site-text-2);
  text-transform: uppercase; cursor: pointer; transition: all 0.2s;
}
.pt-radio-btn:hover { border-color: rgba(79,200,255,0.45); color: #fff; }
.pt-radio-btn.on { border-color: var(--site-cyan); background: rgba(79,200,255,0.08); color: var(--site-cyan); }

/* FAQ */
.pt-faq { border-top: 1px solid var(--site-line); }
.pt-faq-item { padding: 20px 0; border-bottom: 1px solid var(--site-line); cursor: pointer; }
.pt-faq-q {
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  font-family: var(--font-display); font-weight: 300; font-size: 18px; color: #fff; letter-spacing: -0.01em;
}
.pt-faq-q .x { font-family: var(--font-mono); font-size: 14px; color: var(--site-cyan); transition: transform 0.2s; }
.pt-faq-item.open .pt-faq-q .x { transform: rotate(45deg); color: var(--site-mint); }
.pt-faq-a { max-height: 0; overflow: hidden; transition: max-height 0.28s, margin 0.28s; }
.pt-faq-item.open .pt-faq-a { max-height: 240px; margin-top: 10px; }
.pt-faq-a p { font-size: 14px; line-height: 1.6; color: var(--site-text-2); margin: 0; max-width: 760px; }