.cs-hero{text-align:center;max-width:1240px;margin:0 auto;padding:200px 48px 100px;position:relative}.cs-hero-inner{max-width:900px;margin:0 auto}.cs-eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft-ink);margin-bottom:28px;font-size:12px}.cs-title{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:0 0 24px;font-size:clamp(40px,5.6vw,80px);font-weight:500;line-height:1.04}.cs-title-em{color:var(--royal-blue);font-style:italic;font-weight:400}.cs-sub{font-family:var(--display);color:var(--soft-ink);text-wrap:pretty;max-width:560px;margin:0 auto;font-size:clamp(18px,1.55vw,24px);font-weight:400;line-height:1.45}.cs-hero-rule{background:linear-gradient(#0000,#4f5c6673,#0000);width:1px;height:64px;margin:56px auto 0}.cs-index{max-width:1240px;padding:40px var(--page-pad-x) 0;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 auto;display:grid}.cs-index-item{font-family:var(--display);color:var(--ink);background:#ffffff59;border:1px solid #4f5c661a;border-radius:14px;align-items:baseline;gap:14px;padding:18px 22px;transition:background .2s,border-color .2s,transform .2s;display:flex}.cs-index-item:hover{background:#ffffffa6;border-color:#33588f40;transform:translateY(-2px)}.cs-index-n{font-family:var(--mono);color:var(--royal-blue);letter-spacing:.08em;font-size:12px}.cs-index-name{letter-spacing:-.005em;font-size:15px;font-weight:500}.cs-index-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-left:auto;font-size:11px}@media (max-width:880px){.cs-hero{padding:140px 24px 60px}.cs-index{padding:24px var(--page-pad-x-mobile) 0;grid-template-columns:1fr}.cs-index-label{display:none}}.case{padding:var(--section-pad-y) var(--page-pad-x);max-width:1240px;margin:0 auto;position:relative}.case-grid{grid-template-columns:280px 1fr;align-items:start;gap:80px;display:grid}.case-side{flex-direction:column;gap:18px;display:flex;position:sticky;top:120px}.case-n{font-family:var(--mono);letter-spacing:.16em;color:var(--muted);font-size:12px}.case-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soft-ink);-webkit-backdrop-filter:blur(8px);background:#ffffff80;border:1px solid #4f5c6624;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;padding:7px 14px;font-size:11px;display:inline-flex}.case-label-dot{background:var(--royal-blue);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #33588f8c}.case-client{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:28px;font-weight:500;line-height:1.1}.case-divider{background:#33588f59;width:48px;height:1px;margin-top:6px}.case-body{flex-direction:column;gap:48px;min-width:0;display:flex}.case-visual{aspect-ratio:16/8;isolation:isolate;background:linear-gradient(135deg,#2f4a56 0%,#33588f 45%,#436879 100%);border:1px solid #4f5c661a;border-radius:22px;width:100%;margin:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3,0 24px 60px #1b27302e,0 4px 14px #1b273014}.case-visual.has-photo{background:var(--paper-soft)}.case-visual-photo{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.case-visual-grid{opacity:.45;mix-blend-mode:screen;pointer-events:none;background-image:radial-gradient(#ffffff2e 1px,#0000 1.4px);background-position:0 0;background-size:22px 22px;position:absolute;inset:0}.case-visual-glow{filter:blur(18px);pointer-events:none;background:radial-gradient(circle at 25% 25%,#ffffff40,#0000 55%);position:absolute;inset:-25%}.case-visual-logo{object-fit:contain;filter:brightness(0)invert()drop-shadow(0 4px 22px #00000059);opacity:.92;width:56%;max-width:360px;max-height:60%;transform:translate(-50%, calc(-50% + var(--logo-offset-y,0))) scale(var(--logo-scale,1));z-index:1;position:absolute;top:50%;left:50%}.case-visual-tags{z-index:2;flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:22px;left:24px}.case-visual-tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffffeb;-webkit-backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;padding:6px 12px;font-size:11px}@media (prefers-reduced-motion:no-preference){.case-visual:after{content:"";mix-blend-mode:screen;pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff1a 50%,#0000 70%) 0%/240% 100%;animation:12s ease-in-out infinite alternate case-visual-glide;position:absolute;inset:0}.case-visual.has-photo:after{display:none}}@keyframes case-visual-glide{0%{background-position:0%}to{background-position:100%}}@media (max-width:980px){.case-visual{aspect-ratio:16/9;border-radius:16px}.case-visual-logo{width:70%;max-height:55%}.case-visual-tags{bottom:14px;left:16px}.case-visual-tag{padding:5px 10px;font-size:10px}}.case-pull{font-family:var(--display);letter-spacing:-.035em;color:#0000;text-wrap:balance;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px #33588f29);background-image:linear-gradient(100deg,#2f4a56 0%,#436879 18%,#33588f 38%,#5b7eb8 52%,#436879 70%,#33588f 88%,#2f4a56 100%);background-position:0%;background-repeat:no-repeat;background-size:240% 100%;-webkit-background-clip:text;background-clip:text;min-height:252px;margin:0;font-size:clamp(40px,5.4vw,76px);font-weight:500;line-height:1.02;animation:11s ease-in-out infinite alternate cs-pull-glide;position:relative}.case-pull-mark{font-family:var(--display);color:#33588f73;-webkit-text-fill-color:#33588f73;font-weight:400}.case-pull-mark-open{margin-right:6px}.case-pull-mark-close{margin-left:4px}@keyframes cs-pull-glide{0%{background-position:0%}to{background-position:100%}}@media (prefers-reduced-motion:reduce){.case-pull{background-position:50%;animation:none}}.case-story{color:var(--soft-ink);text-wrap:pretty;max-width:720px;margin:0;font-size:clamp(17px,1.3vw,20px);line-height:1.65}.case-story strong{color:var(--ink);font-weight:600}.case-metrics{-webkit-backdrop-filter:blur(8px);background:#ffffff73;border:1px solid #4f5c661a;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:0;display:grid;overflow:hidden}.case-metrics.is-2{grid-template-columns:repeat(2,1fr)}.metric{flex-direction:column;gap:10px;padding:28px 32px 26px;display:flex;position:relative}.metric+.metric:before{content:"";background:#4f5c6624;width:1px;position:absolute;top:22px;bottom:22px;left:0}.metric-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px}.metric-value{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:clamp(28px,2.6vw,40px);font-weight:500;line-height:1.05}.metric-value-arrow{color:var(--royal-blue);margin:0 8px;font-weight:400;display:inline-block}.metric-value-after,.metric-value-zero{color:var(--royal-blue)}@media (max-width:980px){.case-grid{grid-template-columns:1fr;gap:32px}.case-side{position:static}.case-body{gap:28px}.case-pull{min-height:0}.case-metrics,.case-metrics.is-2{grid-template-columns:1fr}.metric+.metric:before{width:auto;height:1px;inset:0 22px auto}}@media (max-width:768px){.case{padding:var(--section-pad-y-mobile) var(--page-pad-x-mobile)}}.case-rule{max-width:1240px;margin:0 auto;padding:0 48px}.case-rule-line{background:linear-gradient(90deg,#0000 0%,#4f5c6633 25% 75%,#0000 100%);height:1px}