/* page-about.php — responsive + visual fixes (loaded only on this template, after responsive.css) */

/* ---------- gutters: below 1000px .ctw got the gutter twice (max-width minus --gut AND padding) ---------- */
@media (max-width:1000px){
  body.page-template-page-about .ctw{max-width:none}
}

/* ---------- history timeline ---------- */
/* one source for the dot's vertical position, so the line can start/end exactly on the first/last dot */
/* dot centred on the year: block padding-top + meta padding-top + half the year's line box (line-height:1) */
body.page-template-page-about .ab-blk{--ab-ny:calc(clamp(14px,1.8vw,22px) + clamp(16px,1.9vw,24px) + clamp(24px,2.9vw,38px) / 2)}
body.page-template-page-about .ab-node{top:var(--ab-ny);left:128.5px} /* centre on the 1px line (128–129px) */
body.page-template-page-about .ab-blk:first-child::before,
body.page-template-page-about .ab-blk:first-child::after{top:var(--ab-ny)}
body.page-template-page-about .ab-blk:last-child::before,
body.page-template-page-about .ab-blk:last-child::after{bottom:auto;height:var(--ab-ny)}
body.page-template-page-about .ab-blk:first-child:last-child::before,
body.page-template-page-about .ab-blk:first-child:last-child::after{display:none}
@media (max-width:900px){
  body.page-template-page-about .ab-blk{--ab-ny:26px} /* 14px padding + half of the 24px year */
  body.page-template-page-about .ab-node{left:.5px}
}

/* ---------- by the numbers: once the callout stacks, figures line up with the heading's left edge ---------- */
@media (max-width:900px){
  body.page-template-page-about .ab-nums > div:nth-child(odd){padding-left:0}
}
@media (max-width:760px){
  body.page-template-page-about .ab-nums > div{padding-inline:0}
}

/* bordered pseudo rings: include the border in the box (global reset skips pseudo-elements) */
body.page-template-page-about .ab-seal::before{box-sizing:border-box}

/* ---------- hero kicker pill: equal optical padding (trailing letter-spacing pushed the text left) ---------- */
body.page-template-page-about .ct-hero .ct-k{padding-right:calc(13px - .14em)}

/* ---------- who we are: "Since 2012" seal sits exactly on the collage gap crossing ---------- */
body.page-template-page-about .ab-cseal{left:50%;top:50%}
body.page-template-page-about .ab-cseal b{padding-left:.09em} /* balance the trailing letter-spacing */

/* certifications rail ≤900px: the desktop rule centres the strip (justify-content:center), which on an
   overflowing flex rail pushes the first logo (ISO) off the left edge where it can't be scrolled to */
@media (max-width:900px){
  body.page-template-page-about .cf-strip{justify-content:flex-start}
}