.case-study{--case-accent: #3d5a80;--case-soft: rgba(61,90,128,.1);--case-heading: var(--color-charcoal);--case-body: var(--color-charcoal-light);--case-border: var(--color-cream-dark);padding:50px 48px 48px}.case-shell{width:min(100%,830px);margin-inline:auto}.case-back{display:inline-block;margin-bottom:2rem;color:var(--case-body);font-size:.82rem;font-weight:700;text-decoration:none}.case-back:hover{color:var(--case-accent)}.case-hero{position:relative}.case-hero-copy{max-width:68ch;padding-bottom:2rem}.case-meta{display:flex;flex-wrap:wrap;gap:.6rem}.case-meta span{padding:0;border:0;border-radius:0;color:var(--case-accent);font-size:.62rem;font-weight:500;letter-spacing:.09em;line-height:1;text-transform:uppercase}.case-meta span+span:before{content:"·";margin-right:.6rem}.case-hero h1{margin:1.4rem 0 1rem;color:var(--case-heading);font-size:clamp(3rem,7vw,5.5rem);line-height:.88;text-wrap:balance}.case-hero h1:has(.case-title-part){display:flex;align-items:flex-start;gap:.45em}.case-title-part{display:grid;min-width:0;gap:.55rem}.case-title-part small{color:var(--case-body);font-family:var(--font-family-logo);font-size:clamp(.56rem,1.1vw,.74rem);font-weight:600;letter-spacing:.02em;line-height:1.25;white-space:nowrap}.case-hero h1>b{font:inherit;font-weight:inherit;line-height:inherit}.case-hero-copy>p{max-width:65ch;margin:0;color:var(--case-body);font-size:1rem;line-height:1.8}.case-hero-copy>p a{color:inherit;text-underline-offset:.16em}.case-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.7rem}.case-actions a{display:inline-flex;align-items:center;gap:.55rem;padding:.76rem 1rem;border:1px solid var(--case-accent);border-radius:4px;color:var(--case-accent);font-size:.75rem;font-weight:500;text-decoration:none;transition:color .15s ease,background-color .15s ease}.case-actions a:first-child,.case-actions a:hover{color:var(--color-cream);background:var(--case-accent)}.case-caption{margin:.85rem .35rem 0;color:var(--case-body);font-size:.74rem;line-height:1.5}.case-copy{width:min(100%,68ch);margin:3rem 0 0;color:var(--case-body);font-size:.95rem;line-height:1.85}.case-copy section+section{margin-top:3rem}.case-copy h2{margin:0 0 1rem;color:var(--case-heading);font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.15}.case-copy h3{margin:0 0 .5rem;color:var(--case-heading);font-size:1.35rem}.case-copy p{margin:0}.case-copy p+p{margin-top:1rem}.case-copy pre{overflow-x:auto;margin:1.2rem 0;padding:1rem;border:1px solid var(--case-border);border-radius:4px;color:var(--case-heading);background:color-mix(in srgb,var(--case-soft) 38%,transparent);font-size:.8rem;line-height:1.65}.case-table-wrap{margin:1.4rem 0;overflow-x:auto}.case-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.case-table caption{padding-bottom:.6rem;font-size:.76rem;text-align:left}.case-table th,.case-table td{padding:.7rem .8rem;border-bottom:1px solid var(--case-border);text-align:right}.case-table th{color:var(--case-heading)}.case-table th:first-child{text-align:left}.case-table thead th{font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}.case-copy a{color:var(--case-accent);font-weight:700;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em}.case-copy a:hover{color:var(--case-heading)}.case-copy>.case-tldr{margin-bottom:3.6rem;padding:1rem 0;border-block:1px solid var(--case-border);color:var(--case-heading);font-size:1.1rem;line-height:1.6}.case-copy>.case-tldr strong{margin-right:.45rem;color:var(--case-accent);font-size:.72rem;letter-spacing:.1em}.case-copy .case-note{margin-top:5rem;padding-top:1rem;border-top:1px solid var(--case-border);font-size:.78rem;line-height:1.6}.case-note a{color:var(--case-accent)}.case-copy ul{display:grid;gap:.9rem;padding:0;margin:1.35rem 0 0;list-style:none}.case-copy ul>li{position:relative;padding-left:1.3rem}.case-copy ul>li:before{position:absolute;top:.72em;left:0;width:.38rem;height:.38rem;border-radius:50%;background:var(--case-accent);content:""}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.4rem}.case-point{padding:1.25rem;border:1px solid var(--case-border);border-radius:4px;background:color-mix(in srgb,var(--case-soft) 34%,transparent)}.case-point p{font-size:.92rem;line-height:1.65}.case-study--pixelbrite{--case-accent: #d92883;--case-soft: rgba(217,40,131,.1)}.case-study--poolometer{--case-accent: #277b93;--case-soft: rgba(39,123,147,.12)}.case-study--turfboard{--case-accent: #a35832;--case-soft: rgba(163,88,50,.12)}.case-study--meadows{--case-accent: #26369b;--case-soft: rgba(255,212,56,.2)}.case-study--meadows .case-hero h1{font-family:f2 Tecnocratica,sans-serif;font-weight:400;letter-spacing:0;line-height:.86}.case-study--podhnologic{--case-accent: #36775b;--case-soft: rgba(104,167,105,.12)}.case-study--sambakit{--case-accent: #205c8a;--case-soft: rgba(32,92,138,.1)}.case-study--poolboy{--case-accent: #c63f79;--case-soft: rgba(105,197,255,.16)}.case-study--poolboy .case-hero h1{font-family:Wavepool,sans-serif;font-weight:400;letter-spacing:0;line-height:.85}.case-study--workcell{--case-accent: #4c6475;--case-soft: rgba(76,100,117,.12)}.case-study--workcell .case-hero h1{font-family:Edit Points Filled,sans-serif;font-weight:400;letter-spacing:0;line-height:.86}.case-study--stringproof{--case-accent: #795bb0;--case-soft: rgba(121,91,176,.12)}.case-study--stringproof .case-hero h1{font-family:Highcrest,serif;font-weight:400;letter-spacing:0;line-height:1;padding-block:.35em .7em}.case-study--playbook{--case-accent: #417864;--case-soft: rgba(65,120,100,.12)}.case-study--playbook .case-hero h1{font-family:Celebrity Sports Demo,sans-serif;font-weight:400;letter-spacing:0;line-height:.86}.case-study--sabotage{--case-accent: #a13d38;--case-soft: rgba(161,61,56,.11)}.case-study--sabotage .case-hero h1{font-family:Ransom,sans-serif;font-weight:400;letter-spacing:0;line-height:.86}.case-study--receipts{--case-accent: #a86100;--case-soft: rgba(216,142,35,.13)}.case-study--receipts .case-hero h1{font-family:"Copycat 759",sans-serif;font-weight:400;letter-spacing:0;line-height:.86}.case-study--keychain{--case-accent: #a23d43;--case-soft: rgba(162,61,67,.11)}.case-study--keychain .case-hero h1{font-family:Monaspace Krypton,ui-monospace,monospace;font-weight:800;letter-spacing:-.065em;line-height:.86}.case-study--knowledge{--case-accent: #6b73d1;--case-soft: rgba(120,129,229,.12)}.case-study--knowledge .case-hero h1{font-family:Scholar Varsity,sans-serif;font-weight:400;letter-spacing:0;line-height:.86}.case-study--pixelprism{--case-accent: #147d88;--case-soft: rgba(20,125,136,.11)}.case-study--pixelprism .case-hero h1{font-family:Pixel Brite Limelight,Georgia,serif;font-weight:400;letter-spacing:0}.case-study--cinescribe{--case-accent: #966600;--case-soft: rgba(201,151,34,.14)}.case-study--cinescribe .case-hero h1{font-family:CineScribe Sound Sample,sans-serif;font-weight:400;letter-spacing:.025em;line-height:.9;text-transform:uppercase}.case-study--pixeltransport{--case-accent: #8b6400;--case-soft: rgba(194,145,28,.14)}.case-study--pixeltransport .case-hero h1{font-family:Venimg,sans-serif;font-weight:400;letter-spacing:0;line-height:.86}.case-study--surfsup{--case-accent: #087a8c;--case-soft: rgba(8,122,140,.12)}.case-study--surfsup .case-hero h1{font-family:Surfing Ashtray DEMO,sans-serif;font-size:clamp(3.8rem,9vw,6.5rem);font-weight:400;letter-spacing:0;line-height:.78}.case-study--targetspeaker{--case-accent: #187685;--case-soft: rgba(24,118,133,.11)}.case-study--targetspeaker .case-hero h1{font-family:Fontdinerdotcom,sans-serif;font-size:clamp(3.8rem,9vw,6.5rem);font-weight:400;letter-spacing:0;line-height:.76}.case-study--klipsch{--case-accent: #8d5735;--case-soft: rgba(141,87,53,.12)}.case-study--klipsch .case-hero h1{font-family:Fontdinerdotcom Sparkly,serif;font-weight:400;letter-spacing:0}.case-study--ketamine{--case-accent: #d8328d;--case-soft: rgba(255,74,170,.11)}.case-study--ketamine .case-hero h1{font-family:Nihonium113,ui-monospace,monospace;font-weight:400;letter-spacing:0}.case-study--shostakovich{--case-accent: #ad3f34;--case-soft: rgba(173,63,52,.1)}.case-study--shostakovich .case-hero h1{font-family:Russian Quality,sans-serif;font-weight:400;letter-spacing:0}@media(prefers-color-scheme:dark){.case-study{--case-heading: var(--color-dark-text);--case-body: var(--color-dark-text-muted);--case-border: var(--color-dark-border)}.case-study--cinescribe{--case-accent: #e0b648;--case-soft: rgba(224,182,72,.13)}.case-study--pixeltransport{--case-accent: #f1c453;--case-soft: rgba(241,196,83,.13)}.case-study--surfsup{--case-accent: #ff9f68;--case-soft: rgba(255,159,104,.14);--case-heading: #ffe66d;--case-body: #d1ca92;--case-border: #55567d}.case-study--surfsup .case-actions a:first-child,.case-study--surfsup .case-actions a:hover{color:#1a1b41}.case-study--targetspeaker{--case-accent: #65cad5;--case-soft: rgba(101,202,213,.12)}.case-study--poolboy{--case-accent: #ff8fbb;--case-soft: rgba(105,197,255,.13)}.case-study--keychain{--case-accent: #ee8589;--case-soft: rgba(238,133,137,.12)}.case-study--sabotage{--case-accent: #f08d86;--case-soft: rgba(240,141,134,.12)}.case-study--receipts{--case-accent: #ffbf5b;--case-soft: rgba(255,191,91,.12)}}@media(max-width:640px){.case-study{padding:36px 24px}.case-back{margin-bottom:1.8rem}.case-grid{grid-template-columns:1fr}.case-copy{margin-top:3.25rem}.case-hero h1:has(.case-title-part){gap:.25em}.case-title-part{flex:1}.case-title-part small{font-size:.46rem;white-space:normal}}.case-copy :is(h2,h3){scroll-margin-top:28px}.case-copy a.case-heading-anchor{color:inherit;font-weight:inherit;text-decoration:none}.case-heading-mark{color:var(--case-accent);font-family:var(--font-family-body);font-size:.55em;opacity:0}.case-heading-anchor:hover .case-heading-mark,.case-heading-anchor:focus-visible .case-heading-mark{opacity:1}.case-copy :is(a,summary):focus-visible{outline:2px solid var(--case-accent);outline-offset:4px}.case-hero>.portfolio-visual{border-radius:6px}@media(hover:none){.case-heading-mark{opacity:.4}}