/* system-v4/proof/proof.css: Testimonials and headshot tab (decisions 5688, 5689, 5690, 5697). Ported from testimonials-v4, headshot-v3, backgrounds-v4; colors from tokens.css only. */
.sym{position:absolute;width:0;height:0}
.i{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:square;stroke-linejoin:miter}
.rl{display:grid;gap:8px;max-width:60rem;margin:22px 0 0;padding-left:1.2em;font:500 1rem/1.5 var(--fd);color:var(--tx)}.rl b,.sub b{color:var(--h)}
.rb{max-width:60rem;margin-top:20px;padding:14px 18px;font:700 1.05rem/1.45 var(--fd);color:var(--h);--cut:var(--bevel-md);--bc:var(--gl)}
.cn{max-width:60rem;margin-top:14px}figure>.sub{margin:6px 0 22px}
.stage{overflow:hidden;--cut:var(--bevel-lg);--bc:var(--edge);padding:clamp(16px,3vw,40px)}
.p1{--pic-l:url(/assets/imagery/backgrounds-v4/2026-10-30-layered-peaks-day-v01.webp);--pic-d:url(/assets/imagery/backgrounds-v1/2026-10-30-layered-peaks-v01.webp)}
.p2{--pic-l:url(/assets/imagery/backgrounds-v4/2026-10-30-canyon-overlook-day-v01.webp);--pic-d:url(/assets/imagery/backgrounds-v1/2026-10-30-canyon-overlook-v01.webp)}
.p3{--pic-l:url(/assets/imagery/backgrounds-v4/2026-10-30-desert-mesas-wide-day-v01.webp);--pic-d:url(/assets/imagery/backgrounds-v1/2026-10-30-desert-mesas-wide-v01.webp)}
.stage .cn,.stage .mu{color:var(--mu)}:root:not(.dark) .stage{--mu:color-mix(in srgb,var(--pewter) 50%,var(--navy))}
.two{display:grid;gap:clamp(18px,3vw,32px);grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:stretch}
.three{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
.cd{--cut:var(--bevel-lg);padding:clamp(20px,2.6vw,30px);color:var(--tx)}
.by{margin-top:auto;display:flex;flex-direction:column;gap:2px;align-items:flex-start;font:400 .9rem/1.4 var(--fd);color:var(--tx)}.by b{font:800 1rem/1.3 var(--fd);color:var(--h)}.by span{font-weight:400}
.cd>p+p{margin-top:10px}.cd>.by{margin-top:18px}
.qc{display:flex;flex-direction:column;gap:14px;height:100%}.qm{width:34px;height:34px;color:var(--ac);fill:currentColor}
:root:not(.dark) .stage .qm{color:var(--accent)}
.qc blockquote{font:400 1.3rem/1.4 var(--fb);color:var(--h)}.qc .by{margin-top:auto;padding-top:6px}
.lt{font-size:1.0625rem}.lt mark{font-weight:600}
.hq{font:400 1.2rem/1.65 var(--fb);color:var(--h)}.gp>.by{margin-top:0}
.qc blockquote p::before,.pq blockquote p::before,.lt>p:first-child::before,.hq::before{content:"\201C"}
.qc blockquote p::after,.pq blockquote p::after,.lt>p:nth-last-child(2)::after,.hq::after{content:"\201D"}
.wl{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:center}
.fr{--cut:var(--bevel-lg);--bc:var(--line);padding:6px}.fr img{margin-inline:auto}
.gp{display:grid;gap:12px}
@media(min-width:720px){.wl{grid-template-columns:minmax(0,46%) 1fr}}
.pq{display:grid;gap:28px;align-items:center;grid-template-columns:auto 1fr}
.pf{display:grid;place-items:center;width:112px;height:112px;font:800 3rem/1 var(--fd);color:var(--white);--cut:var(--bevel-lg)}
.pq blockquote{font:600 clamp(1.5rem,2.4vw + .6rem,2.4rem)/1.25 var(--fb);color:var(--white);text-wrap:balance}.pq .by{margin-top:18px}
@media(max-width:640px){.pq{grid-template-columns:1fr;gap:20px}.pf{width:88px;height:88px;font-size:2.4rem}}
/* carousel (decisions 5673, 5688): one flex strip in a clipping viewport; a move animates the strip's translateX once, so card and screenshot travel together. Clones at both ends; no fade, no opacity change. */
.car{position:relative;max-width:860px;margin-inline:auto;padding:5px;--cut:var(--bevel-lg);--band-color:transparent}
.car.bevel:hover,.car.bevel:has(:focus-visible){--band-color:transparent}.car.bevel:focus-visible{--band-color:var(--focus)}
.vp{overflow:hidden}.track{display:flex;touch-action:pan-y;transition:transform .45s ease-in-out}
.slide{flex:0 0 100%;min-width:0;box-sizing:border-box;display:flex;align-items:center;padding-inline:6px}
.slide>*{width:100%;max-width:760px;margin-inline:auto;height:auto}
.ctl{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;margin-top:22px}
.cb{display:grid;place-items:center;width:48px;height:48px;padding:0;color:var(--h);background:transparent;--cut:var(--bevel-ctl);--band:2px;--band-color:transparent}
.cb:hover,.cb:active{--band-color:currentColor}.cb:focus-visible{--band-color:var(--focus)}
.dots{display:flex}.dt{display:grid;place-items:center;width:28px;height:44px;padding:0;background:none;--cut:var(--bevel-ctl);--band-color:transparent}
.dt:hover{--band-color:transparent}.dt:focus-visible{--band-color:var(--focus)}
.dot{display:block;width:10px;height:10px;background:color-mix(in srgb,var(--h) 55%,transparent);--cut:2px;--bc:transparent}.dt[aria-current=true] .dot{background:var(--accent)}
.pos{display:inline-flex;align-items:center;justify-content:center;min-width:5.5em;min-height:32px;padding:0 10px;font:700 .85rem var(--fd);color:var(--mu);--cut:var(--bevel-sm);--bc:var(--line)}
@media(prefers-reduced-motion:reduce){.track{transition:none}}
/* headshot (decisions 5069, 5554, 5674, 5689): square frame, 9 px cut from 96 px up, 3 px under 64 px */
.hs{--s:120px;--iw:1744px;--cut:var(--bevel-lg);--band:2px;--bc:var(--line);display:block;flex:none;width:min(var(--s),100%);max-width:var(--iw);aspect-ratio:1;overflow:hidden;background:var(--wash)}
.hs img{width:100%;height:100%;object-fit:cover}.hs.s{--s:48px;--cut:var(--bevel-ctl)}.hs.n{--s:96px}.hs.l{--s:280px}.hs.live{--iw:1500px}
.sz{align-items:end;gap:18px clamp(24px,4vw,56px)}.nm{display:block;font:800 1.05rem/1.2 var(--fd);color:var(--h)}.ro{display:block;font:700 .85rem/1.3 var(--fd);color:var(--tx)}
.sp{display:grid;gap:14px;padding:clamp(18px,2.4vw,28px);background:var(--ground);--cut:var(--bevel-md);--bc:var(--gl)}.bl{display:flex;align-items:center;gap:12px}
.ac{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:start;padding:clamp(18px,2.4vw,28px);--cut:var(--bevel-lg)}.ac p,.mj p{font-size:1rem;line-height:1.5}.ac h3{margin-bottom:2px}
.lk{display:inline-flex;align-items:center;min-height:44px;font:800 1rem var(--fd);color:var(--h);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--ac)}
.qt{display:grid;grid-template-columns:120px 1fr;gap:clamp(18px,3vw,36px);align-items:center;padding:clamp(20px,3vw,36px);--cut:var(--bevel-lg)}
.qt p{font:600 clamp(1.25rem,1vw + 1rem,1.65rem)/1.4 var(--fb);color:var(--h);text-wrap:pretty}.qt figcaption{display:grid;gap:2px;margin-top:16px}
@media(max-width:639px){.qt{grid-template-columns:1fr}}
.mj{--cut:var(--bevel-lg);max-width:420px;overflow:hidden}.mp{aspect-ratio:4/3;overflow:hidden}.mp img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.mj .in{display:grid;gap:8px;justify-items:start;padding:clamp(18px,2.4vw,28px)}.mj .eyebrow{margin:0}
/* background rule */
.spec{display:grid;gap:8px;max-width:60rem;padding:0;list-style:none;font:500 1rem/1.5 var(--fd);color:var(--tx)}.spec b{color:var(--h)}
.gb{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;font:800 .95rem var(--fd);color:var(--h);--cut:var(--bevel-ctl);--band:1px;--band-color:var(--chip)}