.app-case{--app-blue:#0f3d56;--app-orange:#f58733;--app-teal:#27b3b2;--app-paper:#f5f7fa;color:var(--app-blue)}
.app-case .section{padding-top:clamp(48px,7vw,100px);padding-bottom:clamp(48px,7vw,100px)}
.app-case h2{font-size:clamp(32px,4.1vw,60px);line-height:1.06}.app-case h3{font-size:25px}.app-case p{max-width:75ch}.app-case .eyebrow{color:inherit}.app-case-hero{background:#f5f7fa;display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}.app-case-hero h1{font-size:clamp(44px,5.6vw,82px);line-height:1.03}.app-case-hero em{color:#b34e12}.app-case-heading>.wp-block-heading{margin-top:24px}.app-logo-stage{background:#fff;border-radius:50% 50% 18px 18px;padding:32px;box-shadow:0 25px 80px #0f3d5610;text-align:center}.app-logo-stage .eyebrow{font-size:11px;margin:0 auto}.app-image{margin:0}.app-image img{display:block;width:100%;height:auto}.app-image figcaption{font-size:13px;line-height:1.5;margin-top:15px;color:#536370}.app-project-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;background:#0f3d56;color:#fff}.app-case .app-project-facts{padding-top:32px;padding-bottom:32px}.app-fact .eyebrow{color:#7cdddd;font-size:11px}.app-fact p{font-size:16px;margin:0 0 8px}.app-text-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,88px);margin:24px 0 45px;align-items:start}.app-text-columns h2{margin-top:0}.app-before-after{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px 0}.app-before,.app-after{padding:30px;background:#f5f7fa;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.app-before .app-image{width:min(289px,100%)}.app-after .app-image{max-width:340px}.app-before .eyebrow,.app-after .eyebrow{font-size:12px;align-self:flex-start}.app-browser-shot{padding:16px;border:1px solid #d9e2e7;border-radius:15px;background:#f5f7fa}.app-browser-shot img{border-radius:7px}.app-concept{background:#0f3d56;color:white}.app-concept .app-pattern-banner{max-width:960px;margin:0 auto}.app-pattern-banner img{border-radius:14px}.app-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.app-principle{border-top:1px solid #82adb8;padding-top:25px}.app-principle .index{color:#ffb376}.app-principle p{font-size:17px}.app-colour-section{background:#f5f7fa}.app-swatches{display:grid;grid-template-columns:repeat(5,1fr);margin:40px 0;border-radius:18px;overflow:hidden;border:1px solid #dae2e8}.app-swatch{min-height:175px;display:flex;align-items:flex-end;padding:20px}.app-swatch p{font-size:16px;font-weight:700;margin:0}.app-swatch-0{background:#0f3d56;color:#fff}.app-swatch-1{background:#f58733;color:#0f2635}.app-swatch-2{background:#ff8a3d;color:#0f2635}.app-swatch-3{background:#27b3b2;color:#0f2635}.app-swatch-4{background:#f5f7fa}.app-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.app-type-card{padding:22px 0;border-top:1px solid #b6c8d3}.app-type-card p,.app-caption{font-size:15px}.app-application-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-bottom:60px;align-items:start}.app-application-grid .app-image{padding:22px;background:#f5f7fa;border-radius:16px}.app-application-grid img{max-height:500px;object-fit:contain}.app-digital{background:#f5f7fa}.app-digital>p{max-width:850px;margin-bottom:38px}.app-digital .app-image{padding:18px;background:white;border:1px solid #dae2e8;border-radius:18px}.app-outcome{border-top:1px solid #dae2e8}.app-case .closing{background:#171b35;color:white}.app-case .closing .text-link{color:#ffcf6d}.app-project-card{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;background:#f5f7fa}.app-project-card img{border-radius:18px}.app-project-card h2{font-size:clamp(34px,4.5vw,64px)}
@media(max-width:900px){.app-case-hero,.app-text-columns,.app-project-card{grid-template-columns:1fr}.app-case-heading{max-width:690px}.app-logo-stage{max-width:480px;margin:auto}.app-project-facts{grid-template-columns:1fr 1fr}.app-case-hero h1{font-size:clamp(42px,8vw,66px)}.app-principles{gap:22px}.app-swatch{padding:12px;min-height:130px}.app-swatch p{font-size:12px}}
@media(max-width:600px){.app-before-after,.app-application-grid,.app-principles,.app-type-grid{grid-template-columns:1fr}.app-project-facts{gap:20px}.app-fact p{font-size:14px}.app-swatches{grid-template-columns:1fr}.app-swatch{min-height:74px;padding:18px}.app-swatch p{font-size:16px}.app-text-columns{gap:16px}.app-before,.app-after{padding:24px}.app-image figcaption{font-size:12px}.app-application-grid .app-image,.app-digital .app-image{padding:12px}.app-case .section{padding-top:44px;padding-bottom:44px}.app-case .app-project-facts{padding-top:26px;padding-bottom:26px}}
.app-case .app-concept h2,.app-case .app-concept h3,.app-case .closing h2{color:#fff}.app-case .closing em{color:#ffcf6d}