/* UCantoo website: Aubergine & Gold (P2C). Light-only by design: the brand palette is fixed. */
:root{--plum:#2A1830;--plum-2:#3B2340;--gold:#C29B57;--stone:#EFEBE4;--ivory:#F9F7F3;--white:#FFFFFF;--ink:#241A27;--muted:#62576A;--line:#E2DCD3;--on-plum:#E6DEE8;--headc:#141414;--bodyc:rgba(20,20,20,.74);--finec:rgba(20,20,20,.58);--sz-l:clamp(30px,4.2vw,44px);--sz-m:24px;--sz-s:15px;--gap-divider:21px;--gap-headline-top:69px;
--display:"Newsreader",Georgia,"Times New Roman",serif;--body:"Karla",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}
body{margin:0}
body{background:var(--white);color:var(--headc);font-family:var(--body);font-size:var(--sz-s);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--headc)}
.wrap{max-width:1120px;margin:0 auto;padding-inline:24px}
h1,h2,h3{font-family:var(--display);font-weight:300;color:var(--headc);text-wrap:balance;margin:0;letter-spacing:-.01em}
h1{font-size:var(--sz-l);line-height:1.1}
h2{font-size:var(--sz-m);line-height:1.15}
h3{font-size:var(--sz-m);line-height:1.25}
p{margin:0}
em.g{font-style:italic;color:var(--gold)}
h2.oneline{font-size:var(--sz-l)}
@media (min-width:900px){h1.oneline,h2.oneline{white-space:nowrap;font-size:var(--sz-l)}h1.oneline.snr{font-size:var(--sz-l)}}
.mark{position:relative;display:inline-block;font-style:italic;color:var(--gold)}
.mark .stroke{position:absolute;left:0;bottom:-.18em;width:100%;height:.28em;fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;overflow:visible}
.eyebrow{font-size:var(--sz-s);font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--headc);margin:0 0 14px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:6px;background:var(--plum);color:var(--ivory);font-weight:400;font-size:var(--sz-s);text-decoration:none;border:1.5px solid var(--plum);transition:background .15s}
.btn:hover{background:var(--plum-2)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--headc)}
.btn.gold:hover{background:var(--gold)}
.btn.ghost{background:transparent;color:var(--headc)}
.btn.ghost:hover{background:var(--stone)}
.btn.ghost-l{background:transparent;color:var(--ivory);border-color:var(--gold)}.btn.ghost-l:hover{background:var(--gold);color:var(--headc)}
a:focus-visible,.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* header */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:var(--white);border-bottom:1px solid var(--line)}
@media (min-width:1200px){.hright{margin-right:calc((100vw - 1120px) / -2 + 16px)}}
.hrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.brand svg{width:44px;height:44px}
.lockup{display:flex;flex-direction:column;line-height:1.1}
.wm{font-family:var(--display);font-size:var(--sz-m);color:var(--headc)}
.tagline{font-size:var(--sz-s);font-weight:400;color:var(--gold);letter-spacing:.01em;margin-top:2px}
.hright{display:flex;align-items:center;gap:10px}
.btn.hb{min-height:44px;padding:10px 18px;font-size:var(--sz-s)}
.btn.hb.senior-cta{background:var(--white);color:var(--headc);border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:10px;font-family:var(--display);font-weight:300;gap:8px}
.btn.hb.senior-cta:hover{background:var(--stone)}
.btn.hb.senior-cta .chev{color:var(--headc);font-family:var(--body);font-size:var(--sz-s);transition:transform .15s}
.btn.hb.senior-cta:hover .chev{transform:translateX(2px)}
.nav{display:flex;flex-wrap:wrap;gap:4px 32px;padding-block:0 12px}
.nav a{font-size:var(--sz-s);font-weight:400;color:var(--headc);text-decoration:none;padding-block:4px;border-bottom:2px solid transparent}
.nav a:hover{border-bottom-color:var(--line)}
.nav a[aria-current]{border-bottom-color:var(--gold);color:var(--headc)}
.nav a.m-only{display:none}
.navtoggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:var(--white);cursor:pointer;padding:0;flex-shrink:0}
.navtoggle .bars{position:relative;display:block;width:18px;height:2px;background:var(--headc)}
.navtoggle .bars::before,.navtoggle .bars::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--headc)}
.navtoggle .bars::before{top:-6px}
.navtoggle .bars::after{top:6px}
@media (max-width:640px){.tagline{font-size:var(--sz-s)}.hright .btn{white-space:nowrap}.hright .btn{padding:10px 14px;min-height:44px;font-size:var(--sz-s)}.seniors{display:none}.nav a.m-only{display:inline}.nav{gap:4px 22px}.navtoggle{display:inline-flex}.nav{display:none;flex-direction:column;gap:0;width:100%;padding-block:8px 14px;border-top:1px solid var(--line)}.nav.open{display:flex}.nav a{padding-block:10px;border-bottom:1px solid var(--line)}.nav a:last-child{border-bottom:0}}
/* sections */
section{padding-block:0 var(--gap-divider)}
main>section:first-child:not(.hero):not(.phero){padding-top:var(--gap-headline-top)}
section+section{border-top:0}
section+section::before{content:"";display:block;width:calc(100% - 48px);max-width:1072px;margin:0 auto var(--gap-divider);border-top:1px solid var(--gold)}
[id]{scroll-margin-top:140px}
.stone{background:var(--white)}
.white{background:var(--white)}
.plum{background:var(--white);color:var(--headc);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.plum h2,.plum h3{color:var(--headc)}
.plum .eyebrow{color:var(--headc)}
.lede{font-size:var(--sz-s);color:var(--headc);max-width:58ch}
.actions{display:flex;flex-wrap:wrap;gap:12px}
/* home hero */
.hero{padding-block:var(--gap-headline-top) var(--gap-divider)}
.hero-grid{display:flex;flex-direction:column;gap:0}
.hero-copy{display:flex;flex-direction:column;gap:var(--gap-divider)}
.lede.wide{max-width:none;text-wrap:balance}
.gold-rule{height:0;border-top:1px solid var(--gold);margin-bottom:var(--gap-divider)}
@media (min-width:900px){h1.heroline{white-space:nowrap;font-size:var(--sz-l)}}
@media (min-width:1100px){.hero .lede.wide{white-space:nowrap;text-wrap:nowrap;font-size:var(--sz-s)}}
@media (min-width:900px){.phero .lede.wide{white-space:nowrap;text-wrap:nowrap;font-size:var(--sz-s)}}
.proof{display:grid;grid-template-columns:auto repeat(3,max-content);justify-content:space-between;gap:0 40px;align-items:start;padding-top:0}
.proof .prule{grid-column:1/-1;height:0;margin:var(--gap-divider) 0;border-top:1px solid var(--gold)}.proof .ptext{padding-top:18px}
.proof p.lbl.hl{margin-top:0;padding-top:0;max-width:none}.proof .ptext{grid-column:2/-1;margin-bottom:0;font-size:var(--sz-s);color:var(--headc);text-wrap:balance}@media (max-width:860px){.proof .ptext{grid-column:auto;margin-top:0;padding-top:0;border-top:0}}.proof p.lbl .sub{display:block;margin-top:8px;font-weight:400;letter-spacing:.04em;text-transform:none;font-size:var(--sz-s);color:var(--headc)}.proof p.lbl{font-size:var(--sz-s);font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--headc);margin:0;max-width:none;line-height:1.5;white-space:nowrap}
.proof div{display:flex;flex-direction:column;gap:2px}
.proof b{display:block;font-family:var(--display);font-weight:300;font-size:clamp(16px,1.3vw,20px);line-height:1.2;color:var(--headc)}
.proof span{font-size:var(--sz-s);color:var(--headc)}
@media (max-width:860px){.proof{grid-template-columns:minmax(0,1fr);gap:16px}.proof p.lbl{max-width:none}}
/* three paths */
.paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.path{display:flex;flex-direction:column;gap:12px;padding:30px;background:var(--white);border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--headc);transition:border-color .15s}
.path:hover{border-color:var(--gold)}@media (max-width:1060px){.paths{grid-template-columns:minmax(0,1fr)}}
.path h3{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:1px;text-underline-offset:6px}.path h3::after{content:" →";color:var(--headc);text-decoration:none;display:inline-block;margin-left:4px;transition:transform .15s}.path:hover h3::after{transform:translateX(4px)}
.path p{color:var(--headc);font-size:var(--sz-s)}
.path .go{margin-top:auto;padding-top:8px;font-weight:400;color:var(--headc);font-size:var(--sz-s)}
@media (max-width:860px){.paths{grid-template-columns:minmax(0,1fr)}}
/* motto */
.motto{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.motto h2{font-size:var(--sz-l)}
.hero-m{margin:0;font-family:var(--display);font-style:italic;font-size:var(--sz-m);color:var(--gold)}.motto p.mline{font-family:var(--display);font-style:italic;font-size:var(--sz-m);color:var(--gold);max-width:none}.motto p{max-width:60ch;color:var(--headc)}
/* cta band */
.cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.cta h2{max-width:22ch}.cta h2:has(.dbr){max-width:none}@media (max-width:899px){.cta h2 .dbr{display:none}.cta h2:has(.dbr){max-width:22ch}}
/* page hero */
.phero{padding-block:var(--gap-headline-top) var(--gap-divider)}
.phero h1{font-size:var(--sz-l)}
.phero .lede{margin-top:var(--gap-divider)}
h1.allline{white-space:nowrap;font-size:var(--sz-l)}
/* two col */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
@media (max-width:860px){.split{grid-template-columns:minmax(0,1fr)}}
.block{display:flex;flex-direction:column;gap:14px}
.block p{color:var(--headc)}
.tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:6px 0 0;padding:0}
.tags li{font-size:var(--sz-s);line-height:1.3;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--headc)}
/* steps */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;counter-reset:s;flex:1 1 auto;min-width:0}
.steps li{display:flex;flex-direction:column;align-items:center;gap:12px}
.steps .n{font-size:11px;font-weight:400;letter-spacing:.1em;color:var(--headc);text-align:center}
.steps p{color:var(--headc);font-size:var(--sz-s)}
.stepsrow{margin-top:-6px}
@media (max-width:980px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.stepsrow .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}
@media (max-width:600px){.steps{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.stepsrow .weavelbls{display:none}.stepsrow .steps{gap:6px}.stepsrow .steps .n{font-size:10px;letter-spacing:.06em}}
@media (max-width:420px){.stepsrow .steps .n{font-size:9px;letter-spacing:.03em}}
.ticks{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}
.ticks li{position:relative;padding-left:26px;font-size:var(--sz-s)}
.ticks li::before{content:"";position:absolute;left:0;top:.62em;width:12px;height:2px;background:var(--gold)}
@media (max-width:640px){.ticks{grid-template-columns:minmax(0,1fr)}}
.note{margin-top:36px;padding:20px 24px;background:var(--white);border:1px solid var(--line);border-radius:8px;font-size:var(--sz-s)}
.note strong{color:var(--headc)}
/* values */
.values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px;margin-top:40px}
.values div{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--line)}
.values p{color:var(--headc);font-size:var(--sz-s)}
.values h3{font-weight:400}
.values .vemb{width:104px;height:104px;margin-bottom:4px}
@media (max-width:640px){.values .vemb{width:88px;height:88px}}
@media (max-width:640px){.values{grid-template-columns:minmax(0,1fr)}}
.values.vcompact{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 20px;margin-top:22px}
.values.vcompact div{gap:4px;padding-top:12px;text-align:center;align-items:center}
.values.vcompact h3{font-size:var(--sz-s)}
.values.vcompact .vemb{width:56px;height:56px;margin-bottom:0}
@media (max-width:640px){.values.vcompact{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.values.vcompact .vemb{width:48px;height:48px}}
/* founder */
.founder{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}
.portrait{aspect-ratio:4/5;max-width:100%;border-radius:8px;background:var(--stone);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--headc);font-size:var(--sz-s);border:1px solid var(--line);overflow:hidden}
.portrait b{font-family:var(--display);font-size:var(--sz-l);font-weight:300;color:var(--headc)}
.portrait img{width:100%;height:100%;object-fit:cover;display:block}
.founder .meta{font-size:var(--sz-s);color:var(--headc);margin-top:6px}
.founder .bio{display:flex;flex-direction:column;gap:14px;margin-top:20px;color:var(--headc);font-size:var(--sz-s);font-weight:400;line-height:1.6}
.stat{display:flex;gap:20px;align-items:baseline;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.stat.lead{margin-top:0;padding-top:0;border-top:0}
.stat b{font-family:var(--display);font-size:var(--sz-l);font-weight:300;color:var(--headc);line-height:1}
.stat span{font-size:var(--sz-s);color:var(--headc)}
.fquote{margin:0 auto;max-width:760px;padding:4px 0 4px 28px;border-left:2px solid var(--gold)}

.fquote blockquote{margin:0;font-family:var(--display);font-style:italic;font-size:var(--sz-m);line-height:1.45;color:var(--headc)}
.fquote blockquote p{margin:0}
.two{list-style:none;margin:14px 0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:t}
.two li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:8px;align-items:baseline;counter-increment:t}
.two li::before{content:counter(t,decimal-leading-zero);grid-row:span 2;font-family:var(--body);font-style:normal;font-size:var(--sz-s);font-weight:400;letter-spacing:.1em;color:var(--headc)}
.two b{font-family:var(--display);font-style:normal;font-weight:300;font-size:var(--sz-m);color:var(--headc)}
.two span{font-family:var(--body);font-style:normal;font-size:var(--sz-s);color:var(--headc)}
.fquote figcaption{margin-top:10px;font-size:var(--sz-s);font-weight:400;color:var(--headc)}
.rlbl{margin-top:24px;font-size:var(--sz-s);font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--headc)}
@media (max-width:760px){.founder{grid-template-columns:minmax(0,1fr)}.portrait{max-width:220px}}
/* promises */
.promises{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.promises li{padding-block:18px;border-bottom:1px solid var(--line);font-size:var(--sz-s)}
.promises li:first-child{border-top:1px solid var(--line)}
/* contact */
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.card{padding:30px;background:var(--white);border:1px solid var(--gold);border-radius:8px;display:flex;flex-direction:column;gap:18px}
.card h3{font-family:var(--body);font-size:var(--sz-s);font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--headc)}
.rows{margin:0;display:flex;flex-direction:column}
.rows div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding-block:12px;border-bottom:1px solid var(--line)}
.rows div:last-child{border-bottom:0}
.rows dt{font-size:var(--sz-s);font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--headc);padding-top:3px}
.rows dd{margin:0}
@media (max-width:760px){.cards{grid-template-columns:minmax(0,1fr)}.rows div{grid-template-columns:minmax(0,1fr);gap:2px}}
.ph{background:#F4E9CF;color:var(--headc);padding:1px 6px;border-radius:4px;font-size:.92em}
/* policy */
.policy{max-width:760px;display:flex;flex-direction:column;gap:14px}
.policy .eyebrow{margin-bottom:calc(var(--gap-divider) - 14px)}
.policy h1{font-size:var(--sz-l)}
.policy h2{font-size:var(--sz-m);margin-top:22px}
.policy h3{font-size:var(--sz-s);margin-top:6px;font-weight:400;font-family:var(--body);letter-spacing:normal}
.policy ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.policy p,.policy li{color:var(--headc)}
.updated{color:var(--headc);font-size:var(--sz-s)}
/* footer */
footer{background:var(--white);color:var(--headc);padding-block:44px;border-top:1px solid var(--line)}
.frow{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.fbrand{display:flex;align-items:center;gap:10px}
.fbrand svg{width:36px;height:36px}
.fbrand .wm{color:var(--headc);font-size:var(--sz-m)}
.fmotto{font-family:var(--display);font-style:italic;color:var(--gold);font-size:var(--sz-s)}
.flinks{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:var(--sz-s)}
.flinks a{color:var(--headc)}
.fsmall{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:var(--sz-s);color:var(--headc);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* about: two pillars */
.abt{background:var(--white);border-bottom:1px solid var(--line)}
.abt h1{max-width:24ch}
.pillars{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:stretch;margin-top:40px}
.pillar{display:flex;flex-direction:column;gap:10px;padding:30px;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:8px}
.phead{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.picon{width:52px;height:52px;border-radius:50%;background:var(--plum);display:flex;align-items:center;justify-content:center}
.picon svg{width:26px;height:26px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.pn{font-size:var(--sz-s);font-weight:400;letter-spacing:.14em;color:var(--headc)}
.pillar p{color:var(--headc);font-size:var(--sz-s);min-height:3.2em}
.pviz{display:block;width:100%;height:auto;margin-top:auto;padding-top:22px;border-top:1px solid var(--line);overflow:visible}
.pillar p+.pviz{margin-top:14px}
.pviz .vl{stroke:var(--gold);stroke-width:2;fill:none;stroke-dasharray:4 4}
.pviz .va{stroke:var(--gold);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.pviz .vn{fill:var(--ivory);stroke:var(--line);stroke-width:1.5}
.pviz .vc{fill:var(--plum)}
.pviz .vt{font-family:var(--body);font-size:var(--sz-s);fill:var(--muted);text-anchor:middle}
.pviz .vtb{font-weight:400;fill:var(--plum)}
.pviz .vi{font-family:var(--display);font-size:var(--sz-s);fill:var(--gold);text-anchor:middle}
.pviz .vs{font-family:var(--body);font-size:var(--sz-s);font-weight:400;fill:var(--muted);text-anchor:middle}
.pviz .vd circle{fill:var(--line)}
.pviz .vg circle{fill:var(--gold)}
.plus{align-self:center;font-family:var(--display);font-size:var(--sz-l);line-height:1;color:var(--headc)}
.built{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;margin:32px auto 0;padding-top:24px;border-top:1px solid var(--line);max-width:480px}
.built p{font-family:var(--display);font-style:italic;font-size:var(--sz-m);line-height:1.3;color:var(--headc)}
.built figcaption{margin-top:4px;font-size:var(--sz-s);font-weight:400;color:var(--headc)}
.avatar{flex-shrink:0;width:52px;height:52px;border-radius:50%;background:var(--plum);border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:var(--sz-s);color:var(--ivory)}
@media (max-width:820px){.pillars{grid-template-columns:minmax(0,1fr);gap:12px}.plus{justify-self:center}.pillar{padding:24px}.built p{font-size:var(--sz-m)}}

/* about: UCantoo loop */
.loop{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,220px) minmax(0,1fr);align-items:center;gap:28px;margin-top:36px}
.loop .pt b{display:block;font-family:var(--display);font-weight:300;font-size:var(--sz-m);color:var(--headc);line-height:1.2}
.loop .pt>span{display:block;color:var(--headc);font-size:var(--sz-s);margin-top:6px}
.loop .pt.l{text-align:left}
.loop .pt:not(.l){text-align:right}
.loop .num{font-family:var(--body);font-size:var(--sz-m);font-weight:400;margin-right:12px}
.loop .n1{color:var(--headc)}.loop .n2{color:var(--headc)}
.loop svg{width:100%;height:auto;display:block}
.loopcap{text-align:center;font-size:var(--sz-s);font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--headc);margin-top:6px}
@media (max-width:760px){.loop{grid-template-columns:minmax(0,1fr);gap:20px}.loop .pt.l,.loop .pt:not(.l){text-align:left}.loop .mid{order:-1;max-width:180px;justify-self:center;width:100%}}
.loop.compact{margin-top:20px;gap:16px}
.loop.compact .mid{max-width:110px}
.loop.compact .pt b{font-size:var(--sz-s)}
.built.compact{margin:14px auto 0;padding-top:12px;gap:8px;max-width:420px}
.built.compact .avatar{width:34px;height:34px;font-size:var(--sz-s)}
.built.compact p{font-size:var(--sz-s)}
.built.compact figcaption{font-size:var(--sz-s);margin-top:2px}
.venn-wrap{display:flex;justify-content:center;margin:12px 0 4px}
.venn-wrap>svg{width:100%;max-width:560px;height:auto}
@media (max-width:600px){.venn-wrap>svg{max-width:340px}}

/* how we can help: woven threads */
.weave{margin:4px 0 28px}.weave svg{width:100%;height:auto;display:block}
.weaverow{display:flex;align-items:center;gap:6px}
.weavelbls{display:flex;flex-direction:column;gap:20px;flex:0 0 auto}
.weavelbl{font-family:var(--display);font-size:19px;font-weight:400;font-style:italic;letter-spacing:normal;text-transform:none;color:var(--gold);white-space:nowrap}
.weavelbl.plm{color:var(--plum)}
.weaverow svg{flex:1 1 auto;min-width:0}
.weavecap{margin:2px 0 0;text-align:center;font-size:var(--sz-s);font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--headc)}.weavecap span{font-weight:400}
.weavespread{text-align:center;margin:16px 0 0;font-family:var(--display);font-size:20px;font-weight:300;letter-spacing:-.01em;color:var(--headc)}
@media (max-width:760px){.weave{margin:0 0 20px}.weaverow{flex-wrap:wrap;gap:6px 10px}.weavelbls{flex-direction:row;gap:14px;flex-basis:100%}.weavelbl{font-size:16px}.weaverow svg{flex-basis:100%}.weavecap{font-size:var(--sz-s);letter-spacing:.1em;line-height:1.7;text-wrap:balance}.weavespread{font-size:15px;margin-top:10px}.weaverow:not(.stepsrow) .weavelbls{display:none}}
/* how we work and values infographics */
.weave.wstage{margin:36px 0 0}.wstage+.steps{margin-top:32px}
.weave.vmark{max-width:620px;margin:32px auto 0}.vmark svg{max-width:300px;margin:0 auto}.vmark+.values{margin-top:32px}
@media (max-width:760px){.weave.wstage{margin:28px 0 0}.weave.vmark{margin:24px auto 0}.vmark svg{max-width:240px}}

/* how we can help: bridge picture */
.bridge svg{width:100%;height:auto;display:block}
.blabels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;text-align:center;margin-top:20px}
.blabels a{display:block;text-decoration:none;color:var(--headc)}
.blabels b{font-family:var(--display);font-weight:300;font-size:var(--sz-m);color:var(--headc);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:1px;text-underline-offset:6px}
.blabels b::after{content:" →";color:var(--headc);text-decoration:none;display:inline-block;margin-left:4px;transition:transform .15s}
.blabels a:hover b::after{transform:translateX(4px)}
.blabels span{display:block;max-width:30ch;margin:10px auto 0;font-size:var(--sz-s);color:var(--headc)}
@media (max-width:700px){.blabels{gap:12px;margin-top:14px}.blabels b{font-size:var(--sz-s);text-underline-offset:4px}.blabels b::after{display:none}.blabels span{font-size:var(--sz-s);margin-top:6px}}
.proof .idxwrap{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-top:22px;border-top:1px solid var(--line);padding-top:20px}
.proof .idxcol-r{border-left:1px solid var(--line);padding-left:48px}
.proof .idxlist{margin-top:10px;display:block}
.proof .idxlist div{display:flex;flex-direction:row;align-items:baseline;gap:12px;padding:7px 0;border-top:1px solid var(--line);font-size:var(--sz-s);color:var(--headc)}
.proof .idxlist div:first-child{border-top:0}
.proof .idxlist .n{font-size:var(--sz-s);font-weight:400;letter-spacing:.06em;color:var(--headc);min-width:18px;flex-shrink:0}
@media (max-width:860px){.proof .idxwrap{grid-template-columns:1fr}.proof .idxcol-r{border-left:0;padding-left:0;border-top:1px solid var(--line);margin-top:16px;padding-top:16px}}
/* roles/sectors tap-to-reveal (Shipra pt 1 + Ruchie 9 Oct: Option D; used on home, about, what-we-do) */
.hexp{margin-top:22px;padding-top:6px;display:flex;flex-direction:column;gap:10px}
.hexp.lead{margin-top:14px;margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.proof .hexp{grid-column:1/-1}
.proof .worklogos{grid-column:1/-1;margin-top:14px}
details.racc{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--white)}
details.racc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:15px 18px 15px 16px;font-family:var(--display);font-weight:300;font-size:var(--sz-s);color:var(--headc);background:var(--white);border-left:5px solid var(--gold)}
details.racc summary::-webkit-details-marker{display:none}
details.racc summary .count{display:flex;align-items:center;gap:6px;font-family:var(--body);font-size:var(--sz-s);font-weight:400;color:var(--headc);white-space:nowrap}
details.racc summary .chev{display:inline-block;color:var(--headc);transition:transform .15s;font-size:var(--sz-s);transform:rotate(90deg)}
details.racc[open] summary .chev{transform:rotate(-90deg)}
details.racc summary:hover{background:var(--stone)}
.acctiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px 18px 18px 21px;background:var(--white);border-top:1px solid var(--line)}
.acctiles span{display:block;padding:7px 9px;border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:400;color:var(--headc)}
.proof .acctiles{display:grid}
@media (max-width:640px){.acctiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.strip{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px}
.strip li:first-child{grid-column:1 / -1}
.strip li{display:flex;flex-direction:column;gap:6px;padding-left:14px;border-left:2px solid var(--gold)}
.strip .n{font-size:var(--sz-s);font-weight:400;letter-spacing:.14em;color:var(--headc)}
.strip p{margin:0;font-size:var(--sz-s);line-height:1.5;color:var(--headc)}
@media (max-width:640px){.strip{grid-template-columns:minmax(0,1fr)}}

/* Shipra pt 2 (applied 11 Oct 2026): real company logos, single line under career highlights */
.worklogos-lbl{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
.worklogos{list-style:none;margin:10px 0 0;padding:0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:nowrap}
.worklogos li{flex:0 1 auto;display:flex;align-items:center;min-width:0}
.worklogos img{display:block;height:34px;width:auto;max-width:100%;object-fit:contain}
.worklogos img.dark{height:36px;border-radius:3px}
@media (max-width:760px){.worklogos{flex-wrap:wrap;justify-content:flex-start;gap:16px 22px}.worklogos img{height:26px}.worklogos img.dark{height:29px}}