.case-study{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-6);background:var(--surface)}.case-study-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.case-study-head h2{margin-bottom:4px;font-size:22px}.case-study-title-row{align-items:center;gap:var(--space-3);display:flex}.case-study-logo{object-fit:contain;filter:grayscale();opacity:.7;width:auto;height:24px;transition:filter .3s var(--ease), opacity .3s var(--ease)}.case-study-title-row:hover .case-study-logo{filter:grayscale(0%);opacity:1}.case-study-meta{color:var(--text);font-size:13.5px}.case-study-tags{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.case-study-ig{color:var(--text);transition:color .2s;display:inline-flex}.case-study-ig:hover{color:var(--accent-ink)}.case-study-website{color:var(--accent-ink);text-underline-offset:2px;font-size:13px;text-decoration:underline}.case-study-motto{color:var(--accent-ink);margin-top:2px;font-size:13px;font-style:italic}.case-study-body{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.case-study-body:has(>:nth-child(4)){grid-template-columns:repeat(2,1fr)}.case-study-body h3,.case-study-skills-block h3,.case-study-proof-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:var(--space-2);font-size:11.5px;font-weight:600}.case-study-body p{color:var(--text);font-size:14.5px;line-height:1.6}.case-study-result-list{gap:var(--space-2);list-style:none;display:grid}.case-study-body p+.case-study-result-list{margin-top:var(--space-3)}.case-study-result-list li{color:var(--text);padding-left:var(--space-4);font-size:14.5px;line-height:1.6;position:relative}.case-study-result-list li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:0}.case-study-overview{color:var(--text-h);margin-bottom:var(--space-6);font-size:15.5px;line-height:1.6}.case-study-overview p{margin:0}.case-study-overview p+p{margin-top:var(--space-4)}.case-study-overview-clamp{max-height:6.4em;overflow:hidden}.case-study-overview+.case-study-readmore{margin-top:calc(-1 * var(--space-6) + var(--space-2))}.case-study-readmore{font:inherit;color:var(--accent-ink);margin-bottom:var(--space-6);cursor:pointer;background:0 0;border:none;padding:0;font-size:13.5px;font-weight:600;display:inline-block}.case-study-skills-block{margin-top:var(--space-6)}.case-study-skills{gap:var(--space-2);flex-wrap:wrap;display:flex}.case-study-proof-group{margin-top:var(--space-6)}.case-study-proof-group .case-study-proof{margin-top:0}.tag-skill{color:var(--text);border-color:var(--border);background:0 0}.case-study-flow-tagline{color:var(--text);margin-top:var(--space-4);margin-bottom:var(--space-4);font-size:14.5px}.case-study-flow-steps{gap:var(--space-4);margin-top:var(--space-4);flex-direction:column;padding:0;list-style:none;display:flex}.case-study-flow-step{align-items:flex-start;gap:var(--space-3);display:flex}.case-study-flow-steps .case-study-flow-step:before{content:none}.case-study-flow-number{width:26px;height:26px;color:var(--accent-ink);background:#d7a23e1a;border:1px solid #d7a23e40;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12.5px;font-weight:600;display:flex}.case-study-flow-step-title{color:var(--text-h);font-size:14.5px;font-weight:600;display:block}.case-study-flow-step-desc{color:var(--text);margin-top:2px;font-size:14px;line-height:1.6;display:block}.case-study-highlights{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}.case-study-highlights-intro{color:var(--text);margin-bottom:var(--space-4);font-size:14.5px;line-height:1.6}.case-study-highlights ul{gap:var(--space-2) var(--space-6);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);list-style:none;display:grid}.case-study-highlights li{color:var(--text);padding-left:var(--space-4);font-size:14px;position:relative}.case-study-highlights li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:0}@media (width<=640px){.case-study-highlights ul{grid-template-columns:1fr}.case-study{padding:var(--space-5)}.case-study-head{margin-bottom:var(--space-5);padding-bottom:var(--space-5)}}.case-study-extra{margin-top:var(--space-6)}.case-study-extra summary{color:var(--accent-ink);cursor:pointer;font-size:13.5px;font-weight:600;list-style:none}.case-study-extra summary::-webkit-details-marker{display:none}.case-study-extra summary:after{content:" +"}.case-study-extra[open] summary:after{content:" −"}.case-study-extra ul{margin-top:var(--space-4);gap:var(--space-2);list-style:none;display:grid}.case-study-extra li{color:var(--text);padding-left:var(--space-4);font-size:14px;line-height:1.6;position:relative}.case-study-extra li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:0}.cycle-diagram{align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-6);flex-wrap:wrap;display:flex}.cycle-diagram-item{align-items:center;gap:var(--space-2);display:flex}.cycle-diagram-step{color:var(--accent-ink);border-radius:var(--radius-pill);white-space:nowrap;background:#d7a23e1a;border:1px solid #d7a23e40;padding:6px 14px;font-size:12.5px;font-weight:600}.cycle-diagram-arrow{color:var(--accent);flex-shrink:0;display:inline-flex}@media (width<=480px){.cycle-diagram{flex-direction:column;align-items:flex-start}.cycle-diagram-item{align-items:flex-start;gap:var(--space-1);flex-direction:column}.cycle-diagram-arrow{margin-left:var(--space-4);transform:rotate(90deg)}}.case-study-cta{margin-top:var(--space-6)}.case-study-proof{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.case-study-proof-item{flex:none;width:140px;position:relative}.case-study-proof-trigger{cursor:pointer;background:0 0;border:none;width:100%;padding:0;line-height:0;display:block}.case-study-proof-trigger img{transition:opacity .2s}.case-study-proof-trigger:hover img,.case-study-proof-trigger:focus-visible img{opacity:.85}.case-study-proof img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border);width:100%;height:100%;display:block}.case-study-proof-source{align-items:center;gap:var(--space-1);margin-top:var(--space-2);color:var(--accent-ink);font-size:11.5px;display:flex}.case-study-proof-source:hover,.case-study-proof-source:focus-visible{text-decoration:underline}@media (width<=640px){.case-study-proof-item{width:calc(50% - var(--space-3) / 2)}}@media (width<=800px){:is(.case-study-body,.case-study-body:has(>:nth-child(4))){gap:var(--space-4);grid-template-columns:1fr}}.other-experience{gap:var(--space-4);display:grid}.other-experience .card{justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;display:flex}.other-experience .role{color:var(--text-h);font-size:15px;font-weight:600}.other-experience-meta{align-items:center;gap:var(--space-3);display:flex}.other-experience .period{color:var(--accent-ink);font-size:12.5px;font-weight:600}
