/* ==========================================================================
   Home page — styles nothing else uses.
   ========================================================================== */

/* hero: eight years of print, ten of software, as an 8:10 bar */
.career-bar{display:flex;flex-direction:column;gap:8px;}
.career-bar__track{display:flex;height:12px;}
.career-bar__print{flex:8;}
.career-bar__software{flex:10;color:var(--accent);}
.career-bar__track .career-bar__print{background:var(--fg);}
.career-bar__track .career-bar__software{background:var(--accent);}
.career-bar__labels{display:flex;}
@media (min-width:1024px){.career-bar__track{height:16px;}}

/* three kinds of work: one poster per service, in its color */
.posters{display:grid;gap:12px;}
.poster{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:20px;
}
.poster__head{font-size:var(--fs-h3-lg);line-height:1.1;letter-spacing:var(--ls-h3);}
.poster__thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:auto;}
.poster__thumbs img{width:100%;object-fit:cover;object-position:top;}
.poster--product .poster__thumbs img{aspect-ratio:4 / 3;}
.poster--graphic .poster__thumbs img{aspect-ratio:600 / 775;}
.poster--book .poster__thumbs img{aspect-ratio:2 / 3;}
.poster__cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:48px;
  padding:0 16px;
  background:var(--c-white);
  color:var(--c-ink);
  font-size:var(--fs-label);
  font-weight:700;
  letter-spacing:var(--ls-caps);
  text-transform:uppercase;
}
.poster__cta::after{content:"\2192" / "";}

@media (min-width:1024px){
  .posters{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
  .poster{min-height:640px;gap:24px;padding:24px;}
  .poster__thumbs{gap:8px;}
  .poster__cta{min-height:0;padding:16px;}
}