@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&family=Space+Grotesk:wght@500;600;700&display=swap');
.case-page{overflow-x:hidden}.case-container{width:min(calc(100% - 64px),1000px)}.case-wide{width:min(calc(100% - 64px),1240px);margin-inline:auto}.case-hero{padding:150px 0 70px;border:0;background:var(--bg)}.case-hero::before{top:-220px;left:20%;right:auto;width:900px;height:600px;animation:fsAurora 22s ease-in-out infinite}.case-tags{margin-top:26px;color:#8a34c8}.case-tags span{padding:7px 13px;border:1px solid rgba(169,59,238,.32);border-radius:999px;background:var(--tint)}.case-hero h1{margin:26px 0 0;font-size:clamp(32px,4.4vw,58px);line-height:1.06;letter-spacing:-.035em;animation:fsUp .9s cubic-bezier(.16,1,.3,1) .06s both}.case-result{margin-top:24px;font-size:clamp(22px,2.4vw,30px);animation:fsUp .9s cubic-bezier(.16,1,.3,1) .16s both}
.case-visual-wrap{padding:0 32px 60px}.case-visual{position:relative;height:180px;max-width:1000px;margin:auto;overflow:hidden;color:var(--case-accent);border:1px solid color-mix(in srgb,var(--case-accent) 30%,transparent);border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--case-accent) 12%,transparent),transparent 70%);animation:fsUp .9s cubic-bezier(.16,1,.3,1) .24s both}.case-visual svg{position:absolute;inset:0;width:100%;height:100%}
.case-placeholder{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-bottom:70px;border:1px dashed var(--border-strong);border-radius:20px;background-color:var(--placeholder-bg);background-image:repeating-linear-gradient(135deg,var(--stripe) 0 1px,transparent 1px 11px);text-align:center}.case-placeholder span:last-child{max-width:460px;color:var(--faint-2);font:11.5px/1.7 "JetBrains Mono",monospace}
.case-study-image{margin-block:0 70px;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 20px 60px rgba(18,15,35,.1)}.case-study-image img{display:block;width:100%;height:auto}
.case-body{display:flex;flex-direction:column;gap:0;padding:70px 0}.case-body__nav{display:none}.case-section{display:grid;grid-template-columns:.5fr 1.5fr;gap:44px;padding:56px 0;border-top:1px solid var(--border)}.case-section:first-child{padding-top:0;border-top:0}.case-section h2{margin:0;font-size:22px;line-height:1.2}.case-section>p,.case-section__content>p{margin:0;color:var(--muted);font-size:17.5px;line-height:1.78}.case-deliverables{margin-top:32px}.case-deliverable{padding:26px}.case-deliverable h3{font-size:17px}.case-deliverable p{font-size:15.8px;line-height:1.72}
.case-impact{padding:80px 0;border-top:1px solid var(--surface-2);background:linear-gradient(rgba(169,59,238,.08),rgba(255,255,255,0));color:var(--ink)}.case-impact h2{margin:0;font:600 clamp(26px,3vw,38px)/1.12 "Space Grotesk",sans-serif}.case-impact-grid{gap:20px;margin-top:40px}.case-stat{padding:32px;border-color:var(--border);background:var(--surface-2)}.case-stat strong{font-size:clamp(32px,3.6vw,46px)}.case-stat span{color:var(--muted);line-height:1.6}
.case-related{padding:70px 0;border-top:1px solid var(--surface-2)}.case-related__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.case-related__head h2{margin:0;font:600 clamp(22px,2.4vw,30px)/1.2 "Space Grotesk",sans-serif}.case-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.case-related__card{display:block;padding:26px;border:1px solid var(--border);border-radius:16px;background:var(--surface);transition:.3s}.case-related__card:hover{transform:translateY(-4px);border-color:rgba(169,59,238,.5)}.case-related__card strong{display:block;background:linear-gradient(100deg,#f22dc0,#1ca5f7);background-clip:text;color:transparent;font:600 19px/1.3 "Space Grotesk",sans-serif}.case-related__card span{display:block;margin-top:12px;color:var(--muted);font-size:14.5px;line-height:1.6}
.case-next{position:relative;overflow:hidden;padding:110px 0;border-top:1px solid var(--surface-2)}.case-next::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(169,59,238,.1),rgba(28,165,247,.06))}.case-next>*{position:relative}.case-next h2{font-size:clamp(30px,4vw,52px);line-height:1.06;margin-bottom:36px}.case-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.case-button--secondary{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--ink)}
@media(max-width:760px){.case-container,.case-wide{width:min(calc(100% - 36px),1000px)}.case-hero{padding:124px 0 58px}.case-visual-wrap{padding:0 18px 48px}.case-visual{height:140px}.case-placeholder{height:280px}.case-section{grid-template-columns:1fr;gap:18px}.case-related__grid{grid-template-columns:1fr}}