/* About page (template-parts/page-about.php). Ported from the About tab of the design artifact (pages.css), scoped under .gx.
   Shared header/CTA rules live in pg-common.scss. Plain CSS on purpose. */
.gx .pg-about {
  background: var(--color-bg);
}
.gx .pg-related__title {
  margin-bottom:var(--space-8);
  font-size:var(--text-2xl);
  letter-spacing:var(--tracking-snug);
}
.gx .pg-step__t {
  font-size:var(--text-lg);
  font-weight:var(--weight-medium);
}
.gx .pg-step__d {
  margin-top:var(--space-1);
  color:var(--color-text-subtle);
}
.gx .pg-g-steps {
  padding-block:var(--space-16);
  border-top:var(--border-hair) solid var(--color-border);
}
.gx .pg-g-steps__list {
  display:grid;
  gap:var(--space-4);
  margin:0;
  padding:0;
  list-style:none;
}
@media (min-width:768px) {
  .gx .pg-g-steps__list {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
.gx .pg-g-step {
  display:grid;
  align-content:start;
  gap:var(--space-2);
  padding:var(--space-6);
  border:var(--border-hair) solid var(--color-border);
  border-radius:var(--radius-lg);
  background:var(--color-bg-raised);
}
.gx .pg-story {
  padding-block:var(--space-4) var(--space-16);
}
.gx .pg-story__inner {
  display:grid;
  gap:var(--space-10);
}
@media (min-width:1024px) {
  .gx .pg-story__inner {
    grid-template-columns:minmax(0,5fr) minmax(0,6fr);
    gap:var(--space-16);
    align-items:start;
  }
  .gx .pg-story__media {
    position:sticky;
    top:calc(var(--header-h) + var(--space-6));
  }
}
.gx .pg-story__media {
  aspect-ratio:4/5;
  border-radius:var(--radius-xl);
  overflow:hidden;
  background:var(--color-bg-sunken);
}
.gx .pg-about__photo {
  position:relative;
  width:100%;
  height:100%;
  margin:0;
}
.gx .pg-about__photo .dither__fallback {
  image-rendering:auto;
}
.gx .pg-about__photo img,.gx .pg-about__photo canvas {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.gx .pg-story__copy p:not(.eyebrow) {
  margin-top:var(--space-4);
  max-width:var(--measure-copy);
  color:var(--color-text-subtle);
  font-size:var(--text-lg);
}
.gx .pg-story__copy .pg-related__title {
  margin-bottom:0;
}
.gx .pg-pix {
  display:grid;
  place-items:center;
  width:var(--space-10, 40px);
  height:var(--space-10, 40px);
  margin-bottom:var(--space-2);
  border-radius:var(--radius-md);
  background:transparent;
  border:var(--border-hair) solid var(--color-border);
  color:var(--color-text);
}
.gx .pg-pix svg {
  display:block;
  width:var(--space-5);
  height:var(--space-5);
}
/* Design update 2026-11-12: story sub heading, customers, careers */
.gx .pg-story__sub{margin-top:var(--space-8);font-size:var(--text-xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-snug)}
.gx .pg-cust{padding-block:var(--space-16)}
.gx .pg-cust__head{display:grid;justify-items:center;max-width:var(--measure-copy);margin-inline:auto;text-align:center}
.gx .pg-cust__lead{margin-top:var(--space-4);color:var(--color-text-subtle);font-size:var(--text-lg)}
.gx .pg-cust__lead--strong{margin-top:var(--space-2);color:var(--color-text)}
.gx .pg-cust__logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-6) var(--space-10);margin:var(--space-10) 0 0;padding:var(--space-8) 0;list-style:none;border-block:var(--border-hair) solid var(--color-border)}
.gx .pg-cust__logo{display:block;width:auto;height:var(--space-10);filter:grayscale(1);transition:filter var(--dur-fast) var(--ease-out)}
.gx .pg-cust__logos li:hover .pg-cust__logo{filter:none}
.gx .pg-cust__quote{margin-top:var(--space-12)}
/* Careers: single column + accordion card (design update 2026-11-12 part 2) */
.gx .pg-careers{padding-block:var(--space-16);border-top:var(--border-hair) solid var(--color-border)}
.gx .pg-careers__inner{display:grid;gap:var(--space-8)}
.gx .pg-careers__lead{margin-top:var(--space-4);color:var(--color-text-subtle);max-width:var(--measure-copy)}
.gx .pg-jobs{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}
.gx .pg-job{border:var(--border-hair) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-raised);transition:border-color var(--dur-fast) var(--ease-out)}
.gx .pg-job:hover,.gx .pg-job[open]{border-color:var(--color-border-strong)}
.gx .pg-job__s{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-radius:inherit;cursor:pointer;list-style:none}
.gx .pg-job__s::-webkit-details-marker{display:none}
.gx .pg-job__s:focus-visible{outline:var(--border-focus) solid var(--color-focus);outline-offset:var(--focus-offset)}
.gx .pg-job__head{display:grid;gap:var(--space-1)}
.gx .pg-job__t{font-size:var(--text-lg);font-weight:var(--weight-medium);line-height:var(--leading-tight)}
.gx .pg-job__m{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-mono-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase}
.gx .pg-job__body{padding:0 var(--space-6) var(--space-6);border-top:var(--border-hair) solid var(--color-border);color:var(--color-text-subtle)}
.gx .pg-job__body>*{max-width:var(--measure-copy)}
.gx .pg-job__h{margin-top:var(--space-6);color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-medium)}
.gx .pg-job__body p,.gx .pg-job__list{margin-top:var(--space-2)}
.gx .pg-job__list{display:grid;gap:var(--space-2);padding-left:var(--space-5);list-style:disc}
.gx .pg-job__apply{margin-top:var(--space-8)}
@media (max-width:767.84px){.gx .pg-job__s{padding:var(--space-5)}.gx .pg-job__body{padding:0 var(--space-5) var(--space-5)}.gx .pg-job__apply{width:100%}}
.gx .pg-job__btn{flex:none;gap:var(--space-2);pointer-events:none}
.gx .pg-job__s:hover .pg-job__btn{background:var(--btn-bg-hover)}
.gx .pg-job__s:active .pg-job__btn{background:var(--btn-bg-active)}
.gx .pg-job__chev{width:var(--space-4);height:var(--space-4);transition:transform var(--dur-base) var(--ease-out)}
.gx .pg-job[open] .pg-job__chev{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){.gx .pg-job__chev{transition:none}}
@media (max-width:767.84px){.gx .pg-job__s{flex-wrap:wrap}.gx .pg-job__btn{width:100%}}