@import url('./case-study-hero.css');
@import url('./related-case-studies.css');

.store-case { color:var(--color-ink); }
.store-case-overview,.store-case-approach,.store-case-outcome { background:white; }
.store-case > section:not(.case-detail-hero) { padding:58px 0; }
.store-case .body-copy { font-size:.9375rem; line-height:1.8; color:var(--color-muted); }
.store-case h2 { margin:0 0 22px; }
.store-case h3 { margin:0 0 12px; }
.store-case :is(h2.ts-blog-heading--h2,h3.ts-blog-heading--h3) { font-weight:700; line-height:1.3; letter-spacing:0; }
.store-case .section-eyebrow { margin-bottom:16px; }
.store-case-overview__grid { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:64px; }
.store-case-overview__grid > div { max-width:610px; }
.store-case-brief { margin:28px 0 0; border-top:1px solid var(--color-border); }
.store-case-brief > div { display:grid; grid-template-columns:100px 1fr; gap:18px; padding:14px 0; border-bottom:1px solid var(--color-border); }
.store-case-brief dt { color:var(--color-muted); font-size:.8125rem; }
.store-case-brief dd { margin:0; font-size:.875rem; font-weight:700; }
.store-case-portrait { width:min(100%,430px); justify-self:center; margin:0; padding:12px 12px 0 0; background:var(--color-primary-blue); border-radius:16px; box-shadow:0 18px 38px rgb(13 26 58 / 12%); }
.store-case-portrait img { display:block; width:100%; height:auto; border-radius:12px; }
.store-case-challenge { background:var(--color-surface); }
.store-case-section-heading { margin-bottom:28px; }
.store-case-section-heading h2 { margin-bottom:0; }
.store-case-challenges { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.store-case-challenges article { background:white; border:1px solid var(--color-border); border-radius:10px; padding:26px; box-shadow:0 10px 24px rgb(13 26 58 / 5%); }
.store-case-number { display:block; font:700 1.75rem var(--font-heading); color:var(--color-primary-orange); margin-bottom:22px; }
.store-case-challenges .body-copy,.store-case-steps .body-copy,.store-case-tools .body-copy { margin-bottom:0; text-align:left; }
.store-case-steps { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.store-case-steps li { border-top:2px solid var(--color-border); padding-top:24px; }
.store-case-step-number { display:grid; place-items:center; width:48px; height:48px; background:#edf1fc; color:#13287e; border-radius:10px; font:700 1.125rem var(--font-heading); margin-bottom:22px; }
.store-case-steps li:nth-child(2) .store-case-step-number { background:#fff2e9; color:#993100; }
.store-case-steps li:nth-child(3) .store-case-step-number { background:#edf8e8; color:#276414; }
.store-case-showcase { background:linear-gradient(120deg,#f5f8fc,#edf7f3); }
.store-case-showcase__heading { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; margin-bottom:28px; }
.store-case-showcase__heading h2 { margin-bottom:0; }
.store-case-showcase__heading .body-copy { margin:0; }
.store-case-wide-image { margin:0; padding:12px; background:white; border:1px solid var(--color-border); border-top:7px solid var(--color-primary-blue); border-radius:12px; box-shadow:0 16px 34px rgb(13 26 58 / 8%); }
.store-case-wide-image img { display:block; width:100%; height:auto; border-radius:5px; }
.store-case-technology { background:var(--color-primary-blue); }
.store-case-technology__grid { display:grid; grid-template-columns:.9fr 1.5fr; gap:48px; align-items:center; }
.store-case-technology h2 { color:white; margin:0; }
.store-case-technology .section-eyebrow { color:var(--color-yellow,#ffe100); }
.store-case-tools { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.store-case-tools article { background:white; padding:26px; border-radius:10px; border-bottom:4px solid #ff4800; }
.store-case-result { display:grid; grid-template-columns:1fr 1fr; gap:48px; padding:32px; background:linear-gradient(115deg,#f5f8fc,#fff); border:1px solid var(--color-border); border-left:4px solid #13287e; border-right:4px solid #13287e; border-radius:10px; }
.store-case-result .body-copy { margin:0 0 20px; }
.store-case-result ul { list-style:none; padding:0; margin:0; display:grid; align-content:center; gap:16px; }
.store-case-result li { position:relative; padding-left:26px; font-size:.9375rem; font-weight:600; line-height:1.6; }
.store-case-result li::before { position:absolute; left:0; content:'+'; color:#ff4800; font-size:1.35rem; font-weight:800; line-height:1.1; }
.store-case-visit { display:inline-block; color:#13287e; text-decoration:none; border-bottom:2px solid #ff4800; padding-bottom:6px; font-size:.9375rem; font-weight:700; }
.store-case-service-links { margin:26px 0 0; }
.store-case a:focus-visible { outline:3px solid #ff4800; outline-offset:5px; }
@media(max-width:980px) {
 .store-case > section:not(.case-detail-hero) { padding:48px 0; }
 .store-case-overview__grid { gap:32px; grid-template-columns:1fr 1fr; }
 .store-case-challenges { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .store-case-showcase__heading,.store-case-technology__grid { gap:28px; grid-template-columns:1fr; }
 .store-case-steps { gap:22px; }
 .store-case-result { gap:28px; padding:26px; }
}
@media(max-width:650px) {
 .store-case .case-detail-facts--five > div:nth-child(4) { grid-column:auto; border-left:1px solid var(--color-border); }
 .store-case > section:not(.case-detail-hero) { padding:34px 0; }
 .store-case-overview__grid,.store-case-challenges,.store-case-steps,.store-case-tools,.store-case-result { grid-template-columns:1fr; }
 .store-case-overview__grid { gap:28px; }
 .store-case-portrait { max-width:350px; }
 .store-case-challenges article,.store-case-tools article,.store-case-result { padding:22px; }
 .store-case-section-heading { margin-bottom:24px; }
 .store-case-wide-image { padding:6px; }
 .store-case-brief > div { grid-template-columns:75px 1fr; }
}