/* Case study shares the site's local fonts, color tokens and 12px card radius. */
.case-page .header-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;padding-block:16px}.case-page .header-inner .talk{justify-self:end}.case-page .header-inner nav{justify-self:center}.case-hero{padding-top:80px}.case-hero h1{font-size:clamp(2.5rem,5vw,4rem);margin:0 0 48px}.overview{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:28px;padding:32px;background:var(--white);border-radius:var(--radius-card);margin:0 0 48px}.overview dt{font-weight:650;font-size:.875rem;margin-bottom:16px}.overview dd{font-size:.875rem;color:var(--muted);line-height:1.6;margin:0}.case-image{width:100%;height:auto;display:block}.hero-image{aspect-ratio:1.84;object-fit:cover;border-radius:var(--radius-card)}.case-page h2{font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.2;letter-spacing:-.035em}.case-page h3{font-size:1.5rem;line-height:1.3;margin:32px 0 20px}.case-page h4{font-family:'Bricolage Grotesque',Arial,sans-serif;font-size:1.125rem;line-height:1.4;margin:0 0 10px}.case-page p,.case-page li{line-height:1.7}.case-page p{margin:0 0 20px}.case-page p:last-child{margin-bottom:0}.case-section{margin-top:100px}.case-section>p,.muted{color:var(--muted)}.section-heading{display:flex;align-items:baseline;gap:16px;margin:0 0 32px}.section-heading h2{margin:0}.section-number{font-size:3rem;line-height:1;font-weight:650;color:#144E45;letter-spacing:-.06em}.impact{margin-top:64px}.impact h2{font-size:1.75rem;margin:0 0 12px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.metric{border:1px solid #a9c45e;border-radius:var(--radius-card);background:var(--white);padding:28px 24px;display:flex;flex-direction:column;gap:24px}.metric strong{font-size:2.75rem;line-height:1.1;font-weight:700}.metric span{font-size:1rem;line-height:1.5;color:var(--muted)}.benefits{display:grid;gap:32px;margin-top:36px}.benefit{display:grid;grid-template-columns:44px 1fr;gap:24px}.benefit img{width:40px;height:40px}.benefit p{color:var(--muted)}.member-metrics .metric{border:0}.member-metrics .metric:nth-child(1){background:#fae1db}.member-metrics .metric:nth-child(2){background:#ddefe8}.member-metrics .metric:nth-child(3){background:#e2eaa8}.member-metrics strong{color:#144E45}.case-subsection{margin-top:64px}.personas{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.personas figure{margin:0;background:var(--white);border-radius:var(--radius-card);padding:16px}.personas figcaption{font-size:.875rem;color:var(--muted);margin-top:12px}.findings{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:center;margin-top:40px}.gifting{display:flex;align-items:center;gap:20px}.gifting img{width:64px;height:64px}.findings ul{margin:0;padding-left:20px;color:var(--muted)}.pain-card{background:var(--white);border-radius:var(--radius-card);padding:32px;margin-top:24px}.pain-title{font-size:.875rem;letter-spacing:.04em;color:var(--muted);margin-bottom:24px!important}.pain-point{display:grid;grid-template-columns:36px 1fr;gap:20px;margin:28px 0}.pain-point:last-child{margin-bottom:0}.pain-point img{width:36px;height:36px}.pain-point p{color:var(--muted)}.pain-point blockquote{border-left:2px solid #b92520;margin:20px 0 0;padding-left:20px;color:var(--muted)}.workshop-card{background:var(--white);border-radius:var(--radius-card);padding:32px;display:grid;grid-template-columns:1fr 1.6fr;gap:32px;margin-top:32px}.workshop-card figure{margin:0}.workshop-card figcaption{text-align:center;font-size:.875rem;color:var(--muted);margin-top:14px}.principle-card{padding:20px;background:#faece7;border:1px solid #e9d8d1;border-radius:var(--radius-card);margin-top:16px}.principle-card h4{margin:0 0 8px}.principle-card p{font-size:.875rem}.deliverables{background:#b9211b;color:#fff;margin-top:100px;padding:64px 0 80px}.deliverables .section-number{color:#fff}.deliverables .section-heading{margin-bottom:80px}.demo-row{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center;margin-bottom:100px}.demo-row.reverse .demo-copy{order:2}.demo-row.reverse figure{order:1}.demo-row h3{font-size:1.5rem;margin:12px 0 24px}.demo-row .eyebrow{color:#fff;font-size:.875rem;letter-spacing:.05em}.demo-row ul{padding-left:20px}.demo-row figure{margin:0;justify-self:center;max-width:270px;width:100%}.demo-row video{display:block;width:100%;height:auto;background:transparent;border:0;border-radius:0;box-shadow:none}.demo-row figure{position:relative}.demo-play-toggle{position:absolute;right:8px;bottom:8px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #ffffff80;border-radius:var(--radius-control);background:#272727;color:#fff;font-size:.875rem;opacity:0;transition:opacity .15s}.demo-row figure:hover .demo-play-toggle,.demo-row figure:focus-within .demo-play-toggle{opacity:1}@media(hover:none){.demo-play-toggle{opacity:1}}.demo-row figcaption{font-size:.875rem;line-height:1.5;margin-top:12px}.demo-row a{color:#fff;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding-block:8px}.gallery-text{margin-bottom:32px}.gallery-image{border-radius:var(--radius-card);background:#aa1612}.reflection-art{max-width:650px;margin:48px auto;background:var(--white);padding:32px;border-radius:var(--radius-card)}.learnings{padding-left:24px;color:var(--muted)}.learnings li+li{margin-top:24px}.project-navigation{display:flex;justify-content:space-between;gap:24px;margin:64px 0 96px}.project-navigation a{display:inline-flex;align-items:center;min-height:56px;padding:18px 24px;border-radius:var(--radius-card);background:#ddefe8;color:#144E45;font-weight:650}.project-navigation a:last-child{background:#fae1db;color:#7e3328}.case-page .header [aria-current]{font-weight:650;color:var(--ink);text-decoration:underline;text-underline-offset:6px}
@media(max-width:1000px){.overview{grid-template-columns:repeat(3,1fr)}.overview>div:first-child{grid-column:1/-1}.demo-row{gap:40px}.metric{padding:22px 18px}.workshop-card{gap:24px}}
@media(max-width:740px){.case-page .header-inner{grid-template-columns:1fr auto;gap:8px 16px}.case-page .header-inner nav{grid-row:2;grid-column:1/-1;justify-self:start;flex-wrap:wrap}.case-page .header-inner .talk{grid-row:1;grid-column:2;margin:0}.case-hero{padding-top:48px}.case-hero h1{margin-bottom:32px}.overview{padding:24px;grid-template-columns:1fr;gap:24px;margin-bottom:32px}.overview dt{margin-bottom:8px}.overview>div:first-child{grid-column:auto}.case-section{margin-top:64px}.section-heading{gap:12px;align-items:flex-start}.section-number{font-size:2.5rem}.section-heading h2{font-size:1.65rem}.metric-grid{grid-template-columns:1fr;gap:16px}.metric{gap:16px}.metric strong{font-size:2.25rem}.benefit{grid-template-columns:32px 1fr;gap:16px}.benefit img{width:32px;height:32px}.personas,.findings,.workshop-card{grid-template-columns:1fr}.case-subsection{margin-top:40px}.pain-card,.workshop-card{padding:24px}.pain-point{grid-template-columns:28px 1fr;gap:14px}.pain-point img{width:28px;height:28px}.deliverables{margin-top:64px;padding:48px 0}.deliverables .section-heading{margin-bottom:48px}.demo-row{grid-template-columns:1fr;gap:32px;margin-bottom:72px}.demo-row.reverse .demo-copy,.demo-row.reverse figure{order:initial}.demo-row figure{max-width:270px}.reflection-art{padding:20px;margin:32px auto}.project-navigation{margin:40px 0 64px;flex-wrap:wrap}.project-navigation a{flex:1 1 180px;justify-content:center}}