#cases{height:100vh;min-height:768px;padding:0;align-items:flex-start;overflow:hidden;background:radial-gradient(circle at 86% 8%,#211335 0,transparent 34%),#09070d}
#cases>.container{height:100%;padding-top:65px;position:relative}
#cases .eyebrow{font-size:18px;margin-bottom:27px}
#cases h2{font-size:54px;line-height:1.08;max-width:1120px;margin-bottom:28px}
#cases .slider-head{height:83px;margin:0;border-top:1px solid rgba(166,111,255,.28);border-bottom:1px solid rgba(166,111,255,.28);display:flex}
#case-name{display:flex;align-items:center;gap:24px;margin:0;font-size:20px;max-width:none}
#case-name b{font-size:13px;letter-spacing:.1em;color:var(--purple2)}
#cases .slider-head>div{display:flex;gap:10px;margin-left:auto}
#cases .slider-head button{width:54px;height:44px;margin:auto 0;font-size:22px}
#cases .case-card{height:531px;min-height:0;border:0;display:grid;grid-template-columns:380px 1fr;margin-top:36px}
#cases .case-identity{padding:4px 34px 0 0;background:none;border-right:1px solid rgba(166,111,255,.35)}
#cases .case-identity>small,#cases .case-situation small{font-size:13px;letter-spacing:.08em;font-weight:700;color:var(--purple2)}
#cases .case-identity>p{font-size:18px;color:#c5bdcc;margin:28px 0 13px}
#cases .case-identity h3{font-size:40px;line-height:1.08;margin:0 0 15px}
#cases .case-identity .case-place{font-size:18px;color:var(--purple2);margin:0}
#cases .case-content{padding:0 0 0 42px}
#cases .proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#cases .proof{height:407px;padding:25px 24px 24px;border:0;border-top:2px solid var(--purple);background:#15111c}
#cases .proof small{font-size:13px;letter-spacing:.09em;font-weight:700;color:var(--purple2)}
#cases .proof h4{font-size:28px;line-height:1.15;margin:16px 0 20px}
#cases .proof-facts{display:grid;grid-template-columns:1fr 1fr;margin-bottom:23px}
#cases .proof-facts span{display:flex;flex-direction:column;gap:9px}
#cases .proof-facts em{font-size:13px;letter-spacing:.1em;font-style:normal;color:#b8afc0;font-weight:700}
#cases .proof-facts strong{font-size:27px;line-height:1.1}
#cases .proof img{width:100%;height:190px;margin:0;object-fit:cover;object-position:left top;background:#fff}
#cases .proof-shot{position:relative;display:block;width:100%;height:190px;margin:0;padding:0;border:0;background:#fff;cursor:zoom-in;overflow:hidden;text-align:inherit}
#cases .proof-shot img{height:100%}
#cases .proof-shot span{position:absolute;right:10px;bottom:10px;padding:7px 10px;background:rgba(9,7,13,.88);color:#fff;font:700 12px/1 Manrope,sans-serif;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}
#cases .proof-shot:hover span,#cases .proof-shot:focus-visible span{opacity:1;transform:none}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.dialog-open{overflow:hidden}
.proof-dialog{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#fff;overflow:hidden}
.proof-dialog::backdrop{background:rgba(5,4,7,.9)}
.proof-dialog-panel{position:relative;width:100%;height:100%;padding:64px 32px 32px;display:flex;align-items:center;justify-content:center}
.proof-dialog-close{position:absolute;z-index:2;top:16px;right:20px;width:48px;height:48px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:#15111c;color:#fff;font:400 32px/1 Manrope,sans-serif;cursor:pointer}
.proof-dialog-stage{max-width:100%;max-height:100%;overflow:auto;overscroll-behavior:contain}
.proof-dialog-stage img{display:block;max-width:calc(100vw - 64px);max-height:calc(100vh - 96px);width:auto;height:auto;object-fit:contain;touch-action:pan-x pan-y pinch-zoom;background:#fff}
#cases .outcomes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0 0}
#cases .outcomes b{height:69px;padding:0 24px;border-left:3px solid var(--purple);background:#1d1231;display:flex;align-items:center;font-size:20px}
#cases .outcomes-summary{padding-top:14px;border-top:1px solid rgba(166,111,255,.34)}
#cases .outcomes-summary .outcomes-label{grid-column:1/-1;font-size:11px;line-height:1;letter-spacing:.1em;font-weight:700;color:var(--purple2)}
#cases .case-conclusion{height:68px;margin:29px 0 0;padding-top:27px;border-top:1px solid rgba(166,111,255,.28);font-size:28px}
#cases .case-situation{margin-top:40px}
#cases .case-situation p{font-size:18px;line-height:1.5;color:#d0c8d6;margin-top:18px}
#cases .draft-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:600px}
#cases .metric{height:216px;padding:28px 27px;border:0;border-top:2px solid var(--purple);background:#15111c;display:flex;flex-direction:column}
#cases .metric small,#cases .case-work small{font-size:13px;letter-spacing:.09em;color:#b8afc0;font-weight:700}
#cases .metric strong{font-size:52px;line-height:1;margin:auto 0 18px}
#cases .metric strong{color:#fff}
#cases .metric strong s{font-size:19px;color:#8d8495;font-weight:400}
#cases .metric strong i{font-size:23px;color:var(--purple2);font-style:normal;margin:0 12px}
#cases .metric span{font-size:17px;line-height:1.45;color:#c8c0cf}
#cases .metric-leads{background:var(--purple)}#cases .metric-leads small,#cases .metric-leads span{color:#e7ddff}
#cases .metric-change strong{font-size:60px;font-weight:400;margin-bottom:12px}
#cases .metric-cost strong{font-size:40px}
#cases .case-content:has(.draft-metrics){display:grid;grid-template-columns:600px 1fr;gap:42px}
#cases .case-work{height:450px;padding:30px;background:#15111c}
#cases .case-work h4{font-size:28px;margin:18px 0 26px}
#cases .case-work ol{list-style:none;padding:0;margin:0;counter-reset:work}
#cases .case-work li{counter-increment:work;position:relative;padding-left:44px;margin-bottom:22px;font-size:17px;line-height:1.45;color:#d0c8d6}
#cases .case-work li:before{content:counter(work,decimal-leading-zero);position:absolute;left:0;color:var(--purple2);font-size:12px;font-weight:700}
#cases.is-draft .case-card{grid-template-columns:520px 1fr}
@media(min-width:1600px){#cases .case-card{height:495px}#cases .case-conclusion{margin-top:23px}}

@media(min-width:1400px) and (max-width:1599px){#cases{height:900px}#cases>.container{width:calc(100% - 96px);padding-top:49px}#cases .eyebrow{font-size:14px;margin-bottom:23px}#cases h2{font-size:46px;max-width:900px;margin-bottom:23px}#cases .slider-head{height:74px}#case-name{font-size:17px}#cases .case-card{height:520px;grid-template-columns:340px 1fr;margin-top:26px}#cases .case-identity{padding-right:28px}#cases .case-identity>small,#cases .case-situation small{font-size:11px}#cases .case-identity>p{font-size:16px;margin:23px 0 12px}#cases .case-identity h3{font-size:34px}#cases .case-identity .case-place{font-size:15px}#cases .case-content{padding-left:28px}#cases .proof{height:354px;padding:22px 20px}#cases .proof h4{font-size:24px;margin:14px 0 18px}#cases .proof-facts{margin-bottom:18px}#cases .proof-facts strong{font-size:23px}#cases .proof img{height:168px}#cases .outcomes{margin-top:16px;gap:18px}#cases .outcomes b{height:58px;font-size:17px}#cases .case-conclusion{height:57px;margin-top:22px;padding-top:20px;font-size:23px}#cases .draft-metrics{width:440px;gap:16px}#cases .metric{height:230px;padding:24px 20px}#cases .metric strong{font-size:44px}#cases .metric span{font-size:14px}#cases .case-content:has(.draft-metrics){grid-template-columns:440px 1fr;gap:28px}#cases .case-work{height:520px;padding:26px 22px}#cases .case-work h4{font-size:23px}#cases .case-work li{font-size:14px}}
@media(min-width:1400px) and (max-width:1599px){#cases.is-draft .case-card{grid-template-columns:340px 1fr;margin-top:18px}#cases.is-draft .draft-metrics{grid-template-columns:167px 256px}#cases.is-draft .case-conclusion{margin-top:17px}#cases .metric-cost strong{font-size:38px}#cases .metric-cost strong s{font-size:16px}#cases .metric-cost strong i{font-size:18px;margin:0 8px}}
@media(min-width:1024px) and (max-width:1399px){#cases{height:768px}#cases>.container{width:calc(100% - 80px);padding-top:34px}#cases .eyebrow{font-size:12px;margin-bottom:16px}#cases h2{font-size:40px;max-width:790px;margin-bottom:17px}#cases .slider-head{height:62px}#case-name{font-size:14px}#cases .slider-head button{width:46px;height:38px}#cases .case-card{height:426px;grid-template-columns:278px 1fr;margin-top:20px}#cases .case-identity{padding-right:24px}#cases .case-identity>small,#cases .case-situation small{font-size:10px}#cases .case-identity>p{font-size:14px;margin:18px 0 9px}#cases .case-identity h3{font-size:29px}#cases .case-identity .case-place{font-size:13px}#cases .case-content{padding-left:24px}#cases .proof-grid{gap:16px}#cases .proof{height:300px;padding:18px}#cases .proof h4{font-size:20px;margin:11px 0 14px}#cases .proof-facts{margin-bottom:14px}#cases .proof-facts em{font-size:10px}#cases .proof-facts strong{font-size:20px}#cases .proof img{height:138px}#cases .outcomes{gap:16px;margin-top:14px}#cases .outcomes b{height:50px;padding:0 18px;font-size:15px}#cases .case-conclusion{height:48px;margin-top:18px;padding-top:17px;font-size:20px}#cases .case-situation{margin-top:30px}#cases .case-situation p{font-size:14px}#cases .draft-metrics{width:420px;gap:14px}#cases .metric{height:188px;padding:18px}#cases .metric strong{font-size:39px}#cases .metric span{font-size:13px}#cases .case-content:has(.draft-metrics){grid-template-columns:420px 1fr;gap:24px}#cases .case-work{height:390px;padding:22px}#cases .case-work h4{font-size:21px;margin:14px 0 20px}#cases .case-work li{font-size:13px;margin-bottom:16px}}
@media(min-width:1024px) and (max-width:1399px){#cases.is-draft .case-card{grid-template-columns:278px 1fr}}
@media(min-width:1024px) and (max-width:1399px){#cases .metric-cost strong{font-size:32px}#cases .metric-cost strong s{font-size:14px}#cases .metric-cost strong i{font-size:16px;margin:0 6px}}

@media(max-width:1023px){#cases{height:auto;min-height:0;padding:0;overflow:hidden}#cases>.container{width:100%;height:auto;padding:49px 32px 32px}#cases .eyebrow{font-size:11px;margin-bottom:20px}#cases h2{font-size:42px;max-width:690px;margin-bottom:28px}#cases .slider-head{height:80px}#case-name{display:block;font-size:14px;line-height:1.4}#case-name b,#case-name span{display:block}#case-name b{font-size:10px;margin-bottom:9px}#cases .slider-head button{width:48px;height:48px}#cases .case-card{height:auto;display:block;margin-top:40px}#cases .case-identity{padding:0 0 34px;border-right:0;border-bottom:1px solid rgba(166,111,255,.28)}#cases .case-identity>small{font-size:10px}#cases .case-identity>p{font-size:14px;margin:24px 0 10px}#cases .case-identity h3{font-size:32px;margin-bottom:12px}#cases .case-identity .case-place{font-size:14px}#cases .case-content{padding:24px 0 0}#cases .proof-grid{gap:16px}#cases .proof{height:407px;padding:28px 20px}#cases .proof h4{font-size:21px}#cases .proof-facts strong{font-size:20px}#cases .proof img{height:220px}#cases .outcomes{gap:14px;margin-top:16px}#cases .outcomes b{height:66px;font-size:18px}#cases .case-conclusion{height:auto;margin-top:24px;padding:25px 0 10px;font-size:22px}#cases .case-situation{margin-top:32px}#cases .case-situation p{font-size:14px;max-width:680px}#cases .case-content:has(.draft-metrics){display:block}#cases .draft-metrics{width:100%;grid-template-columns:1fr 1fr;gap:12px}#cases .metric{height:190px;padding:24px}#cases .metric strong{font-size:46px}#cases .metric span{font-size:14px}#cases .case-work{height:auto;margin-top:24px;padding:30px 28px}#cases .case-work h4{font-size:22px}#cases .case-work li{font-size:14px}}
@media(min-width:768px) and (max-width:1023px){#cases.is-draft .case-identity{padding-bottom:12px}#cases.is-draft .case-situation{margin-top:22px}#cases.is-draft .case-situation p{margin-top:12px}#cases.is-draft .metric{height:168px;padding:20px 24px}#cases.is-draft .case-work{height:236px;padding:25px 28px}#cases.is-draft .case-work h4{margin:14px 0 18px}#cases.is-draft .case-work li{margin-bottom:12px}}
@media(min-width:768px) and (max-width:1023px){#cases[data-case="1"]>.container{padding-bottom:19px}#cases[data-case="3"]>.container{padding-bottom:44px}#cases.is-draft>.container{padding-bottom:51px}}
@media(max-width:767px){#cases>.container{padding:40px 20px 30px}#cases .eyebrow{font-size:10px;margin-bottom:18px}#cases h2{font-size:30px;max-width:350px;margin-bottom:26px}#cases .slider-head{height:82px}#case-name{max-width:225px;font-size:13px}#cases .case-card{margin-top:40px}#cases .case-identity{padding-bottom:34px}#cases .case-identity h3{font-size:28px}#cases .case-content{padding-top:24px}#cases .proof-grid{display:block}#cases .proof{height:356px;margin-bottom:16px;padding:25px 20px}#cases .proof h4{font-size:20px;margin:14px 0 20px}#cases .proof-facts strong{font-size:19px}#cases .proof img{height:169px}#cases .outcomes{display:block;margin-top:14px}#cases .outcomes b{height:auto;min-height:64px;margin-top:12px;padding:15px 20px;font-size:17px}#cases .case-conclusion{font-size:20px;margin-top:24px;padding-top:25px}#cases .case-situation{margin-top:31px}#cases .case-situation p{font-size:14px}#cases .draft-metrics{display:block}#cases .metric{height:168px;margin-bottom:12px;padding:28px 24px}#cases .metric strong{font-size:44px}#cases .case-work{margin-top:24px;padding:30px 20px}#cases .case-work h4{font-size:20px}#cases .case-work li{padding-left:40px;font-size:13px}}
@media(max-width:767px){#cases .outcomes-summary{padding-top:18px}#cases .outcomes-summary .outcomes-label{display:block;margin-bottom:2px}}
@media(max-width:767px){.proof-dialog-panel{padding:64px 0 0;align-items:flex-start;justify-content:flex-start}.proof-dialog-stage{width:100%;height:calc(100vh - 64px);padding:0;overflow:auto}.proof-dialog-stage img{max-width:none;max-height:none;width:auto;height:auto;min-width:100%;touch-action:pan-x pan-y pinch-zoom}.proof-dialog-close{top:10px;right:12px}}
@media(prefers-reduced-motion:reduce){#cases .proof-shot span{transition:none}}
@media(min-width:1600px){#cases .proof-shot{height:190px}}
@media(min-width:1400px) and (max-width:1599px){#cases .proof-shot{height:165px}}
@media(min-width:1024px) and (max-width:1399px){#cases .proof-shot{height:132px}}
@media(min-width:768px) and (max-width:1023px){#cases .proof-shot{height:220px}}
@media(min-width:371px) and (max-width:767px){#cases .proof-shot{height:169px}}
@media(max-width:370px){#cases .proof-shot{height:210px}}
@media(max-width:767px){#cases .metric-cost strong{font-size:40px}}
@media(min-width:371px) and (max-width:767px){#cases:not(.is-draft)>.container{padding-bottom:57px}#cases[data-case="3"]>.container{padding-bottom:69px}}
@media(min-width:371px) and (max-width:767px){#cases[data-case="2"]>.container{padding-bottom:12px}#cases[data-case="4"]>.container{padding-bottom:0}#cases[data-case="4"] .case-conclusion{margin-top:17px}}
@media(max-width:370px){#cases>.container{padding-left:18px;padding-right:18px}#cases h2{font-size:29px;max-width:324px}#cases .proof{height:367px}#cases .proof img{height:180px}}
@media(max-width:370px){#cases:not(.is-draft)>.container{padding-bottom:69px}#cases[data-case="3"]>.container{padding-bottom:80px}#cases.is-draft .case-identity{padding-bottom:24px}#cases.is-draft .case-situation{margin-top:24px}#cases.is-draft .metric{height:154px;padding:22px 24px}#cases.is-draft .case-work{padding:22px 18px}#cases.is-draft .case-work li{margin-bottom:12px}}
@media(max-width:370px){#cases.is-draft>.container{padding-bottom:70px}}

/* Block 07 responsive second pass — exact approved breakpoint sources. */
@media(min-width:1400px) and (max-width:1599px){
  #cases:not(.is-draft) .case-card{grid-template-columns:285px 1fr}
  #cases:not(.is-draft) .case-content{padding-left:30px}
  #cases .proof{padding:20px}
  #cases .proof h4{font-size:23px}
  #cases .proof-facts strong{font-size:23px}
  #cases .proof img{height:165px;object-fit:contain}
}
@media(min-width:1024px) and (max-width:1399px){
  #cases>.container{padding-top:30px}
  #cases .eyebrow{font-size:14px;margin-bottom:12px}
  #cases h2{font-size:38px;max-width:1080px;margin-bottom:16px}
  #cases .slider-head{height:54px}
  #case-name{font-size:16px}
  #cases .case-card{margin-top:18px}
  #cases:not(.is-draft) .case-card{grid-template-columns:255px 1fr}
  #cases.is-draft .case-card{grid-template-columns:310px 1fr}
  #cases .case-content{padding-left:24px}
  #cases .case-identity{padding-right:20px}
  #cases .case-identity>small,#cases .case-situation small{font-size:11px}
  #cases .case-identity>p{font-size:14px;margin:14px 0 8px}
  #cases .case-identity h3{font-size:28px;margin-bottom:10px}
  #cases .case-situation{margin-top:18px}
  #cases .case-situation p{font-size:14px;margin-top:8px}
  #cases .proof{height:276px;padding:16px}
  #cases .proof small{font-size:11px}
  #cases .proof h4{font-size:20px;margin:8px 0 14px}
  #cases .proof-facts{margin-bottom:14px}
  #cases .proof img{height:132px;object-fit:contain}
  #cases .outcomes{margin-top:12px;gap:14px}
  #cases .outcomes b{font-size:16px}
  #cases .draft-metrics{width:420px;grid-template-columns:1fr 1fr;gap:12px}
  #cases .metric{height:134px;min-height:134px;padding:16px}
  #cases .metric strong{margin-bottom:10px}
  #cases .metric span{font-size:13px}
  #cases .case-content:has(.draft-metrics){grid-template-columns:420px 1fr;gap:24px}
  #cases .case-work{height:280px;padding:18px}
  #cases .case-work h4{font-size:20px;margin:9px 0 16px}
  #cases .case-work li{font-size:13px;margin-bottom:14px}
  #cases .case-conclusion{margin-top:16px;padding-top:13px}
}
@media(min-width:768px) and (max-width:1023px){
  #cases h2{text-wrap:balance}
  #cases .proof img{object-fit:contain;object-position:center}
}
@media(max-width:767px){
  #cases h2{max-width:310px;text-wrap:balance}
  #cases.is-draft .case-identity{padding-bottom:28px}
  #cases.is-draft .case-content{padding-top:0}
  #cases:not(.is-draft)>.container{padding-bottom:25px}
  #cases[data-case="3"]>.container{padding-bottom:37px}
  #cases[data-case="2"]>.container{padding-bottom:10px}
  #cases[data-case="4"]>.container{padding-bottom:0}
}
@media(max-width:370px){
  #cases h2{max-width:290px}
  #cases:not(.is-draft)>.container{padding-bottom:69px}
  #cases[data-case="3"]>.container{padding-bottom:80px}
  #cases.is-draft>.container{padding-bottom:90px}
}

@media(min-width:1600px) and (min-height:1081px){#cases{height:1080px;min-height:1080px}}

/* Block 07 third-pass residuals. */
@media(min-width:1400px) and (max-width:1599px){
  #cases:not(.is-draft) .case-card{height:414px}
  #cases:not(.is-draft) .case-conclusion{margin-top:22px}
}
@media(min-width:1024px) and (max-width:1399px){
  #cases h2{max-width:780px}
}
@media(max-width:370px){
  #cases>.container{padding-top:36px}
  #cases .eyebrow{margin-bottom:14px}
  #cases h2{font-size:30px;max-width:290px;margin-bottom:22px}
  #cases .slider-head{height:78px}
  #cases .slider-head button{width:44px;height:44px}
  #cases .case-card{margin-top:28px}
  #cases .case-identity h3{font-size:27px}
  #cases .proof{height:392px;padding:22px 18px}
  #cases .proof img{height:210px;object-fit:contain;object-position:center}
  #cases .outcomes b{font-size:17px}
  #cases.is-draft .metric{padding:20px}
  #cases.is-draft .case-work{padding:22px 18px}
  #cases:not(.is-draft)>.container{padding-bottom:43px}
  #cases[data-case="3"]>.container{padding-bottom:54px}
  #cases.is-draft>.container{padding-bottom:114px}
  #cases[data-case="3"] .proof:nth-child(2) .proof-facts span:first-child strong{max-width:90px}
}