/* Case-study presentation only. Shared site styles and hero artwork stay intact. */
.case-visual main .section{padding:80px 0}
.case-visual main .h2{max-width:960px}
.case-visual main .prose>p{max-width:82ch}
.case-visual .case-overview{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:56px;align-items:start}
.case-visual .case-overview .facts{margin:0;grid-template-columns:repeat(2,minmax(0,1fr));border:0;border-radius:20px;background:#dfe3ee;gap:1px;overflow:hidden}
.case-visual .case-overview .facts>div{padding:20px 22px;background:#f2f4fc}
.case-visual .case-overview .facts>div:nth-child(4n+2),.case-visual .case-overview .facts>div:nth-child(4n+3){background:#f2eff9}
.case-visual .case-overview .facts dt{font-size:10px;color:#625a8f;line-height:1.5;margin-bottom:7px}
.case-visual .case-overview .facts dd{font-size:14px;line-height:1.55;font-weight:550}
.case-visual .statband{border:0;gap:0;border-radius:20px;overflow:hidden;background:linear-gradient(115deg,#edf4fb,#eeebfa);margin-top:40px}
.case-visual .statband>div{background:transparent;padding:30px;border-right:1px solid #d8dce9}
.case-visual .statband>div:last-child{border:0}
.case-visual .statband .n{color:#342d75}
.case-visual .csnav{padding:25px 0;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;margin-top:32px}
.case-visual .csnav-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.case-visual .csnav-list a{padding:8px 0;border:0;border-radius:0;gap:9px;font-size:13px;background:none}
.case-visual .csnav-list a:hover{transform:none;text-decoration:underline;text-underline-offset:5px}
/* A scene alongside a readable, softly coloured list. */
.case-visual .case-fit{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:0;gap:0;margin-top:48px;border:1px solid #dde1ee;border-radius:24px;overflow:hidden;background:#eef1fb}
.case-fit-intro{position:relative;isolation:isolate;min-height:400px;display:flex;align-items:flex-end;padding:38px}
.case-fit-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.case-fit-intro:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#121c300a 5%,#18233470 45%,#182035ed 100%)}
.case-visual .case-fit-heading .whofor-lab{color:#d9def5;font-size:10px;line-height:1.7;letter-spacing:.13em}
.case-visual .case-fit-heading .whofor-h{font-size:32px;color:#fff;line-height:1.2;margin:14px 0 0;max-width:380px;text-wrap:balance}
.case-fit-panel{padding:28px 34px;background:linear-gradient(145deg,#eff5fc,#eeebfa)}
.case-visual .case-fit .whofor-list{display:grid;grid-template-columns:1fr;gap:3px}
.case-visual .case-fit .whofor-list li{padding:11px 12px 11px 27px;font-size:15px;line-height:1.55;border:0;border-radius:9px}
.case-visual .case-fit .whofor-list li:nth-child(odd){background:#ffffff63}
.case-visual .case-fit .whofor-list li:before{width:5px;height:5px;left:12px;top:20px;background:#7d77b2;border:0;border-radius:50%}
.case-visual .case-fit .whofor-list li:after{content:none}
.case-visual .case-fit .whofor-foot{font-size:13px;line-height:1.65;margin:19px 12px 0;color:#565b72}
/* Real interface screenshots: full images, consistent framing, clear captions. */
.case-visual #screens{background:#f4f5fa}
.case-visual .shots-grid{gap:28px;align-items:start}
.case-visual .shots-grid>figure,.case-visual .shots-solo>figure{overflow:hidden;border:1px solid #dfe3ed;border-radius:20px;background:#fff}
.case-screen-mat{padding:20px;background:linear-gradient(145deg,#dcebf0,#d9e2f3);display:flex;align-items:center;justify-content:center}
.case-visual .shots-grid>figure:nth-child(2n) .case-screen-mat{background:linear-gradient(135deg,#e4e0ee,#dbe4f4)}
.case-visual .shots-grid>figure:nth-child(3) .case-screen-mat{background:linear-gradient(145deg,#efe1d0,#f0e8df)}
.case-visual .shots-grid>figure:nth-child(4) .case-screen-mat{background:linear-gradient(145deg,#d6e8dd,#e8eee2)}
.case-visual .case-screen-mat img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 14px 26px -20px #14233b88;border:1px solid #ffffff60}
.case-visual .shots-grid figcaption,.case-visual .shots-solo figcaption{margin:0;padding:24px 26px;font-size:14px;line-height:1.65;color:#596076}
.case-visual .shots-grid figcaption b,.case-visual .shots-solo figcaption b{display:block;color:#18243b;font-family:'Schibsted Grotesk',sans-serif;font-size:19px;margin-bottom:9px;letter-spacing:-.025em}
.case-orders .shots-grid .case-screen-mat{aspect-ratio:1.43}
.case-orders .shots-grid .case-screen-mat img{max-height:100%;object-fit:contain;width:auto;max-width:100%}
.case-visual .shots-solo .case-screen-mat{padding:28px;background:linear-gradient(130deg,#d9e7f7,#d6e6ea)}
/* Scenes explain the working context; small icons identify the software features. */
.case-visual .case-reasons{gap:28px;margin:34px 0}
.case-reason{overflow:hidden;border-radius:20px;background:#f0f3fb;border:1px solid #e0e5f0}
.case-reason:nth-child(2){background:#f1eef8}
.case-reason-image{display:block;width:100%;height:230px;object-fit:cover}
.case-reason-copy{padding:28px}
.case-visual .case-reason h3{padding:0;border:0;font-size:22px;margin-bottom:14px;line-height:1.25}
.case-visual .case-reason p{margin:0;max-width:none;font-size:16px}
.case-visual main .cardgrid .card{border-radius:18px;box-shadow:none;transition:none}
.case-visual main .cardgrid .card:hover{transform:none}
.case-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:#226d66;background:#def0e9;margin-bottom:24px}
.case-icon svg{width:25px;height:25px}
.case-visual .card:nth-child(3n+2) .case-icon{color:#9a6225;background:#f8ecd8}
.case-visual .card:nth-child(3n) .case-icon{color:#59549d;background:#e9e5f7}
.case-visual #problem .cardgrid{gap:22px}
.case-visual #problem .cardgrid .card{border-top:3px solid #8db9ac;background:#f9fcfb}
.case-visual #problem .cardgrid .card:nth-child(2){border-top-color:#d7b47a;background:#fffdf9}
.case-visual #problem .cardgrid .card:nth-child(3){border-top-color:#afa4cf;background:#fcfbff}
.case-visual .case-architecture{background:#f3f5fb;border-top:1px solid #e0e5ef;border-bottom:1px solid #e0e5ef}
.case-visual .case-architecture .cardgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.case-visual .case-architecture .card{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:20px;padding:28px;background:#ffffffab;border:1px solid #e0e5ef}
.case-visual .case-architecture .case-icon{grid-row:span 2;margin:0}
.case-visual .case-architecture .card h3{font-size:18px;margin:0 0 10px}
.case-visual .case-architecture .card p{grid-column:2;font-size:15px;margin:0;line-height:1.65}
.case-visual .topo .topo-box{box-shadow:0 20px 50px -40px #26315277}
.case-visual .case-step{display:block;font-family:'JetBrains Mono',monospace;font-size:36px;line-height:1;color:#297265;margin-bottom:28px;letter-spacing:-.06em}
.case-visual #solution .cardgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.case-visual #solution .card{padding:28px 24px;border:0;background:#e4f0ea}
.case-visual #solution .card:nth-child(2){background:#f2e9da}
.case-visual #solution .card:nth-child(3){background:#e6e3f3}
.case-visual #solution .card:nth-child(4){background:#dfebf3}
.case-visual #solution .card:nth-child(2) .case-step{color:#986522}
.case-visual #solution .card:nth-child(3) .case-step{color:#65558e}
.case-visual #solution .card:nth-child(4) .case-step{color:#30668b}
.case-visual #solution .card h3{font-size:19px;line-height:1.3;margin-bottom:14px}
.case-visual #solution .card p{font-size:15px;line-height:1.65}
/* Text lists: quiet grouped panels instead of check marks. */
.case-visual main .checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0}
.case-visual main .checklist li{padding:24px;background:#f0f3fb;border:1px solid #e0e5f0;border-radius:15px;color:#48536b;font-size:15px;line-height:1.65}
.case-visual main .checklist li:nth-child(2n){background:#f2eff9}
.case-visual main .checklist li:before,.case-visual main .checklist li:after{content:none}
.case-visual main .checklist li strong{display:block;color:#202b42;font-size:17px;line-height:1.4;margin-bottom:10px}
.case-visual #stack .checklist{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-visual #stack .checklist li{background:#fff}
.case-visual #today{background:linear-gradient(120deg,#edf3fb,#eeebf8)}
.case-visual #today:before,.case-visual #today:after{content:none}
.case-visual #today .h2{color:#18243b}
.case-visual #today .kicker{color:#65558e}
.case-visual #today .prose p{color:#48536b}
.case-visual #today .checklist{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-visual #today .checklist li{background:#ffffffab;border:1px solid #dde2ed}
.case-visual #today .checklist li:first-child{background:#263b4c;color:#dfe9ef}
.case-visual #today .checklist li:first-child strong{color:#fff}
.case-visual #today .checklist li:last-child{grid-column:span 3;background:none;border:0;padding:12px 0}
/* Full-width photo sections keep important text on controlled backgrounds. */
.case-visual .case-photo-band{position:relative;isolation:isolate;background:#15283a;color:#fff;overflow:hidden;border:0;padding:90px 0}
.case-band-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 46%}
.case-photo-band:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111c2aca,#17253a98 50%,#17253ae3)}
.case-band-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:center}
.case-visual .case-band-heading .kicker{color:#c8d3e6;line-height:1.7}
.case-visual .case-band-heading .h2{color:#fff;font-size:42px;line-height:1.14;max-width:430px}
.case-band-copy{padding:32px 36px;background:linear-gradient(135deg,#f0f5fcf7,#eeebfaf7);border:1px solid #ffffff8c;border-radius:20px;color:#48536b}
.case-visual .case-band-copy p{color:#36435a;font-size:16px;line-height:1.75}
.case-visual .case-band-copy p:last-child{margin-bottom:0}
.case-visual .case-result .case-band-image{object-position:center 55%}
.case-visual .case-result .case-band-layout{gap:100px}
.case-result-stat{font-size:14px;line-height:1.65;max-width:370px;color:#dae4ee}
.case-result-stat strong{display:block;font-size:23px;line-height:1.25;color:#fff;margin:22px 0 18px;font-weight:600}
.case-result-number{display:block;font-family:'Schibsted Grotesk',sans-serif;font-size:100px;line-height:1.1;letter-spacing:-.065em;font-weight:700;margin-bottom:15px;color:#f3d4a0}
.case-visual .case-band-copy .checklist{display:block;margin:0}
.case-visual .case-band-copy .checklist li{padding:20px 0;background:none;border:0;border-bottom:1px solid #d8dfea;border-radius:0}
.case-visual .case-band-copy .checklist li:first-child{padding-top:0}
.case-visual .case-band-copy .checklist li:last-child{padding-bottom:0;border:0}
.case-visual .case-band-copy .checklist li strong{margin-bottom:8px}
.case-visual .quotes .tcard{border:1px solid #dde3ed;background:linear-gradient(135deg,#f8fbfe,#efedf9);border-radius:20px;padding:34px;min-width:0}
.case-visual .quotes .tcard .qmark{text-align:left;color:#8b7cbb;font-size:66px}
.case-visual .quotes .tcard .q{font-family:'Hanken Grotesk',sans-serif;font-size:17px;font-weight:450;line-height:1.75;letter-spacing:0}
.case-visual .quotes .tcard .by{padding-top:22px;border-top:1px solid #d9dfeb;line-height:1.6}
@media(max-width:1100px){
 .case-visual .case-overview{gap:32px}.case-band-layout,.case-visual .case-result .case-band-layout{gap:42px}
 .case-visual #solution .cardgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .case-fit-panel{padding:24px}.case-fit-intro{padding:30px}
 .case-visual .csnav-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:880px){
 .case-visual main .section{padding:58px 0}
 .case-visual .case-overview{grid-template-columns:1fr;gap:24px}
 .case-visual .case-fit{grid-template-columns:1fr}.case-fit-intro{min-height:310px}
 .case-visual .case-fit-heading .whofor-h{max-width:560px}.case-fit-image{object-position:center 50%}
 .case-visual .case-reasons{grid-template-columns:1fr 1fr;gap:18px}.case-reason-image{height:200px}.case-reason-copy{padding:22px}
 .case-visual .case-reason h3{font-size:20px}
 .case-band-layout,.case-visual .case-result .case-band-layout{grid-template-columns:1fr;gap:30px}
 .case-visual .case-photo-band{padding:60px 0}.case-band-copy{max-width:700px}
 .case-visual .case-band-heading .h2{font-size:36px;max-width:600px}.case-result-stat{max-width:520px}
 .case-result-number{font-size:80px}.case-visual #today .checklist{grid-template-columns:repeat(2,minmax(0,1fr))}
 .case-visual #today .checklist li:last-child{grid-column:span 2}
}
@media(max-width:600px){
 .case-visual .case-overview .facts>div{padding:17px 16px}.case-visual .case-overview .facts dd{font-size:13px}
 .case-visual .statband>div{padding:24px 18px}.case-visual .csnav-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .case-visual .csnav-list a{font-size:13px}.case-visual .case-fit{margin-top:30px;border-radius:18px}
 .case-fit-intro{min-height:290px;padding:26px}.case-fit-panel{padding:22px 16px}
 .case-visual .case-fit-heading .whofor-h{font-size:28px}.case-visual .case-fit .whofor-list li{font-size:14px}
 .case-visual .case-reasons{grid-template-columns:1fr}.case-reason-image{height:225px}
 .case-visual .case-architecture .cardgrid,.case-visual #solution .cardgrid,.case-visual main .checklist,.case-visual #stack .checklist,.case-visual #today .checklist{grid-template-columns:1fr}
 .case-visual #today .checklist li:last-child{grid-column:auto}.case-visual .case-architecture .card{padding:24px 20px;gap:16px}
 .case-visual .case-architecture .card p{grid-column:1/-1}.case-visual .case-architecture .case-icon{grid-row:auto}
 .case-visual .case-architecture .card h3{align-self:center;margin:0}.case-visual #solution .card{display:grid;grid-template-columns:46px 1fr;gap:16px 18px;padding:26px}
 .case-visual #solution .case-step{font-size:30px;margin:0}.case-visual #solution .card h3{margin:0;align-self:center}.case-visual #solution .card p{grid-column:1/-1;margin:0}
 .case-screen-mat,.case-visual .shots-solo .case-screen-mat{padding:12px}.case-visual .shots-grid figcaption,.case-visual .shots-solo figcaption{padding:20px}
 .case-visual .case-band-heading .h2{font-size:32px}.case-band-copy{padding:26px 24px;border-radius:16px}
 .case-visual .quotes .tcard{padding:28px 24px}.case-visual .quotes .tcard .q{font-size:16px}
}

.case-crm #partnership .case-band-image{object-position:center 28%}