/* =====================================================================
   company.css — the Company pages: The Crop Science Brief and Careers.
   Built on the site tokens (style.css) and the studio hero (studio.css).
   ===================================================================== */

/* ---------- shared ---------- */
.co-hero h1 .grad,.co-sec .sec-head h2 .grad,.co-mast .grad{
  background:linear-gradient(100deg,var(--color-primary),var(--color-indigo) 50%,var(--color-teal));
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.co-hero .hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-6);margin-top:var(--space-8);}
.co-li{width:1.15rem;height:1.15rem;flex:none;}
.co-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);}
.co-grid3 .card h3{font-size:var(--text-lg);margin:var(--space-4) 0 var(--space-2);letter-spacing:-.015em;}
.co-grid3 .card p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6;}
@media (max-width:900px){.co-grid3{grid-template-columns:1fr;}}

/* ---------- The Crop Science Brief ---------- */
.co-mast{font-size:var(--text-hero);line-height:1.02;letter-spacing:-.035em;}
.co-mast small{display:block;font-size:.34em;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--color-text-muted);margin-bottom:.35em;}
.co-mast .co-brief{color:var(--color-text);}

/* the next edition, drawn as the newsletter cover (paper white in both themes) */
.co-cover{position:relative;border-radius:var(--radius-2xl);overflow:hidden;background:#fbfbfd;color:#0f1115;
  border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-divider));
  box-shadow:0 30px 70px rgba(22,18,58,.16),0 4px 14px rgba(22,18,58,.06);}
/* paper white in both themes: outranks the studio glass card background */
[data-studio] [data-hero] .co-cover.st-float{background:#fbfbfd;color:#0f1115;}
.co-cover-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6) var(--space-6) 0;}
.co-cover-top img{height:34px;width:auto;display:block;}
.co-cover-ed{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#55575f;text-align:right;}
.co-cover-body{padding:var(--space-8) var(--space-6) var(--space-2);}
.co-cover-the{display:block;font-family:var(--font-display);font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#55575f;}
.co-cover-name{font-family:var(--font-display);font-weight:800;font-size:clamp(1.7rem,1.2rem + 1.6vw,2.4rem);line-height:1.04;letter-spacing:-.03em;margin:.2rem 0 0;}
.co-cover-name span{background:linear-gradient(100deg,#6d3be8,#3d53e0 55%,#0b767c);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.co-cover-rule{display:block;width:38%;height:3px;border-radius:3px;margin:.8rem 0 1.1rem;background:linear-gradient(90deg,#6d3be8,#3d53e0);}
.co-cover-h{font-family:var(--font-display);font-weight:800;font-size:clamp(1.1rem,.95rem + .6vw,1.35rem);line-height:1.2;letter-spacing:-.015em;margin:0;}
.co-cover-sub{font-size:var(--text-sm);color:#55575f;margin:.45rem 0 0;line-height:1.5;}
.co-cover-art{display:block;width:100%;height:auto;margin-top:var(--space-4);}
.co-cover-bar{display:block;height:6px;background:linear-gradient(90deg,#7c3aed,#3d53e0,#03f7eb);}

/* editions */
.co-editions{display:grid;gap:var(--space-4);}
.co-ed{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-5);align-items:center;
  padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--color-divider);background:var(--color-surface);
  transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);}
a.co-ed:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-divider));box-shadow:var(--shadow-md);transform:translateY(-2px);}
.co-ed-no{display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:var(--radius-lg);
  font-family:var(--font-display);font-weight:800;font-size:1.25rem;letter-spacing:-.02em;color:#fff;
  background:linear-gradient(135deg,var(--color-primary),var(--color-indigo) 55%,var(--color-teal));}
.co-ed-meta{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);}
.co-ed h3{font-size:var(--text-lg);margin:.2rem 0 .25rem;letter-spacing:-.015em;}
.co-ed p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0;}
.co-ed-go{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:var(--text-sm);color:var(--color-primary);white-space:nowrap;}
.co-ed-go [data-lucide]{width:1rem;height:1rem;}
.co-ed.is-next{border-style:dashed;background:color-mix(in srgb,var(--color-primary) 4%,var(--color-surface));}
.co-ed.is-next .co-ed-no{background:none;color:var(--color-primary);border:1.5px dashed color-mix(in srgb,var(--color-primary) 55%,transparent);}
.co-ed-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:999px;font-size:var(--text-xs);font-weight:700;
  color:var(--color-primary);background:var(--color-primary-soft);white-space:nowrap;}
