/* Shared chrome for the standalone pages (careers board + job listings).
   index.html keeps its own stylesheet; this covers the simpler sub-pages. */

:root{
  --ink:#0E0D0B;
  --ink-2:#15130F;
  --ink-3:#211E18;
  --line:#33302A;
  --cream:#F6EFD8;
  --cream-dim:#CFC7AE;
  --cream-mut:#8C887C;
  --red:#E5401F;
  --red-deep:#C7330F;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--ink);color:var(--cream);
  font-family:'Archivo',sans-serif;font-size:18px;line-height:1.5;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
::selection{background:var(--red);color:var(--cream)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}

.mono{font-family:'Space Mono',monospace}
.disp{
  font-family:'Archivo Expanded',sans-serif;font-weight:800;font-stretch:125%;
  letter-spacing:-.02em;line-height:1;text-transform:uppercase;
}
.eyebrow{
  font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--cream-mut);
}
/* Inherits the eyebrow style exactly; only lights up on hover/focus */
.eyebrow a{transition:color .2s ease}
.eyebrow a:hover{color:var(--cream);text-decoration:underline;text-underline-offset:4px}
.eyebrow a:focus-visible{color:var(--cream);outline:1px solid var(--cream-mut);outline-offset:4px}
.lede{font-size:19px;line-height:1.6;color:var(--cream-dim)}

/* ---------- FOOT ---------- */
.foot{
  margin-top:40px;padding:26px 0 40px;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;
  font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--cream-mut);
}
.foot a{transition:color .2s ease}
.foot a:hover{color:var(--cream)}

@media(max-width:600px){
  .lede{font-size:17px}
  /* copyright and the link hold one row — never wrap to two lines */
  .foot{flex-wrap:nowrap;gap:10px;justify-content:space-between;text-align:left}
  .foot span,.foot a{white-space:nowrap;font-size:clamp(7px,2.4vw,11px);letter-spacing:.02em}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}