.case-studies-section{background:var(--paper);border-top:1px solid var(--line)}
.case-heading{display:grid;grid-template-columns:1.1fr .8fr;gap:10%;align-items:end}
.case-heading .lead{margin:0;color:var(--muted);font-size:18px;max-width:550px}
.case-filter-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:42px 0 28px}
.case-filters{display:flex;flex-wrap:wrap;gap:8px}
.case-filter{padding:11px 17px;background:transparent;border:1px solid #cbd1dc;color:var(--ink);font-size:13px;line-height:1.35;transition:border-color .2s,background .2s,color .2s}
.case-filter:hover{border-color:var(--orange)}
.case-filter[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}
.case-count{font-size:13px;color:var(--muted);margin:0;white-space:nowrap}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.case-card{display:flex;flex-direction:column;min-width:0;padding:30px;background:white;color:var(--ink);border:1px solid #dfe3e9;position:relative;isolation:isolate;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.case-card::before{content:"";position:absolute;inset-inline:30px;top:-1px;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.case-card:hover,.case-card:focus-visible{transform:translateY(-4px);border-color:#bfc7d4;box-shadow:0 18px 34px #18233f0c}
.case-card:hover::before,.case-card:focus-visible::before{transform:scaleX(1)}
.case-card-top{display:flex;gap:20px;justify-content:space-between;align-items:start;margin-bottom:26px}
.case-category{font-size:12px;font-weight:700;line-height:1.5;text-transform:uppercase;letter-spacing:.08em;color:var(--orange-text)}
.case-card-index{font-size:13px;color:#8b94a4;direction:ltr;white-space:nowrap}
.case-card h3{font-size:25px;line-height:1.2;letter-spacing:-.035em;margin:0 0 18px}
.case-card-summary{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 28px}
.case-card-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:22px}
.case-metric{min-width:0}
.case-metric strong{display:block;font-size:64px;font-weight:700;line-height:1.06;letter-spacing:-.055em;color:var(--orange);direction:ltr;text-align:start;font-variant-numeric:tabular-nums}
.case-metric-suffix{font-size:.52em;letter-spacing:-.025em;margin-inline-start:2px}
.case-metric-label{display:block;line-height:1.6;font-size:14px;margin-top:10px}
.case-metric-compact strong{font-size:48px;color:var(--orange-text)}
.case-metric-compact .case-metric-label{font-size:13px;color:var(--muted);margin-top:7px}
.case-read-link{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;color:var(--ink);font-weight:700;font-size:13px;line-height:1.5}
.case-read-link>span{font-size:24px;color:var(--orange);line-height:1;transition:transform .3s}
.case-card:hover .case-read-link>span{transform:translate(3px,-3px)}
.case-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.case-reader-open{overflow:hidden}
.case-reader{width:min(1160px,calc(100% - 64px));max-width:1160px;max-height:92svh;padding:0;border:0;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain;box-shadow:0 25px 100px #101b3240;scroll-behavior:auto}
.case-reader::backdrop{background:#101b32cd;backdrop-filter:blur(8px)}
.case-reader[open]{animation:case-reader-enter .3s var(--ease) both}
.case-reader-toolbar{position:sticky;top:0;z-index:5;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 34px;border-bottom:1px solid #ffffff24}
.case-reader-series{margin:0;color:#c5cede;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.case-reader-actions{display:flex;align-items:center;gap:24px;flex-shrink:0}
.case-share-button,.case-close-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0;min-height:44px;background:transparent;color:white;font-size:13px;line-height:1.3}
.case-share-button:hover,.case-close-button:hover{color:#fba16a}
.case-share-icon{font-size:21px;color:var(--orange);line-height:1}
.case-close-button>span:last-child{display:grid;place-items:center;height:30px;width:30px;border:1px solid #ffffff55;font-size:26px;line-height:1;font-weight:400}
.case-share-feedback{position:sticky;top:77px;z-index:4;padding:10px 34px;color:var(--navy);background:#ffebdc;font-size:13px}
.case-share-manual{padding:18px 34px;background:#ffebdc}
.case-share-manual label{display:flex;flex-direction:column;gap:8px;font-size:13px}
.case-share-manual input{display:block;width:100%;padding:12px;font:inherit;background:white;border:1px solid #d2baa9;color:var(--ink)}
.case-reader-hero{padding:48px 58px 40px;background:var(--navy);color:white;position:relative;overflow:hidden}
.case-reader-hero::after{content:"";position:absolute;width:300px;height:300px;top:-210px;inset-inline-end:-100px;border:1px solid #e8752b66;transform:rotate(25deg);pointer-events:none}
.case-reader-hero>.eyebrow{position:relative;margin-bottom:20px;font-size:16px;z-index:1;color:var(--orange)}
.case-reader-hero h2{font-size:clamp(34px,3.8vw,54px);line-height:1.15;letter-spacing:-.04em;max-width:940px;position:relative;z-index:1}
.case-reader-summary{font-size:17px;line-height:1.8;color:#c5cede;max-width:850px;margin:24px 0 0}
.case-reader-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding-top:30px;margin-top:32px;border-top:1px solid #ffffff26}
.case-reader-metrics .case-metric-label{color:#e4e9f2;max-width:250px}
.case-reader-story{padding:16px 58px 50px}
.case-story-block{display:grid;grid-template-columns:56px minmax(0,1fr);gap:24px;padding:34px 0;border-bottom:1px solid var(--line)}
.case-story-index{font-size:20px;line-height:1.4;color:var(--orange);font-weight:700;direction:ltr}
.case-story-block h3{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin-bottom:20px}
.case-story-block p{font-size:16px;line-height:1.85;color:#566174;max-width:800px;margin:0 0 16px}
.case-story-block p:last-child{margin-bottom:0}
.case-story-results h3{color:var(--navy)}
.case-reader-contact{padding:32px 0 36px 80px}
.case-reader-contact .button{font-size:13px}
.case-related{border-top:1px solid var(--line);padding-top:28px}
.case-related h3{font-size:21px;letter-spacing:-.025em;margin-bottom:20px}
.case-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.case-related-grid a{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:22px;background:white;border:1px solid #dde2ea;font-size:16px;font-weight:700;line-height:1.5;transition:border-color .2s}
.case-related-grid a:hover{border-color:var(--orange)}
.case-related-grid a>span:last-child{font-size:24px;color:var(--orange);flex-shrink:0}
[dir=rtl] .case-category,[dir=rtl] .case-reader-series{letter-spacing:0}
[dir=rtl] .case-card h3{line-height:1.45;letter-spacing:0}
[dir=rtl] .case-card::before{transform-origin:right}
[dir=rtl] .case-metric strong{text-align:right}
[dir=rtl] .case-reader-hero h2{line-height:1.45;letter-spacing:0}
[dir=rtl] .case-story-block h3,[dir=rtl] .case-related h3{letter-spacing:0;line-height:1.4}
[dir=rtl] .case-reader-hero>.eyebrow{font-size:16px}
[dir=rtl] .case-reader-contact{padding-left:0;padding-right:80px}
@keyframes case-reader-enter{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1150px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-heading{gap:8%}.case-card h3{font-size:26px}.case-reader{width:calc(100% - 40px)}.case-reader-hero{padding-inline:40px}.case-reader-story{padding-inline:40px}}
@media(max-width:800px){.case-heading{grid-template-columns:1fr;gap:28px}.case-filter-row{align-items:start;flex-direction:column;gap:16px;margin-top:32px}.case-card{padding:25px}.case-grid{gap:20px}.case-card h3{font-size:24px}.case-reader-toolbar{padding:12px 26px;gap:16px}.case-reader-series{max-width:180px}.case-reader-actions{gap:14px}.case-reader-hero{padding:38px 32px 32px}.case-reader-metrics{gap:24px}.case-reader-metrics .case-metric strong{font-size:50px}.case-reader-metrics .case-metric-label{font-size:13px}.case-reader-story{padding:10px 32px 36px}.case-story-block{grid-template-columns:34px minmax(0,1fr);gap:18px}.case-reader-contact{padding-inline-start:52px;padding-inline-end:0}.case-related-grid{grid-template-columns:1fr}[dir=rtl] .case-reader-contact{padding-right:52px;padding-left:0}}
@media(max-width:600px){.case-grid{grid-template-columns:1fr}.case-card{padding:27px}.case-card h3{font-size:26px}.case-card-summary{font-size:15px}.case-metric-compact strong{font-size:54px}.case-reader{width:100%;height:100svh;max-width:100%;max-height:100svh;margin:0;border-radius:0}.case-reader-toolbar{padding:12px 20px;gap:12px}.case-reader-series{font-size:10px;max-width:90px;min-width:0;line-height:1.5}.case-reader-actions{gap:12px}.case-share-button,.case-close-button{font-size:12px;gap:7px}.case-close-label{display:none}.case-reader-hero{padding:34px 24px 28px}.case-reader-hero h2{font-size:32px}.case-reader-summary{font-size:15px;line-height:1.8}.case-reader-metrics{grid-template-columns:1fr;gap:20px;padding-top:24px;margin-top:26px}.case-reader-metrics .case-metric{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:center}.case-reader-metrics .case-metric strong{font-size:49px}.case-reader-metrics .case-metric-label{margin:0;font-size:14px;max-width:none}.case-reader-story{padding:6px 24px 32px}.case-story-block{grid-template-columns:27px minmax(0,1fr);gap:14px;padding:28px 0}.case-story-index{font-size:18px}.case-story-block h3{font-size:25px;margin-bottom:16px}.case-story-block p{font-size:15px;line-height:1.85}.case-reader-contact{padding:28px 0}.case-reader-contact .button{width:100%;justify-content:space-between}.case-related-grid a{font-size:15px;padding:20px}.case-share-manual{padding:16px 24px}[dir=rtl] .case-reader-contact{padding-right:0;padding-left:0}}
html.reduce-motion .case-reader[open],html.reduce-motion .case-card,html.reduce-motion .case-card::before,html.reduce-motion .case-read-link>span{animation:none;transition:none}
@media(prefers-reduced-motion:reduce){html:not(.allow-motion) .case-reader[open],html:not(.allow-motion) .case-card,html:not(.allow-motion) .case-card::before,html:not(.allow-motion) .case-read-link>span{animation:none;transition:none}}