/* a8: About layout round (About only; loaded last by about/index.html) */
/* 6. phone hero order: eyebrow, title, intro, Call, Book, trust */
@media(max-width:699px){
html body.t-about .ab-hero .hc>*{order:0!important}
html body.t-about .ab-hero .hc>h1{margin:12px 0 0!important}
html body.t-about .ab-hero .hc>.lead{margin:12px 0 0!important}
html body.t-about .ab-hero #hero-ctas{margin:18px 0 0!important}
html body.t-about .ab-hero .hc>.trust{margin:18px 0 0!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px 16px!important;width:100%!important}
html body.t-about .ab-hero .trust li{white-space:nowrap}
}
/* polish: hero Call - one soft yellow shadow, no pulsing ring (About hero only) */
html body.t-about #hero-ctas .btn.call::before{display:none!important;animation:none!important}
html body.t-about #hero-ctas .btn.call{box-shadow:0 8px 22px -8px rgba(254,209,77,.6)!important}
/* 2. facts strip: 2x2 on phones in source order, 4 across at 768+ */
@media(max-width:767px){
html body.t-about .ab-gl{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body.t-about .ab-gl>div{order:0!important;grid-column:auto!important}
html body.t-about .ab-gl>div:nth-child(3) b{white-space:normal!important}
html body.t-about .ab-gl>div:nth-child(3) .mx{display:none!important}
html body.t-about .ab-gl>div:nth-child(3) .mo{display:inline!important}
html body.t-about .ab-gl>div:nth-child(3) br.mo{display:block!important}
}
@media(min-width:768px){html body.t-about .ab-gl{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body.t-about .ab-gl>div:nth-child(3) .mo{display:none!important}html body.t-about .ab-gl>div:nth-child(3) .mx{display:inline!important}}
/* 3 + (a). 700-899: close the hero gap; mascot stands on the lawn at the right like 1024/1440 */
@media(min-width:700px) and (max-width:899px){
html body.t-about .ab-hero{padding-bottom:140px!important}
html body.t-about .ab-hero .ab-hrob{top:auto!important;bottom:-40px!important;left:auto!important;right:16px!important;width:170px!important}
html body.t-about .ab-hero .hbg img{object-position:27% 50%!important}
html body.t-about .ab-hero .hc>*:not(.ab-hrob){max-width:min(502px,calc(100% - 190px))!important}
}
/* 4. How we work cards: 1 col phones, 3+2 centred 700-1179, 5 across 1180+ */
@media(min-width:700px) and (max-width:1179px){
html body.t-about .ab-pr{grid-template-columns:repeat(6,minmax(0,1fr))!important}
html body.t-about .ab-pr li{grid-column:span 2!important}
html body.t-about .ab-pr li:nth-child(4){grid-column:2/span 2!important}
}
@media(min-width:1180px){html body.t-about .ab-pr{grid-template-columns:repeat(5,minmax(0,1fr))!important}html body.t-about .ab-pr li{grid-column:auto!important;padding-inline:18px!important}html body.t-about .ab-pr p{text-wrap:pretty!important;max-width:none!important}}
/* 5. numbers 01-05: small and muted */
html body.t-about .ab-pn{font:800 13px/1 var(--display)!important;-webkit-text-stroke:0!important;color:#8A93B2!important;letter-spacing:.06em;top:14px!important;right:14px!important}
/* 8. #promise phones: compact icon-left cards; separated groups */
@media(max-width:699px){
html body.t-about .ab-pr{gap:10px!important}
html body.t-about .ab-pr li{display:grid!important;grid-template-columns:40px minmax(0,1fr);column-gap:14px;padding:14px 16px!important;border-top-width:4px!important}
html body.t-about .ab-pr li>i{grid-row:1/span 2;width:40px!important;height:40px!important;margin:0!important;align-self:start}
html body.t-about .ab-pr li>h3,html body.t-about .ab-pr li>p{grid-column:2}
html body.t-about .ab-pr li>h3{padding-right:26px;margin:0 0 4px!important}
html body.t-about .ab-team{margin-top:40px!important;padding:22px 16px!important;background:rgba(255,255,255,.06);border-radius:var(--r)}
html body.t-about .ab-tl.ab-tl-d{margin-top:40px!important}
}
/* 1. technicians CTA on phones: stacked full width, Call first */
@media(max-width:699px){html body.t-about .ab-tt .ctas{display:flex!important;flex-direction:column!important;gap:12px!important}
html body.t-about .ab-tt .ctas .btn{width:100%!important;margin:0!important;justify-content:center}}
/* polish: technicians 768 side by side; 1440 7/5 with photo tops aligned */
@media(min-width:700px) and (max-width:899px){html body.t-about .ab-team{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;gap:24px!important;align-items:center!important}
html body.t-about .ab-tt .ctas{flex-direction:column!important;align-items:stretch!important;gap:12px!important}html body.t-about .ab-tt .ctas .btn{margin:0!important;justify-content:center}}
@media(min-width:1180px){html body.t-about .ab-team{grid-template-columns:minmax(0,7fr) minmax(0,5fr)!important;align-items:center!important}
html body.t-about .ab-tm{align-items:start}html body.t-about .ab-tm>*:nth-child(2){transform:none!important}}
/* 9. history: thin connecting line, top-aligned equal columns, 3 across at 768, Now weighted */
@media(min-width:700px){
html body.t-about .ab-tl.ab-tl-d{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;border-top:0!important;position:relative}
html body.t-about .ab-tl.ab-tl-d::before{content:"";position:absolute;left:0;right:0;top:83px;height:2px;background:rgba(255,255,255,.18);pointer-events:none}
html body.t-about .ab-tl.ab-tl-d li{align-content:start!important;align-self:stretch!important}
html body.t-about .ab-tl.ab-tl-d li>.cn.tlr{position:relative;z-index:1}
}
@media(min-width:700px){html body.t-about .ab-tl.ab-tl-d{gap:16px 28px!important}
html body.t-about .ab-tl.ab-tl-d li{grid-template-columns:minmax(0,1fr)!important;row-gap:0}
html body.t-about .ab-tl.ab-tl-d li>*{grid-column:1!important;grid-row:auto!important}
html body.t-about .ab-tl.ab-tl-d li>.cn.tlr{width:100px!important;height:96px;margin-bottom:10px!important}
html body.t-about .ab-tl.ab-tl-d .tlr img{height:92px}
html body.t-about .ab-tl.ab-tl-d::before{top:96px}}
html body.t-about .ab-tl.ab-tl-d li:last-child h3{color:var(--y)!important;font-size:23px}
html body.t-about .ab-tl.ab-tl-d li:last-child p{color:#fff!important}
/* (b) #promise header 1024+: mascot snug beside title, feet level with intro bottom */
@media(min-width:1024px){html body.t-about .ab-ph{grid-template-columns:max-content 170px!important;justify-content:start!important;column-gap:28px!important}
html body.t-about .ab-ph .ab-prob{align-self:end!important;justify-self:start!important}}
@media(max-width:767px){html body.t-about .ab-gl>div:nth-child(n){order:0!important;grid-column:auto!important}}
@media(max-width:699px){html body.t-about .ab-hero .hc>.trust{gap:6px 10px!important}}
@media(min-width:1180px){html body.t-about .ab-pr{gap:12px!important}html body.t-about .ab-pr li{padding-inline:14px!important}}
@media(min-width:768px) and (max-width:1199px){html body.t-about .ab-gl>div:nth-child(3) .mx{display:none!important}html body.t-about .ab-gl>div:nth-child(3) .mo{display:inline!important}html body.t-about .ab-gl>div:nth-child(3) br.mo{display:block!important}}
@media(min-width:700px){html body.t-about .ab-tl.ab-tl-d li>.cn.tlr{grid-row:auto!important;grid-column:1!important}}
/* as1: hero robot size matched to Home hero robot opaque body height (Home .hrun width x 1.6026; About sprite opaque/width .936, Home 1.5) */
html body.t-about .ab-hero .ab-hrob{width:154px!important}
@media(min-width:700px) and (max-width:767px){html body.t-about .ab-hero .ab-hrob{width:179px!important}}
@media(min-width:768px) and (max-width:1199px){html body.t-about .ab-hero .ab-hrob{width:clamp(199px,20.83vw,240px)!important}}
@media(min-width:1200px){html body.t-about .ab-hero .ab-hrob{width:clamp(192px,17.63vw,256px)!important}}

/* w2: v16 padded sprite cell. Width scaled by k16/k15 (1.0895/1.0711) so 1 rig px is unchanged; negative margins = padding (top 11.12, bottom/left 22.23 rig px / 1209) cancel the anchored side. */
html body.t-about .ab-hero .ab-hrob.hsc-about{--w0:154px;width:calc(var(--w0) * 1.01718)!important;margin:calc(var(--w0) / 1.0711 * -0.0092) 0 calc(var(--w0) / 1.0711 * -0.01839) calc(var(--w0) / 1.0711 * -0.01839)!important}
@media(min-width:700px) and (max-width:767px){html body.t-about .ab-hero .ab-hrob.hsc-about{--w0:179px;width:calc(var(--w0) * 1.01718)!important;margin:calc(var(--w0) / 1.0711 * -0.0092) 0 calc(var(--w0) / 1.0711 * -0.01839) calc(var(--w0) / 1.0711 * -0.01839)!important}}
@media(min-width:768px) and (max-width:1199px){html body.t-about .ab-hero .ab-hrob.hsc-about{--w0:clamp(199px,20.83vw,240px);width:calc(var(--w0) * 1.01718)!important;margin:calc(var(--w0) / 1.0711 * -0.0092) 0 calc(var(--w0) / 1.0711 * -0.01839) calc(var(--w0) / 1.0711 * -0.01839)!important}}
@media(min-width:1200px){html body.t-about .ab-hero .ab-hrob.hsc-about{--w0:clamp(192px,17.63vw,256px);width:calc(var(--w0) * 1.01718)!important;margin:calc(var(--w0) / 1.0711 * -0.0092) 0 calc(var(--w0) / 1.0711 * -0.01839) calc(var(--w0) / 1.0711 * -0.01839)!important}}