.jsk-case-page{--card:#fff;--ink:#1b221d;--body:#3d4740;--muted:#72836d;--line:#d9e2d6;--green:#075d49;--bright:#0e8a67;--tint:#e2ece3;--dark:#0c1a13;background:#f2f5f0;color:var(--body)}
.jsk-case-page main .wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.jsk-case-page main a{color:inherit;text-decoration:none}
.jsk-case-page .hero{margin:0 12px;border-radius:32px;background:var(--dark);color:#c8d3cb;overflow:hidden}
.jsk-case-page .hero-grid{min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center;padding:96px 0}
.jsk-case-page .crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:14px;color:#93a399}
.jsk-case-page .crumbs a:hover{color:#fff}
.jsk-case-page .eyebrow{display:block;margin:54px 0 18px;color:#29a783;text-transform:uppercase;letter-spacing:.09em;font-size:13px;font-weight:700}
.jsk-case-page .hero h1{margin:0;color:#fff;font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.045em;font-weight:600}
.jsk-case-page .hero .lead{max-width:55ch;margin:28px 0 0;font-size:19px}
.jsk-case-page .quote{position:relative;background:#f7faf6;color:var(--ink);border-radius:24px;padding:42px;box-shadow:0 22px 60px rgba(0,0,0,.2)}
.jsk-case-page .quote::before{content:"“";position:absolute;top:6px;right:26px;color:#bfd9ce;font-size:90px;line-height:1}
.jsk-case-page .quote blockquote{position:relative;margin:0;font-size:25px;line-height:1.38;letter-spacing:-.015em}
.jsk-case-page .quote footer{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.jsk-case-page .quote strong,.jsk-case-page .quote span{display:block}
.jsk-case-page .quote span{color:var(--muted);font-size:15px}
.jsk-case-page .story{padding:110px 0}
.jsk-case-page .story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.jsk-case-page .story h2{margin:0;color:var(--ink);font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.035em}
.jsk-case-page .story .intro{color:var(--muted);margin-top:18px}
.jsk-case-page .chapters{display:grid;gap:18px}
.jsk-case-page .chapter{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px}
.jsk-case-page .chapter .num{color:var(--bright);font-weight:700;font-size:13px;letter-spacing:.08em}
.jsk-case-page .chapter h3{margin:7px 0 8px;color:var(--ink);font-size:23px}
.jsk-case-page .chapter p{margin:0}
.jsk-case-page .services{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.jsk-case-page .services span{padding:8px 12px;background:var(--tint);border-radius:999px;color:#164b3b;font-size:14px}
.jsk-case-page .closing{margin:0 12px 44px;border-radius:32px;background:var(--dark);color:#c8d3cb;padding:88px 0}
.jsk-case-page .closing .inner{display:flex;justify-content:space-between;align-items:end;gap:36px}
.jsk-case-page .closing h2{margin:0;color:#fff;font-size:clamp(34px,4vw,52px);line-height:1.08;max-width:18ch}
.jsk-case-page .closing p{max-width:48ch;margin:16px 0 0}
.jsk-case-page .button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--green);color:#fff;font-weight:600;padding:12px 20px}
.jsk-case-page :focus-visible{outline:3px solid #52c5a1;outline-offset:3px}
@media(max-width:820px){.jsk-case-page .hero{margin:0;border-radius:0}.jsk-case-page .hero-grid,.jsk-case-page .story-grid{grid-template-columns:1fr;gap:44px}.jsk-case-page .hero-grid{padding:96px 0 72px}.jsk-case-page .quote{padding:30px}.jsk-case-page .story{padding:80px 0}.jsk-case-page .closing{margin:0 0 40px;border-radius:0}.jsk-case-page .closing .inner{align-items:start;flex-direction:column}}
@media(max-width:540px){.jsk-case-page main .wrap{width:min(100% - 32px,1120px)}.jsk-case-page .hero-grid{min-height:0;padding:88px 0 58px}.jsk-case-page .eyebrow{margin-top:36px}.jsk-case-page .hero .lead{font-size:17px}.jsk-case-page .quote blockquote{font-size:21px}.jsk-case-page .chapter{padding:24px}}
@media(prefers-reduced-motion:reduce){.jsk-case-page{scroll-behavior:auto}}