:root{--blue:#174cff;--blue-deep:#0d2ca6;--acid:#eaff35;--coral:#ff7f5f;--paper:#f7f4ed;--ink:#111218;--muted:#686970;--canvas:#dedfe3;--line:rgba(17,18,24,.18);--radius-sheet:12px;--radius-card:10px;--radius-control:7px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Manrope,system-ui,sans-serif}a{color:inherit}img{display:block;width:100%}.skip{position:absolute;left:-999px;top:8px}.skip:focus{left:8px;z-index:20;background:var(--acid);padding:12px}
.case-header{width:min(1240px,calc(100% - 40px));min-height:68px;margin:20px auto 0;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--paper)}.case-brand{text-decoration:none;font:800 12px/1 Manrope;letter-spacing:.12em}.case-brand span{display:block;margin-top:4px;font-size:8px}.case-tools{display:flex;align-items:center;gap:8px}.case-tools a,.case-tools button{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius-control);background:transparent;color:inherit;text-decoration:none;font:700 10px Manrope;letter-spacing:.08em;cursor:pointer}
main{display:grid;gap:24px;padding:0 20px 24px}main>section{width:min(1240px,100%);margin:0 auto;overflow:hidden;border-radius:var(--radius-sheet);background:var(--paper)}
.case-hero{min-height:700px;padding:70px;display:flex;flex-direction:column;border-top:12px solid var(--blue)}.case-hero-top{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:90px;align-items:center;flex:1}.eyebrow{margin:0 0 22px;color:var(--blue);font:800 10px/1.4 Manrope;letter-spacing:.16em}.case-hero h1{margin:0;color:var(--ink);font:600 clamp(72px,8vw,124px)/.82 "DM Sans",sans-serif;letter-spacing:-.085em}.case-hero h1 em{color:var(--blue);font:inherit;font-style:normal}.case-intro{max-width:470px;margin:0;padding:28px 0 28px 30px;border-left:5px solid var(--coral);font:600 clamp(18px,1.55vw,23px)/1.55 Manrope}.case-facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:62px;border-top:1px solid var(--blue);border-bottom:1px solid var(--blue)}.case-facts div{padding:18px 18px 18px 0}.case-facts div+div{padding-left:18px;border-left:1px solid rgba(23,76,255,.24)}.case-facts span{display:block;margin-bottom:8px;color:var(--muted);font:800 9px Manrope;letter-spacing:.14em}.case-facts b{font:700 12px/1.45 Manrope}
.case-cover{min-height:560px;display:grid;grid-template-columns:1.28fr .72fr;overflow:hidden;background:var(--blue);color:var(--paper)}.case-cover img{width:100%;height:100%;min-height:560px;object-fit:cover;object-position:54% center;filter:none}.cover-folio{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cover-caption{padding:54px;display:flex;flex-direction:column;justify-content:space-between;border-left:10px solid var(--acid)}.cover-caption span{color:var(--acid);font:800 10px Manrope;letter-spacing:.16em}.cover-caption p{margin:0;font:600 clamp(29px,3vw,46px)/1.06 "DM Sans",sans-serif;letter-spacing:-.045em}
.case-section{padding:78px 70px}.case-section.dark{background:var(--blue);color:var(--paper)}.section-grid{display:grid;grid-template-columns:170px minmax(0,1fr);gap:70px}.section-label{height:max-content;margin:0;padding-top:12px;border-top:3px solid currentColor;color:var(--blue);font:800 10px/1.4 Manrope;letter-spacing:.15em}.dark .section-label{color:var(--acid)}.section-copy h2{max-width:820px;margin:0 0 26px;font:600 clamp(44px,5vw,70px)/.98 "DM Sans",sans-serif;letter-spacing:-.065em}.section-copy h2 em{color:var(--blue);font:inherit;font-style:normal}.dark .section-copy h2 em{color:var(--acid)}.section-copy>p{max-width:680px;margin:0;color:var(--muted);font:500 18px/1.65 Manrope}.dark .section-copy>p{color:rgba(247,244,237,.78)}.before-after{display:grid;grid-template-columns:1fr 1fr;margin-top:50px;border-top:1px solid rgba(247,244,237,.55)}.before-after article{padding:26px 30px 0 0}.before-after article+article{padding-left:30px;border-left:1px solid rgba(247,244,237,.55)}.before-after span{color:var(--acid);font:800 9px Manrope;letter-spacing:.14em}.before-after h3{margin:24px 0 12px;font:600 28px/1.12 "DM Sans",sans-serif}.before-after p{max-width:38ch;margin:0;color:rgba(247,244,237,.74);font-size:14px;line-height:1.65}
.system-flow{list-style:none;padding:0;margin:52px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--blue)}.system-flow li{min-height:190px;padding:24px 22px 0 0}.system-flow li+li{padding-left:22px;border-left:1px solid rgba(23,76,255,.24)}.system-flow b{color:var(--blue);font:800 9px Manrope;letter-spacing:.12em}.system-flow h3{margin:34px 0 10px;font:600 21px "DM Sans",sans-serif}.system-flow p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.showcase{padding:78px 70px}.showcase-head{display:grid;grid-template-columns:170px minmax(0,1fr);gap:70px;margin-bottom:48px}.showcase-head span{height:max-content;padding-top:12px;border-top:3px solid var(--blue);color:var(--blue);font:800 10px/1.4 Manrope;letter-spacing:.15em}.showcase-head h2{max-width:820px;margin:0;font:600 clamp(42px,4.8vw,66px)/.98 "DM Sans",sans-serif;letter-spacing:-.06em}.showcase-head p{grid-column:2;max-width:650px;margin:20px 0 0;color:var(--muted);font-size:16px;line-height:1.62}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.showcase figure{position:relative;aspect-ratio:4/5;margin:0;overflow:hidden;border-radius:var(--radius-card);background:var(--blue-deep)}.showcase img{height:100%;object-fit:cover;filter:saturate(.86) contrast(1.03)}.showcase figure:first-child img{object-position:56% center}.showcase figcaption{position:absolute;left:12px;bottom:12px;padding:9px 10px;border-left:5px solid var(--acid);border-radius:0 var(--radius-control) var(--radius-control) 0;background:var(--paper);color:var(--ink);font:800 8px Manrope;letter-spacing:.1em}
.outcome{padding:76px 70px;border-top:12px solid var(--coral);background:var(--acid)}.outcome span{display:block;margin-bottom:28px;font:800 10px Manrope;letter-spacing:.15em}.outcome p{max-width:980px;margin:0;font:600 clamp(42px,5vw,68px)/.98 "DM Sans",sans-serif;letter-spacing:-.06em}
.case-next{padding:70px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;background:var(--blue);color:var(--paper)}.case-next span{color:var(--acid);font:800 10px Manrope;letter-spacing:.15em}.case-next h2{margin:14px 0 0;font:600 clamp(42px,5vw,68px)/.98 "DM Sans",sans-serif;letter-spacing:-.06em}.case-next a{min-height:50px;padding:0 22px;display:inline-flex;align-items:center;border-radius:var(--radius-control);background:var(--acid);color:var(--ink);text-decoration:none;font:800 10px Manrope;letter-spacing:.08em}.case-footer{width:min(1240px,calc(100% - 40px));margin:0 auto 20px;padding:24px 34px;display:flex;justify-content:space-between;border-top:1px solid var(--line);border-radius:0 0 var(--radius-sheet) var(--radius-sheet);background:var(--paper);font:700 9px Manrope;letter-spacing:.08em}
@media(max-width:820px){.case-hero{min-height:0;padding:56px 44px}.case-hero-top,.section-grid,.showcase-head{grid-template-columns:1fr;gap:32px}.case-intro{max-width:620px}.case-facts{grid-template-columns:1fr 1fr}.case-facts div:nth-child(3){border-left:0;border-top:1px solid rgba(23,76,255,.24)}.case-facts div:nth-child(4){border-top:1px solid rgba(23,76,255,.24)}.case-cover{grid-template-columns:1fr;min-height:0}.case-cover img{min-height:0;aspect-ratio:16/10}.cover-caption{min-height:330px;border-left:0;border-top:10px solid var(--acid)}.case-section,.showcase,.outcome,.case-next{padding:60px 44px}.showcase-head p{grid-column:1}.system-flow{grid-template-columns:1fr 1fr}.system-flow li:nth-child(3){border-left:0;border-top:1px solid rgba(23,76,255,.24)}.system-flow li:nth-child(4){border-top:1px solid rgba(23,76,255,.24)}}
@media(max-width:560px){body{background:var(--paper)}.case-header,.case-footer{width:100%;margin:0;padding-inline:6vw;border-radius:0}.case-tools a{display:none}main{gap:0;padding:0}main>section{border-radius:0}.case-hero,.case-section,.showcase,.outcome,.case-next{padding:58px 7vw}.case-hero{border-top-width:8px}.case-hero h1{font-size:18vw}.case-intro{padding:20px 0 20px 20px}.case-facts{grid-template-columns:1fr;margin-top:44px}.case-facts div,.case-facts div+div{padding:15px 0;border-left:0;border-top:1px solid rgba(23,76,255,.24)}.case-cover img{aspect-ratio:4/3}.cover-caption{min-height:360px;padding:42px 7vw}.before-after{grid-template-columns:1fr}.before-after article{padding:24px 0}.before-after article+article{padding-left:0;border-left:0;border-top:1px solid rgba(247,244,237,.55)}.system-flow{grid-template-columns:1fr}.system-flow li,.system-flow li+li{min-height:0;padding:22px 0;border-left:0;border-top:1px solid rgba(23,76,255,.24)}.showcase-grid{grid-template-columns:1fr;gap:10px}.showcase figure{aspect-ratio:4/5}.case-next{grid-template-columns:1fr}.case-next a{justify-content:center}.case-footer{display:grid;gap:10px}}
@media print{body{background:#fff}.case-header,.case-footer{display:none}main{gap:0;padding:0}main>section{break-inside:avoid;width:100%;max-width:none}.case-hero,.case-cover,.case-section,.showcase,.outcome,.case-next{min-height:100vh;break-after:page}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}