body:has(.case-study){background:#f7f6f2}.case-study{--case-paper:#f7f6f2;--case-text:#252622;--case-muted:#65665e;--case-line:#d9d8d0;--case-accent:#b04d32;background:var(--case-paper);color:var(--case-text);font-family:Arial,Helvetica,sans-serif}.case-study :where(h1,h2,h3,p,dl,figure){margin:0}.case-study .case-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1.5rem;padding-block:1.5rem;display:grid}.case-study .case-wordmark{letter-spacing:-.07em;grid-area:1/2;align-items:center;min-height:44px;font-size:1.4rem;font-weight:800;text-decoration:none;display:inline-flex}.case-study .case-wordmark span{color:#c05235}.case-study .case-header nav{background:#eae9e3;border-radius:2rem;grid-area:1/1;justify-self:start;padding:.25rem;display:flex}.case-study .case-header nav a{border-radius:2rem;justify-content:center;align-items:center;min-height:44px;padding:.5rem 1rem;font-size:.8rem;text-decoration:none;display:inline-flex}.case-study .case-header nav a:first-child,.case-study .case-header nav a:hover{background:#fffefa}.case-study .case-demo{border:1px solid var(--case-line);background:#fffefa;border-radius:2rem;grid-area:1/3;justify-self:end;align-items:center;gap:.75rem;min-height:44px;padding:.5rem 1.2rem .5rem .8rem;font-size:.8rem;text-decoration:none;display:inline-flex}.case-study .case-demo span{background:#d97453;border-radius:50%;width:.65rem;height:.65rem}.case-study .case-demo:hover{background:#f3d6c9}.case-study .case-hero{padding-block:clamp(2.5rem,5vw,5rem)}.case-study .case-kicker{color:var(--case-muted);font-size:.75rem;line-height:1.6}.case-study .case-title-row{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end;gap:2.5rem;margin-top:2rem;display:grid}.case-study h1{letter-spacing:-.075em;font-size:clamp(3rem,8.5vw,8.5rem);font-weight:400;line-height:1.04}.case-study h1 span{color:#c05235}.case-study .case-intro{max-width:32rem;color:var(--case-muted);font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.65}.case-study .case-meta{border-top:1px solid var(--case-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-top:3rem;padding-top:1.5rem;display:grid}.case-study dt{color:var(--case-muted);margin-bottom:.5rem;font-size:.75rem;line-height:1.6}.case-study dd{margin:0;font-size:.9rem;line-height:1.5}.case-study .concept-note{color:var(--case-muted);margin-top:2rem;font-size:.8rem;line-height:1.6}.case-study .case-section{border-top:1px solid var(--case-line);padding-block:clamp(3.5rem,7vw,7rem);scroll-margin-top:2rem}.case-study .case-section-heading{grid-template-columns:1fr 2fr;gap:3rem;display:grid}.case-study h2{letter-spacing:-.055em;max-width:21ch;font-size:clamp(2rem,4vw,4rem);font-weight:400;line-height:1.1}.case-study .case-copy{color:var(--case-muted);max-width:38rem;margin-top:1.5rem;font-size:1rem;line-height:1.7}.case-study .screen-comparison{grid-template-columns:minmax(0,1fr) minmax(0,.3fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);margin-top:3rem;display:grid}.case-study figure{min-width:0}.case-study .screen-image{border:1px solid var(--case-line);background:#eae9e3;border-radius:.5rem;display:block;overflow:hidden}.case-study .screen-image img{width:100%;height:auto;display:block}.case-study .mobile-view{width:100%;max-width:280px}.case-study .mobile-image{border:6px solid #252622;border-radius:1.2rem}.case-study figcaption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem .75rem;margin-top:.75rem;font-size:.75rem;line-height:1.6;display:flex}.case-study figcaption a{text-underline-offset:.3em;align-items:center;min-height:44px;display:inline-flex}.case-study .capture-note{color:var(--case-muted);margin-top:1.5rem;font-size:.8rem;line-height:1.65}.case-study .decision-list{margin:3rem 0 0;padding:0;list-style:none}.case-study .decision-list>li{border-top:1px solid var(--case-line);grid-template-columns:3rem minmax(0,1fr) minmax(0,1.2fr);align-items:baseline;gap:1.5rem;padding-block:2rem;display:grid}.case-study .decision-number{color:var(--case-muted);font-size:.75rem}.case-study h3{letter-spacing:-.035em;font-size:clamp(1.25rem,2vw,1.65rem);font-weight:400;line-height:1.3}.case-study .decision-list p{color:var(--case-muted);font-size:1rem;line-height:1.7}.case-study .decision-list .decision-reason{color:var(--case-text);margin-bottom:1rem}.case-study .case-text-link{text-underline-offset:.35em;align-items:center;min-height:44px;margin-top:.75rem;font-size:.85rem;line-height:1.5;display:inline-flex}.case-study a:hover{text-decoration-color:var(--case-accent)}.case-study .case-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:3rem 0 0;padding:0;list-style:none;display:grid}.case-study .colour-sample{border:1px solid #25262233;border-radius:.25rem;height:clamp(5rem,10vw,9rem);display:block}.case-study .case-palette p{margin-top:.75rem;font-size:.85rem;line-height:1.6}.case-study .case-palette small{color:var(--case-muted);font-size:.75rem;display:block}.case-study .type-note{border-top:1px solid var(--case-line);grid-template-columns:1fr 2fr;gap:3rem;margin-top:2rem;padding-top:1.5rem;display:grid}.case-study .type-note>p:last-child{color:var(--case-muted);max-width:38rem;font-size:1rem;line-height:1.7}.case-study .capability-list{margin:2rem 0 0;padding:0;list-style:none}.case-study .capability-list li{border-top:1px solid var(--case-line);padding-block:1rem;font-size:1rem;line-height:1.65}.case-study .case-close{background:#eee7dc;padding-block:clamp(3rem,6vw,6rem)}.case-study .case-close-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-top:1.5rem;display:flex}.case-study .case-button{border:1px solid var(--case-text);background:var(--case-text);color:#fffefa;border-radius:2rem;justify-content:center;align-items:center;min-height:44px;padding:.8rem 1.4rem;font-size:.85rem;line-height:1.5;text-decoration:none;display:inline-flex}.case-study .case-button:hover{color:var(--case-text);background:#f3d6c9}.case-study .next-project{border-bottom:1px solid var(--case-line);justify-content:space-between;align-items:center;gap:1.5rem;padding-block:2.5rem;display:flex}.case-study .next-project>div>a{letter-spacing:-.05em;align-items:center;min-height:44px;margin-top:.5rem;font-size:clamp(1.6rem,3vw,3rem);line-height:1.2;text-decoration:none;display:inline-flex}.case-study .next-project>div>a:hover{text-underline-offset:.15em;text-decoration:underline}.case-study .case-footer{justify-content:space-between;align-items:center;gap:1rem;padding-block:1.25rem;font-size:.75rem;display:flex}.case-study .case-footer a{text-underline-offset:.3em;align-items:center;min-height:44px;display:inline-flex}@media (width<=64rem){.case-study .case-header{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;padding-block:1rem}.case-study .case-wordmark{grid-column:1;justify-self:start}.case-study .case-demo{grid-column:2}.case-study .case-header nav{grid-area:2/1/auto/-1;justify-self:center}.case-study .case-title-row{grid-template-columns:minmax(0,1fr);gap:1.5rem}}@media (width<=48rem){.case-study .case-header nav a{padding-inline:.85rem;font-size:.75rem}.case-study .case-hero{padding-top:2rem}.case-study h1{font-size:clamp(2.8rem,12vw,5.5rem)}.case-study .case-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem;margin-top:2rem}.case-study .case-section-heading,.case-study .type-note{grid-template-columns:minmax(0,1fr);gap:1.5rem}.case-study .screen-comparison{grid-template-columns:minmax(0,1fr);gap:2rem;margin-top:2rem}.case-study .mobile-view{justify-self:center}.case-study .decision-list>li{grid-template-columns:2rem minmax(0,1fr);gap:.75rem}.case-study .decision-list>li>div{grid-column:2}.case-study .case-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study .case-close-row{flex-direction:column;align-items:start;gap:1.5rem}.case-study .next-project{flex-wrap:wrap;align-items:start}}