/* gs-page-about.css -- rules unique to the about page.
   Generated from the 2026-08-29 brand artifacts by splitting rules that appear
   in all four against those unique to one page. Every selector is .gsx-scoped;
   :root tokens and @font-face are omitted -- gs-brand.css already owns them.
   Do not hand-edit alongside a re-run; edit the artifact or this generator. */

.gsx .field {margin-bottom:18px}
.gsx .field label {display:block;font-size:13.5px;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}
.gsx .field .hint {font-size:12.5px;color:var(--ink-2);opacity:.65;margin-top:7px;line-height:1.45}
.gsx .ledger-head {display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-bottom:14px;border-bottom:2px solid var(--ink)}
.gsx .ledger-title {font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:-.03em}
.gsx .ledger-row .k {color:var(--ink-2);font-weight:550}
.gsx .vband {background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gsx .vband-in {display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding:34px 0}
@media(max-width:860px) {
  .gsx .vband-in {grid-template-columns:repeat(2,1fr);gap:22px}
}
@media(max-width:460px) {
  .gsx .vband-in {grid-template-columns:1fr}
}
.gsx .vitem {display:flex;gap:13px;align-items:flex-start}
.gsx .vitem p {font-size:13.5px;color:var(--ink-2);opacity:.75;line-height:1.45;margin-top:4px}
.gsx .acc details {border-bottom:1px solid var(--line)}
.gsx .acc summary::-webkit-details-marker {display:none}
.gsx .acc summary::after {content:"+";font-size:22px;color:var(--indigo);font-weight:700;flex:none}
.gsx .acc details[open] summary::after {content:"–"}
.gsx .ahero {position:relative;background:var(--ink);color:#fff;overflow:hidden;padding:70px 0 84px}
.gsx .ahero::before {content:"";position:absolute;inset:0;background-image:var(--booti);background-size:66px 66px;opacity:.17}
.gsx .ahero::after {content:"";position:absolute;left:50%;top:-38%;width:900px;height:900px;transform:translateX(-50%);
  border-radius:50%;background:radial-gradient(circle,rgba(245,179,1,.22),transparent 62%)}
.gsx .ahero-in {position:relative;z-index:2;max-width:900px;margin-inline:auto;text-align:center}
.gsx .ahero h1 {color:#fff;font-size:clamp(36px,6vw,72px);margin-top:18px;line-height:1.02}
.gsx .ahero h1 .accent {color:var(--haldi)}
.gsx .ahero .lede {margin-top:22px;font-size:18.5px;line-height:1.62;color:rgba(255,255,255,.8);max-width:60ch;margin-inline:auto}
.gsx .ahero .eyebrow {justify-content:center}
.gsx .namerow {display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.gsx .namechip {display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);
  border:1px solid var(--line-dark);border-radius:100px;padding:8px 18px 8px 8px;font-size:14px;font-weight:650}
.gsx .namechip .mono {width:30px;height:30px;border-radius:50%;background:var(--haldi);color:var(--ink);
  display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:13px;flex:none}
.gsx .numbers {background:var(--haldi);color:var(--ink);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.gsx .numbers-in {display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding:36px 0}
@media(max-width:860px) {
  .gsx .numbers-in {grid-template-columns:repeat(2,1fr);gap:24px}
}
@media(max-width:440px) {
  .gsx .numbers-in {grid-template-columns:1fr}
}
.gsx .num b {display:block;font-family:var(--display);font-size:clamp(30px,4vw,44px);font-weight:800;
  letter-spacing:-.05em;line-height:1}
.gsx .num span {display:block;font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  margin-top:8px;opacity:.72}
.gsx .num small {display:block;font-size:12.5px;line-height:1.45;margin-top:8px;opacity:.68;font-weight:500;max-width:26ch}
.gsx .story {position:relative;max-width:840px;margin-inline:auto}
.gsx .chapter {position:relative;padding:0 0 52px 84px}
@media(max-width:640px) {
  .gsx .chapter {padding-left:56px}
}
.gsx .chapter::before {content:"";position:absolute;left:25px;top:8px;bottom:-8px;width:2px;
  background:linear-gradient(var(--line-strong),var(--line))}
@media(max-width:640px) {
  .gsx .chapter::before {left:17px}
}
.gsx .chapter:last-child::before {display:none}
.gsx .chapter .mark {position:absolute;left:0;top:0;width:52px;height:52px;border-radius:50%;background:var(--ink);
  color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:17px;
  border:4px solid var(--paper);z-index:2}
@media(max-width:640px) {
  .gsx .chapter .mark {width:36px;height:36px;font-size:14px;border-width:3px}
}
.gsx .chapter.is-now .mark {background:var(--haldi);color:var(--ink)}
.gsx .chapter .when {font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--neem)}
.gsx .chapter h3 {font-size:clamp(23px,3vw,32px);margin-top:10px;letter-spacing:-.035em}
.gsx .chapter .body {margin-top:16px;font-size:16.5px;line-height:1.72;color:var(--ink-2)}
.gsx .chapter .body p+p {margin-top:16px}
.gsx .chapter .body b {color:var(--ink)}
.gsx .pullquote {margin:26px 0;padding:24px 26px;background:var(--white);border:1px solid var(--line);
  border-left:4px solid var(--haldi);border-radius:0 var(--r-m) var(--r-m) 0;position:relative}
.gsx .pullquote p {font-family:var(--display);font-size:clamp(19px,2.4vw,24px);font-weight:700;letter-spacing:-.03em;
  line-height:1.34;color:var(--ink)}
.gsx .pullquote cite {display:block;margin-top:14px;font-style:normal;font-size:13px;font-weight:650;
  color:var(--ink-2);opacity:.8}
.gsx .factbox {margin:24px 0;background:var(--neem-wash);border-radius:var(--r-m);padding:20px 22px}
.gsx .factbox b {display:block;font-family:var(--display);font-size:16px;letter-spacing:-.025em;color:var(--neem);margin-bottom:8px}
.gsx .factbox p {font-size:14.5px;line-height:1.6;color:#175A44}
.gsx .founders {display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
@media(max-width:840px) {
  .gsx .founders {grid-template-columns:1fr}
}
.gsx .fcard {background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;
  display:grid;grid-template-columns:150px minmax(0,1fr);transition:transform .2s ease,box-shadow .2s ease}
@media(max-width:520px) {
  .gsx .fcard {grid-template-columns:1fr}
}
.gsx .fcard:hover {transform:translateY(-4px);box-shadow:var(--shadow-m)}
.gsx .fcard-face {position:relative;background:var(--tint,#FFF0D6);display:grid;place-items:center;
  border-right:1px solid var(--line);min-height:180px}
@media(max-width:520px) {
  .gsx .fcard-face {border-right:0;border-bottom:1px solid var(--line);min-height:140px}
}
.gsx .fcard-face::before {content:"";position:absolute;inset:0;background-image:var(--booti);background-size:52px 52px;opacity:.3}
.gsx .fcard-face .mono {position:relative;font-family:var(--display);font-size:52px;font-weight:800;letter-spacing:-.06em;
  color:var(--ink);opacity:.9}
.gsx .fcard-face .craft {position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:26px}
.gsx .fcard-body {padding:24px}
.gsx .fcard h3 {font-size:20px;letter-spacing:-.03em}
.gsx .fcard .role {display:block;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--neem);margin-top:7px}
.gsx .fcard p {font-size:14.5px;line-height:1.62;color:var(--ink-2);margin-top:13px}
.gsx .fcard .teaches {margin-top:14px;padding-top:13px;border-top:1px dashed var(--line);display:flex;
  gap:7px;flex-wrap:wrap}
.gsx .fcard .teaches a {font-size:12px;font-weight:650;background:var(--paper-2);border-radius:100px;padding:5px 11px;
  color:var(--ink-2);transition:.15s}
.gsx .fcard .teaches a:hover {background:var(--ink);color:#fff}
.gsx .mission {background:var(--ink);color:#fff;position:relative;overflow:hidden}
.gsx .mission::before {content:"";position:absolute;inset:0;background-image:var(--booti);background-size:62px 62px;opacity:.15}
.gsx .mission .wrap {position:relative;z-index:2}
.gsx .mission h2 {color:#fff;font-size:clamp(28px,4vw,44px);margin-top:16px}
.gsx .mission .sub {margin-top:16px;font-size:17px;line-height:1.62;color:rgba(255,255,255,.76);max-width:64ch}
.gsx .pillars {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
@media(max-width:860px) {
  .gsx .pillars {grid-template-columns:1fr}
}
.gsx .pillar {background:rgba(255,255,255,.06);border:1px solid var(--line-dark);border-radius:var(--r-l);padding:26px}
.gsx .pillar .g {font-size:30px}
.gsx .pillar h3 {color:#fff;font-size:19px;margin-top:14px;letter-spacing:-.03em}
.gsx .pillar .tag {display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
  color:var(--haldi);border:1px solid rgba(245,179,1,.45);border-radius:100px;padding:3px 10px;margin-top:12px}
.gsx .pillar p {font-size:14.5px;line-height:1.62;color:rgba(255,255,255,.72);margin-top:14px}
.gsx .disclaim {margin-top:34px;font-size:13.5px;line-height:1.65;color:rgba(255,255,255,.55);
  border-left:2px solid rgba(255,255,255,.25);padding-left:16px;max-width:70ch}
.gsx .beliefs {display:grid;grid-template-columns:repeat(2,1fr);gap:0 46px}
@media(max-width:820px) {
  .gsx .beliefs {grid-template-columns:1fr}
}
.gsx .belief {padding:22px 0;border-bottom:1px dashed var(--line);display:flex;gap:16px;align-items:flex-start}
.gsx .belief .n {flex:none;font-family:var(--display);font-size:15px;font-weight:800;color:var(--haldi);
  width:30px;padding-top:2px}
.gsx .belief b {display:block;font-family:var(--display);font-size:18px;letter-spacing:-.03em;line-height:1.25}
.gsx .belief p {font-size:14.5px;line-height:1.62;color:var(--ink-2);opacity:.85;margin-top:8px}
.gsx .voices {display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px) {
  .gsx .voices {grid-template-columns:1fr}
}
.gsx .voice {background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);padding:24px;position:relative}
.gsx .voice::before {content:"“";position:absolute;top:4px;right:20px;font-family:var(--display);font-size:62px;
  color:var(--haldi);opacity:.32;line-height:1}
.gsx .voice p {font-size:15px;line-height:1.66;color:var(--ink-2);position:relative}
.gsx .voice .who {margin-top:18px;padding-top:14px;border-top:1px dashed var(--line);display:flex;gap:11px;align-items:center}
.gsx .avatar {width:36px;height:36px;border-radius:50%;background:var(--haldi-wash);display:grid;place-items:center;
  font-family:var(--display);font-weight:800;font-size:15px;flex:none}
.gsx .voice .who b {display:block;font-size:14px}
.gsx .voice .who span {display:block;font-size:12px;color:var(--ink-2);opacity:.7;margin-top:2px}
.gsx .company {display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
@media(max-width:820px) {
  .gsx .company {grid-template-columns:1fr;gap:28px}
}
.gsx .dtable {width:100%;border-collapse:collapse;font-size:15px}
.gsx .dtable th, .gsx .dtable td {text-align:left;padding:12px 0;border-bottom:1px dashed var(--line);vertical-align:top}
.gsx .dtable th {width:40%;font-weight:700;color:var(--ink)}
.gsx .dtable td {color:var(--ink-2)}
.gsx .finale {background:var(--ink);color:#fff;position:relative;overflow:hidden;text-align:center}
.gsx .finale::before {content:"";position:absolute;inset:0;background-image:var(--booti);background-size:62px 62px;opacity:.16}
.gsx .finale .wrap {position:relative;z-index:2;max-width:700px}
.gsx .finale h2 {color:#fff;font-size:clamp(28px,4vw,46px);margin-top:16px}
.gsx .finale p {margin-top:16px;color:rgba(255,255,255,.75);font-size:17px}
.gsx .finale .btns {display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}