/* Customer stories: one editorial system, distinct evidence for each store. */
.case-page{background:#fff;color:#161616}.case-main{overflow:clip}.case-container{width:calc(100% - 120px);max-width:1200px;margin-inline:auto}.case-main h1,.case-main h2{font-family:'Awesome Serif',Georgia,serif;font-weight:400;letter-spacing:-.035em}.case-main h1{font-size:clamp(60px,6.2vw,92px);line-height:1.02;margin:32px auto 24px;text-wrap:balance}.case-main h2{font-size:clamp(42px,3.9vw,60px);line-height:1.06;margin:0 0 26px}.case-main h3{font-weight:400;letter-spacing:-.025em}.case-main p{line-height:1.65}.case-main a{color:inherit}.case-main a:focus-visible{outline:2px solid currentColor;outline-offset:6px}.case-hero{padding-top:140px}.case-partnership{display:flex;align-items:center;justify-content:center;gap:27px;margin-top:34px}.case-partnership>span:first-child{display:flex;align-items:center;gap:8px;font-size:20px;letter-spacing:-.04em}.case-partnership>span:nth-child(2){color:#a1a1a1;font-size:20px}.case-brand-logo{object-fit:contain;max-width:150px;height:32px;filter:brightness(0)}.case-hero h1,.case-lead{text-align:center}.case-lead{max-width:590px;margin:0 auto;color:#737373;font-size:17px}.case-facts{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid #dedede;border-bottom:1px solid #dedede}.case-facts>div{padding:23px 28px;border-right:1px solid #dedede;position:relative}.case-facts>div:first-child{padding-left:0}.case-facts>div:last-child{border:0}.case-facts dt{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#848484;margin-bottom:10px}.case-facts dd{font-size:15px;margin:0}.case-feature{display:grid;grid-template-columns:.8fr 1.2fr;min-height:570px;margin-top:50px;border-radius:22px;overflow:hidden;background:#171717;color:white}.case-portrait{position:relative;min-height:570px}.case-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:none}.case-portrait::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#000b)}.case-person{position:absolute;bottom:32px;left:32px;z-index:1;font-size:16px;line-height:1.5}.case-person>span{display:block;font-size:12px;color:#c4c4c4;margin-top:3px}.case-feature-copy{padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:38px;background:radial-gradient(ellipse at 100% 0,#303030,transparent 70%)}.case-headline-result{border-bottom:1px solid #414141;padding-bottom:30px}.case-headline-result strong{display:block;font-size:clamp(64px,6vw,88px);line-height:1.08;letter-spacing:-.065em;font-weight:400}.case-headline-result>span{display:block;font-size:14px;color:#b4b4b4;margin-top:12px}.case-quote{margin:0}.case-quote blockquote{margin:0;font:400 clamp(27px,2.7vw,40px)/1.2 'Awesome Serif',Georgia,serif;letter-spacing:-.02em;max-width:600px}.case-quote figcaption{font-size:12px;margin-top:25px;color:#ddd;line-height:1.5}.case-quote figcaption>span{display:block;font-size:11px;color:#999;margin-top:3px}.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:38px 0;border-bottom:1px solid #d9d9d9}.case-metrics>div{display:flex;flex-direction:column-reverse;gap:12px;padding:0 30px;border-right:1px solid #ddd}.case-metrics>div:first-child{padding-left:0}.case-metrics>div:last-child{border:0}.case-metrics dt{font-size:13px;color:#737373}.case-metrics dd{font-size:clamp(26px,2.8vw,40px);letter-spacing:-.055em;margin:0;white-space:nowrap}.case-editorial{display:grid;grid-template-columns:245px minmax(0,1fr);gap:90px;padding-top:110px;padding-bottom:100px;scroll-margin-top:115px}.case-index{align-self:start;position:sticky;top:125px}.case-chapter{scroll-margin-top:120px;padding-bottom:76px;margin-bottom:64px;border-bottom:1px solid #dedede}.case-body-copy{font-size:20px;color:#626262;max-width:700px;margin:0}.case-timeline{list-style:none;padding:0;margin:45px 0 0}.case-timeline li{display:grid;grid-template-columns:120px 1fr;gap:25px;position:relative;padding:0 0 32px 25px;border-left:1px solid #d0d0d0;margin-left:5px}.case-timeline li:last-child{padding-bottom:0;border-color:transparent}.case-timeline li::before{content:'';position:absolute;left:-5px;top:4px;border-radius:50%;width:9px;height:9px;background:#111;box-shadow:0 0 0 5px #fff}.case-week{font-size:12px;color:#888;padding-top:2px}.case-timeline h3{font-size:20px;margin:0 0 10px}.case-timeline p{font-size:16px;color:#777;margin:0}.case-charts{display:grid;grid-template-columns:1fr;gap:18px;margin:38px 0}.case-chart{border:1px solid #d9d9d9;border-radius:14px;background:#fafafa;padding:28px;margin:0}.case-chart figcaption{font-size:16px;margin-bottom:28px}.case-bar-row{display:grid;grid-template-columns:90px 1fr 60px;gap:16px;align-items:center;margin:20px 0 0;font-size:12px;color:#777}.case-bar-row>div{height:13px;background:#ececec;border-radius:3px;overflow:hidden}.case-bar-row i{display:block;height:100%;width:var(--bar);background:#aaa;border-radius:3px;transform-origin:left}.case-bar-after i{background:#242424}.case-bar-after strong{color:#111}.case-bar-row strong{font-size:18px;font-weight:400;text-align:right;letter-spacing:-.03em}.case-chart.is-visible i{animation:case-bar-in .9s cubic-bezier(.2,.7,.2,1) both}@keyframes case-bar-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}.case-result-story{background:#151515;color:#fff;border-radius:14px;padding:32px}.case-result-story h3{font:400 34px/1.12 'Awesome Serif',Georgia,serif;margin:0 0 18px}.case-result-story p{font-size:17px;color:#c0c0c0;margin:0}.case-source-note{font-size:11px;color:#888;margin:20px 0 0!important;line-height:1.7}.case-source-note a{display:block;width:fit-content;margin-top:8px;text-decoration:underline;text-underline-offset:3px}.case-next-chapter{border:0;padding:0;margin:0}.case-next-chapter>p:not(.section-tag){font-size:18px;color:#777;max-width:610px;margin:0 0 28px}.case-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:#111;color:#fff!important;text-decoration:none;padding:16px 22px;border-radius:8px;font-size:15px;transition:background .2s}.case-button:hover{background:#333}.case-related{background:#f5f5f5;padding:80px 0 90px}.case-related>.case-container{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:70px}.case-related h2{font-size:46px;margin:0}.case-related-card{position:relative;text-decoration:none;display:grid;grid-template-columns:1fr auto;gap:30px;padding:35px;background:#fff;border:1px solid #ddd;border-radius:16px;transition:border-color .2s}.case-related-card:hover{border-color:#888}.case-related-card>img{grid-column:1/-1;width:auto;max-width:140px;height:30px;object-fit:contain;filter:brightness(0)}.case-related-card h3{font:400 32px/1.1 'Awesome Serif',Georgia,serif;margin:0;max-width:230px}.case-related-card>div{padding-right:25px}.case-related-card strong{font-size:30px;font-weight:400;letter-spacing:-.04em}.case-related-card>div>span{display:block;font-size:10px;color:#777;margin-top:9px}.case-related-arrow{position:absolute;right:24px;top:30px;font-size:22px}.case-page .hero-nav{color:#111}.case-page .hero-nav::before{background:rgb(255 255 255 / 88%);border-color:rgb(0 0 0 / 12%)}.case-page .hero-nav .demo-link{background:#111;color:#fff}.case-page .hero-nav{--nav-panel:rgb(246 246 246 / 96%);--nav-hover:rgb(0 0 0 / 5%);--nav-edge:rgb(0 0 0 / 8%)}
@media(max-width:1100px){.case-container{width:calc(100% - 80px)}.case-editorial{grid-template-columns:190px 1fr;gap:45px}.case-feature-copy{padding:35px}.case-feature,.case-portrait{min-height:520px}.case-timeline li{grid-template-columns:100px 1fr;gap:20px}.case-related>.case-container{gap:35px}.case-related-card{padding:28px}.case-related-card h3{font-size:28px}.case-related-card strong{font-size:28px}}
@media(max-width:760px){.case-container{width:calc(100% - 40px)}.case-hero{padding-top:125px}.case-partnership{margin-top:40px;gap:20px}.case-partnership>span:first-child{font-size:18px}.case-partnership>span:first-child>img{width:26px;height:26px}.case-brand-logo{width:120px;height:29px}.case-main h1{font-size:clamp(44px,10vw,64px);margin:28px auto 20px}.case-lead{font-size:16px;max-width:400px}.case-facts{grid-template-columns:repeat(2,1fr)}.case-facts>div{padding:20px!important}.case-facts>div:nth-child(odd){padding-left:0!important}.case-facts>div:nth-child(2){border-right:0}.case-facts>div:nth-child(-n+2){border-bottom:1px solid #dedede}.case-facts dd{font-size:13px}.case-feature{grid-template-columns:1fr;margin-top:30px;border-radius:16px;min-height:0}.case-portrait{height:360px;min-height:0}.case-portrait>img{object-position:center 30%}.case-person{bottom:25px;left:24px;font-size:14px}.case-feature-copy{padding:30px 25px;gap:28px}.case-headline-result strong{font-size:64px}.case-headline-result>span{font-size:13px}.case-quote blockquote{font-size:30px}.case-quote figcaption{margin-top:20px}.case-metrics{grid-template-columns:1fr;padding:12px 0}.case-metrics>div{padding:22px 0!important;border:0;border-bottom:1px solid #e1e1e1;gap:9px}.case-metrics dd{font-size:34px}.case-metrics dt{font-size:13px}.case-editorial{grid-template-columns:1fr;gap:45px;padding-top:50px;padding-bottom:60px}.case-index{position:static;border-bottom:1px solid #ddd;padding-bottom:30px}.case-main h2{font-size:40px;margin-bottom:22px}.case-chapter{margin-bottom:45px;padding-bottom:45px;scroll-margin-top:110px}.case-body-copy{font-size:18px}.case-timeline{margin-top:35px}.case-timeline li{grid-template-columns:1fr;gap:10px;padding-left:22px;padding-bottom:30px}.case-timeline h3{font-size:20px}.case-timeline p{font-size:16px}.case-week{font-size:11px}.case-chart{padding:23px 20px}.case-chart figcaption{font-size:15px}.case-bar-row{grid-template-columns:70px 1fr 48px;gap:10px;font-size:10px}.case-bar-row strong{font-size:16px}.case-result-story{padding:25px}.case-result-story h3{font-size:30px}.case-result-story p{font-size:16px}.case-next-chapter{padding:0;margin:0}.case-next-chapter>p:not(.section-tag){font-size:16px}.case-related{padding:55px 0}.case-related>.case-container{grid-template-columns:1fr;gap:30px}.case-related-card{grid-template-columns:1fr;gap:24px;padding:28px}.case-related-card>img{grid-column:1}.case-related-card h3{font-size:33px;max-width:none}.case-related-card>div{border-top:1px solid #eee;padding-top:22px}.case-related-card strong{font-size:32px}}
@media(prefers-reduced-motion:reduce){.case-main *{animation:none!important;transition:none!important}}

/* Reuse the blog navigation and shared section tags. */
.case-hero{padding-top:112px}
.case-hero .article-back{width:fit-content;margin:0;font-size:14px}
.case-lead{max-width:100%;padding-inline:12px}
.case-facts-band{margin-top:64px;border-block:1px solid #dedede}
.case-facts{border:0;margin-inline:auto}
.case-facts>div,.case-facts>div:first-child,.case-facts>div:last-child{padding:28px;border:0;border-left:1px solid #dedede;background:radial-gradient(circle at 0 0,#aaa 1.5px,#fff 1.5px,#fff 4px,transparent 4px),radial-gradient(circle at 0 100%,#aaa 1.5px,#fff 1.5px,#fff 4px,transparent 4px)}
.case-facts>div:last-child{border-right:1px solid #dedede;background:radial-gradient(circle at 0 0,#aaa 1.5px,#fff 1.5px,#fff 4px,transparent 4px),radial-gradient(circle at 0 100%,#aaa 1.5px,#fff 1.5px,#fff 4px,transparent 4px),radial-gradient(circle at 100% 0,#aaa 1.5px,#fff 1.5px,#fff 4px,transparent 4px),radial-gradient(circle at 100% 100%,#aaa 1.5px,#fff 1.5px,#fff 4px,transparent 4px)}
.case-facts dt{letter-spacing:.16em}
.case-index{top:110px;max-height:calc(100svh - 150px);overflow:auto}
.case-index .article-toc a{color:#858585}
.case-index .article-toc a:hover,.case-index .article-toc a[aria-current="location"]{color:#111}
.case-editorial{grid-template-columns:240px minmax(0,760px);gap:64px;justify-content:center}
@media(max-width:1100px){.case-editorial{grid-template-columns:190px minmax(0,1fr);gap:36px}}
@media(max-width:760px){
 .case-hero{padding-top:105px}
 .case-lead{padding:0;max-width:400px}
 .case-facts-band{margin-top:36px}
 .case-facts>div:nth-child(odd){padding-left:16px!important}
 .case-facts>div:nth-child(even){border-right:1px solid #dedede}
 .case-facts>div:nth-child(-n+2){border-bottom:1px solid #dedede}
 .case-editorial{grid-template-columns:1fr;gap:32px}
 .case-index{max-height:none;overflow:visible;padding-bottom:24px}
}

/* Source-led stories use the site's article reading scale and FAQ disclosure pattern. */
.case-hero h1{font-size:clamp(48px,5.5vw,82px);max-width:1100px}
.case-article h2{font-size:clamp(34px,3vw,46px);line-height:1.14;max-width:760px}
.case-story-copy{font-size:16px;line-height:1.8;color:#626262}
.case-story-copy>p{margin:0 0 24px}
.case-story-copy>p:last-child{margin-bottom:0}
.case-story-copy>ul{padding-left:22px;margin:24px 0 0}
.case-story-copy>ul li{padding-left:4px;margin-bottom:14px}
.case-chapter{padding-bottom:56px;margin-bottom:56px;border-bottom:1px solid #dedede}
.case-chapter:last-child{margin-bottom:0}
.case-story-copy .case-timeline{margin-top:32px}
.case-timeline h3{color:#161616}
.case-faq-list details{border-bottom:1px solid #dedede}
.case-faq-list details:last-child{border-bottom:0}
.case-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;padding:24px 0;font-size:17px;line-height:1.5;color:#161616}
.case-faq-list summary::-webkit-details-marker{display:none}
.case-faq-list summary::after{content:'+';font-size:22px;flex:0 0 16px;text-align:center;font-weight:400}
.case-faq-list details[open] summary::after{content:'−'}
.case-faq-list details>p{margin:0;padding:0 32px 24px 0;font-size:16px;line-height:1.8;color:#626262}
.case-faq-list summary:focus-visible{outline:2px solid var(--action-blue);outline-offset:4px}
@media(max-width:760px){
 .case-hero h1{font-size:clamp(40px,10vw,58px)}
 .case-article h2{font-size:34px}
 .case-chapter{padding-bottom:40px;margin-bottom:40px}
 .case-faq-list summary{font-size:16px;padding-block:20px}
}

/* Full circles sit over the metadata grid intersections, with a white halo. */
.case-facts>div,.case-facts>div:first-child,.case-facts>div:last-child{background:none}
.case-facts>div::after{content:'';position:absolute;inset:-4px;z-index:1;pointer-events:none;background:radial-gradient(circle at 4px 4px,#999 1.8px,#fff 1.8px,#fff 4px,transparent 4px),radial-gradient(circle at calc(100% - 4px) 4px,#999 1.8px,#fff 1.8px,#fff 4px,transparent 4px),radial-gradient(circle at 4px calc(100% - 4px),#999 1.8px,#fff 1.8px,#fff 4px,transparent 4px),radial-gradient(circle at calc(100% - 4px) calc(100% - 4px),#999 1.8px,#fff 1.8px,#fff 4px,transparent 4px)}
.case-outcome-visuals{margin:32px 0}
.case-outcome-visuals .case-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 16px}
.case-outcome-visuals .case-chart{padding:24px;min-width:0}
.case-outcome-visuals .case-chart figcaption{color:#161616;line-height:1.5;min-height:48px;margin-bottom:20px}
.case-outcome-visuals .case-bar-row{grid-template-columns:64px minmax(0,1fr) 48px;gap:8px;font-size:11px}
.case-outcome-visuals .case-bar-row strong{font-size:16px}
.case-outcome-visuals .case-bar-after i{background:var(--action-blue,#397de8)}
.case-outcome-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.case-outcome-card{border:1px solid #d9d9d9;border-radius:14px;padding:24px;background:#fafafa;color:#161616;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.case-outcome-card>p{font-size:14px;line-height:1.5;margin:0 0 20px}
.case-outcome-card>strong{font-size:clamp(38px,3.5vw,52px);font-weight:400;line-height:1.1;letter-spacing:-.05em;margin:auto 0 16px}
.case-outcome-card>span{font-size:12px;line-height:1.5;color:#737373}
.case-outcome-card--dark{background:#171717;border-color:#171717;color:#fff}
.case-outcome-card--dark>span{color:#b6b6b6}
@media(max-width:760px){
 .case-outcome-visuals .case-charts,.case-outcome-cards{grid-template-columns:1fr}
 .case-outcome-visuals .case-chart figcaption{min-height:0}
 .case-outcome-visuals .case-bar-row{grid-template-columns:70px minmax(0,1fr) 48px}
}

/* Featured results should support the story on smaller screens. */
@media(max-width:760px){
 body.case-page .case-headline-result strong{font-size:32px;line-height:1.15;letter-spacing:-.035em}
}

/* The partnership logos introduce each case study without a back-link row. */
body.case-page .case-partnership{margin-top:0}