.breadcrumbs{padding-top:22px;font-size:14px;color:var(--muted)}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:5px 14px;list-style:none;margin:0;padding:0}.breadcrumbs li{display:flex;align-items:center;gap:14px}.breadcrumbs li+li:before{content:'/';color:var(--muted)}.breadcrumbs a{display:inline-flex;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:4px}.breadcrumbs [aria-current]{color:var(--ink)}
.case-hub-heading{padding-block:58px 65px}.case-hub-heading h1{font-size:clamp(55px,6vw,83px);letter-spacing:-3.5px}.case-hub-heading .intro{max-width:650px;margin-bottom:0}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.case-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:7px;overflow:hidden;transition:transform .2s,box-shadow .2s;background:var(--paper)}.case-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #173d3815}.case-card>img{width:100%;aspect-ratio:3/2;object-fit:cover}.case-card>div{padding:24px;display:flex;flex-direction:column;flex:1}.case-card h3{font-size:24px;margin-bottom:15px}.case-card p:not(.category){font-size:14px;margin-bottom:24px}.case-card-link{margin-top:auto;color:var(--ink);font-size:12px;font-weight:700}.case-card .category{margin-bottom:13px;line-height:1.7}.case-card-link>span{margin-left:7px}.case-hub-grid{padding-bottom:85px}.imagery-note{margin-top:28px}.home-cases{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.home-cases .case-card>div{padding:20px}.home-cases .case-card h3{font-size:22px}.section-heading>div>.text-link{margin-top:15px}
.case-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding-block:45px 80px}.case-hero h1{font-size:clamp(45px,4.8vw,69px);line-height:1.08;letter-spacing:-2.8px}.case-hero .eyebrow{font-size:10px;line-height:1.8;max-width:450px}.case-hero .intro{max-width:520px;font-size:16px}.case-scene{margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.case-scene>img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:7px}.case-scene figcaption{font-size:10px;color:var(--muted);padding-top:10px}.case-story{padding:20px 0 80px;display:grid;grid-template-columns:1.2fr 1fr;gap:20px 70px}.case-story .eyebrow{grid-column:1/-1;margin-bottom:0}.case-story h2{font-size:clamp(31px,3.3vw,45px);line-height:1.2;letter-spacing:-1.5px}.case-story>p:last-child{font-size:16px;align-self:center}.case-benefit-band{background:var(--audience-panel);border-block:1px solid var(--line)}.case-benefit-band .section{padding-block:70px}.case-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:45px}.case-benefits h3{font-size:24px;margin-bottom:17px}.case-benefits p{font-size:14px}.case-example{background:var(--proof-panel);border-radius:7px;padding:40px;display:grid;grid-template-columns:1fr 1.2fr;gap:50px}.case-example h3{font-size:29px;margin-bottom:18px}.case-example p:not(.eyebrow){font-size:13px}.case-example dl{margin:0}.case-example dl>div{display:grid;grid-template-columns:80px 1fr;gap:18px;padding:13px 0;border-bottom:1px solid var(--grid-line);font-size:14px}.case-example dl>div:first-child{padding-top:0}.case-example dt{color:var(--muted)}.case-example dd{margin:0;color:var(--ink)}.case-proof{display:grid;grid-template-columns:1.1fr .8fr;gap:100px;align-items:center;border-block:1px solid var(--line);padding-block:60px}.case-proof h2{font-size:clamp(35px,3.6vw,51px);line-height:1.15}.case-proof p:not(.eyebrow){margin-top:24px;font-size:15px}.case-proof p.fine{font-size:12px}.case-proof>.screenshot{width:min(100%,290px);margin:auto;border:5px solid var(--white);box-shadow:0 15px 30px #173d3815}.case-proof .zoom-label{padding:12px;font-size:11px}
@media(max-width:1050px){.case-grid,.home-cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.case-hero{gap:30px}.case-hero h1{font-size:52px}.case-proof{gap:50px}.case-example{gap:30px;padding:28px}.case-benefits{gap:25px}.case-story{gap:20px 35px}}
@media(max-width:760px){.case-hero{grid-template-columns:1fr;padding-block:30px 50px;gap:30px}.case-hero h1{font-size:clamp(43px,9vw,60px);letter-spacing:-2px}.case-hero .eyebrow{font-size:9px}.case-hero .intro{font-size:16px}.case-story{grid-template-columns:1fr;padding-bottom:50px;gap:20px}.case-story h2{font-size:34px}.case-story>p:last-child{font-size:15px}.case-benefits{grid-template-columns:1fr;gap:28px}.case-benefits h3{font-size:24px;margin-bottom:12px}.case-benefit-band .section{padding-block:50px}.case-example{grid-template-columns:1fr;gap:28px;padding:25px}.case-example dl>div{grid-template-columns:65px 1fr;gap:12px;font-size:13px}.case-example h3{font-size:26px}.case-proof{grid-template-columns:1fr;gap:35px;padding-block:45px}.case-proof h2{font-size:36px}.case-proof>.screenshot{max-width:280px}.case-hub-heading{padding-block:30px 45px}.case-hub-heading h1{font-size:51px;letter-spacing:-2px}.case-hub-grid{padding-bottom:55px}.case-card>div{padding:20px}.case-card h3{font-size:22px}.case-card p:not(.category){font-size:13px}.case-grid,.home-cases{gap:20px}.breadcrumbs{padding-top:12px;font-size:13px}}
@media(max-width:540px){.case-grid,.home-cases{grid-template-columns:1fr}.case-card{max-width:460px;width:100%;margin-inline:auto}.case-hub-heading h1{font-size:46px}.case-proof h2{font-size:34px}.case-hero h1{font-size:43px}.case-scene figcaption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.case-card{transition:none}}
@media(forced-colors:active){.case-card,.case-example,.case-proof>.screenshot{border:1px solid CanvasText}}
/* Readable type: lift small/UI sizes; leave display headlines alone. */
.breadcrumbs{font-size:15px}
.case-card p:not(.category){font-size:15px}
.case-card-link{font-size:13px}
.case-hero .eyebrow{font-size:12px}
.case-hero .intro{font-size:17px}
.case-scene figcaption{font-size:12px}
.case-story>p:last-child{font-size:17px}
.case-benefits p{font-size:15px}
.case-example p:not(.eyebrow){font-size:14px}
.case-example dl>div{font-size:15px}
.case-proof p:not(.eyebrow){font-size:16px}
.case-proof p.fine{font-size:13px}
.case-proof .zoom-label{font-size:12px}
.imagery-note{font-size:14px}
@media(max-width:760px){.case-hero .eyebrow{font-size:11px}.case-hero .intro{font-size:16px}.case-story>p:last-child{font-size:16px}.case-example dl>div{font-size:14px}.case-card p:not(.category){font-size:14px}.breadcrumbs{font-size:14px}}
@media(max-width:540px){.case-scene figcaption{font-size:11px}}