.case-study-page .case-kicker,.case-study-page .case-label{display:block;margin-bottom:26px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--web-blue)}.case-study-page main>.case-hero{padding:84px 0 72px}.case-study-page .case-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:72px;align-items:end}.case-study-page .case-hero h1{font-size:clamp(42px,5.6vw,78px);margin-bottom:32px}.case-study-page .case-intro{max-width:760px;font-size:18px}.case-study-page .case-credits{border-top:2px solid var(--web-ink)}.case-study-page .case-credits>div{display:grid;grid-template-columns:82px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--web-line);font-size:14px}.case-study-page .case-credits dt{color:var(--web-muted)}.case-study-page .case-credits dd{line-height:1.5;color:var(--web-ink)}.case-study-page .case-visit{display:inline-flex;align-items:center;gap:6px;color:var(--web-blue);border-bottom:1px solid currentColor}.case-study-page .case-visit:hover{color:var(--web-ink)}.case-study-page main>.case-visual{padding:0;background:linear-gradient(var(--web-paper) 0 38%,var(--web-ink) 38% 100%)}.case-study-page .case-browser{overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 40px 80px -30px #00000073,0 0 0 1px #00000014}.case-study-page .case-browser-bar{display:flex;align-items:center;gap:7px;height:38px;padding:0 16px;background:#ecebe4;border-bottom:1px solid var(--web-line)}.case-study-page .case-browser-bar span{width:10px;height:10px;border-radius:50%;background:#c9c8bf}.case-study-page .case-browser-bar em{flex:0 1 340px;margin:0 auto;padding:3px 14px;border-radius:6px;background:var(--web-paper);color:var(--web-muted);font:12px/1.4 Arial,sans-serif;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-study-page .case-browser img{display:block;width:100%;height:auto}.case-study-page .case-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 40px;padding:56px 0 88px;color:var(--web-paper)}.case-study-page .case-facts>div{padding-top:20px;border-top:1px solid #55554f}.case-study-page .case-facts dt{margin-bottom:10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a5a59c}.case-study-page .case-facts dd{font:italic 22px/1.35 Georgia,serif;color:var(--web-paper)}.case-study-page .case-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:64px}.case-study-page .case-need-text p:first-child{font:24px/1.5 Georgia,serif;color:var(--web-ink);margin-bottom:22px}.case-study-page .case-need-text p+p{font-size:16px}.case-study-page main>.case-work{border-top:1px solid var(--web-line)}.case-study-page .case-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px;margin-top:56px;counter-reset:none}.case-study-page .case-steps li{display:grid;grid-template-columns:76px 1fr;grid-template-rows:auto 1fr;-moz-column-gap:8px;column-gap:8px;padding:30px 0 36px;border-top:1px solid var(--web-line)}.case-study-page .case-step-number{grid-row:span 2;color:var(--web-blue);font:italic 44px/1 Georgia,serif;letter-spacing:-.04em}.case-study-page .case-steps h3{margin-bottom:10px}.case-study-page .case-steps p{font-size:15px;line-height:1.7}.case-study-page main>.case-quote{background:var(--web-ink);color:var(--web-paper);padding-block:110px}.case-study-page .case-quote figure{max-width:980px}.case-study-page .case-quote blockquote{position:relative;font:italic clamp(28px,3.4vw,46px)/1.3 Georgia,serif;letter-spacing:-.02em}.case-study-page .case-quote blockquote:before{content:"«";display:block;margin-bottom:10px;color:#7f93ff;font-size:1.8em;line-height:.8}.case-study-page .case-quote figcaption{display:flex;align-items:center;gap:16px;margin-top:40px;font-size:14px;color:#a5a59c}.case-study-page .case-quote figcaption img{border-radius:50%;-o-object-fit:cover;object-fit:cover}.case-study-page .case-quote figcaption strong{display:block;color:var(--web-paper);font-size:16px;font-weight:500}.case-study-page main>.case-result{border-top:1px solid var(--web-line)}.case-study-page .case-result li{position:relative;padding:0 0 24px 34px;margin-bottom:24px;border-bottom:1px solid var(--web-line);font:23px/1.45 Georgia,serif;color:var(--web-ink)}.case-study-page .case-result li:last-child{border-bottom:0;margin-bottom:0}.case-study-page .case-result li:before{content:"";position:absolute;left:0;top:.55em;width:14px;height:14px;border-radius:50%;background:var(--web-blue)}.case-study-page .case-others ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.case-study-page .case-others a{display:block;color:var(--web-ink)}.case-study-page .case-others img{display:block;width:100%;height:auto;aspect-ratio:1.55;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;margin-bottom:16px;border:1px solid var(--web-line);transition:transform .35s ease}.case-study-page .case-others a:hover img{transform:translateY(-4px)}.case-study-page .case-others strong{display:flex;align-items:center;justify-content:space-between;font-size:21px;font-weight:500;letter-spacing:-.02em}.case-study-page .case-others span{color:var(--web-muted);font-size:14px}.case-study-page .case-others a:hover strong{color:var(--web-blue)}@media (max-width: 900px){.case-study-page .case-hero-grid{grid-template-columns:1fr;gap:40px}.case-study-page .case-columns{grid-template-columns:1fr;gap:8px}.case-study-page .case-steps{grid-template-columns:1fr}.case-study-page .case-others ul{grid-template-columns:1fr 1fr}.case-study-page .case-others li:nth-child(3){display:none}}@media (max-width: 600px){.case-study-page main>.case-hero{padding:48px 0 44px}.case-study-page .case-intro{font-size:16px}.case-study-page .case-browser{border-radius:6px}.case-study-page .case-browser-bar{height:28px;padding:0 10px;gap:5px}.case-study-page .case-browser-bar span{width:7px;height:7px}.case-study-page .case-browser-bar em{font-size:10px;padding:1px 8px}.case-study-page .case-facts{padding:40px 0 56px}.case-study-page .case-facts dd{font-size:19px}.case-study-page .case-need-text p:first-child{font-size:20px}.case-study-page .case-steps li{grid-template-columns:56px 1fr}.case-study-page .case-step-number{font-size:34px}.case-study-page main>.case-quote{padding-block:64px}.case-study-page .case-result li{font-size:19px}.case-study-page .case-others ul{grid-template-columns:1fr}.case-study-page .case-others li:nth-child(3){display:block}}