[data-theme="dark"] .co-ed-chip{background:color-mix(in srgb,var(--color-primary) 18%,transparent);}
.co-ed-chip [data-lucide]{width:.9rem;height:.9rem;}
.co-ed-note{margin-top:var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted);}
@media (max-width:640px){
  .co-ed{grid-template-columns:auto minmax(0,1fr);}
  .co-ed > :last-child{grid-column:1 / -1;justify-self:start;}
}

/* ---------- Careers ---------- */
.co-why{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4);}
.co-why li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:start;}
.co-why .card-ico{margin:0;width:44px;height:44px;border-radius:var(--radius-lg);display:grid;place-items:center;flex:none;color:var(--color-primary);background:var(--color-primary-soft);border:1px solid color-mix(in srgb,var(--color-primary) 18%,transparent);}
[data-theme="dark"] .co-why .card-ico{background:color-mix(in srgb,var(--color-primary) 16%,transparent);}
.co-why .card-ico [data-lucide]{width:1.25rem;height:1.25rem;}
.co-why b{display:block;font-family:var(--font-display);font-size:var(--text-base);letter-spacing:-.01em;}
.co-why span{display:block;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.55;margin-top:.15rem;}
.co-panel{padding:var(--space-8);border-radius:var(--radius-2xl);background:color-mix(in srgb,var(--color-surface) 90%,transparent);
  border:1px solid var(--color-divider);box-shadow:var(--shadow-lg);backdrop-filter:blur(8px);}
.co-panel h2{font-size:var(--text-lg);margin:0 0 var(--space-5);letter-spacing:-.015em;}

.co-jobs{display:grid;gap:var(--space-5);}
.co-job{padding:var(--space-8);border-radius:var(--radius-2xl);border:1px solid var(--color-divider);background:var(--color-surface);}
.co-job-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4);}
.co-job h3{font-size:var(--text-xl);letter-spacing:-.025em;margin:0;}
.co-job-facts{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem .6rem;margin:var(--space-4) 0 0;padding:0;}
.co-job-facts li{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .8rem;border-radius:999px;font-size:var(--text-sm);
  border:1px solid var(--color-divider);background:var(--color-surface-alt);}
.co-job-facts [data-lucide]{width:.95rem;height:.95rem;color:var(--color-primary);}
.co-job-sum{color:var(--color-text-muted);margin:var(--space-5) 0 0;max-width:72ch;line-height:1.65;}
.co-status{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem;border-radius:999px;font-size:var(--text-xs);font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;}
.co-status::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor;}
.co-status.is-open{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 12%,transparent);}
.co-status.is-closed{color:var(--color-text-muted);background:var(--color-surface-offset);}
.co-job details{margin-top:var(--space-6);border-top:1px solid var(--color-divider);padding-top:var(--space-5);}
.co-job summary{cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--color-primary);list-style:none;}
.co-job summary::-webkit-details-marker{display:none;}
.co-job summary [data-lucide]{width:1rem;height:1rem;transition:transform var(--transition);}
.co-job details[open] summary [data-lucide]{transform:rotate(180deg);}
.co-job-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8);margin-top:var(--space-5);}
.co-job-cols h4{font-size:var(--text-base);margin:0 0 var(--space-3);}
.co-job-cols ul{margin:0;padding:0;list-style:none;display:grid;gap:.55rem;}
.co-job-cols li{position:relative;padding-left:1.5rem;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.55;}
.co-job-cols li::before{content:"";position:absolute;left:.2rem;top:.55em;width:.5rem;height:.5rem;border-radius:2px;
  background:linear-gradient(135deg,var(--color-primary),var(--color-teal));}
.co-job-foot{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);
  background:var(--color-surface-alt);color:var(--color-text-muted);}
.co-job-foot a{color:var(--color-primary);font-weight:700;}
@media (max-width:760px){.co-job{padding:var(--space-6);}.co-job-cols{grid-template-columns:1fr;gap:var(--space-6);}}