.av-case{--case-accent:var(--accent);color:var(--ink);min-width:0}.av-case h2{margin:0 0 24px;font-size:clamp(23px,2.4vw,32px);line-height:1.2}.av-case h3{margin:0 0 10px;font-size:17px}.av-case p{margin:0}.av-case-lead{max-width:850px;font-size:clamp(18px,2vw,24px);line-height:1.5;margin:0 0 28px!important}.av-case-prose{overflow-wrap:anywhere;white-space:pre-wrap;gap:16px;max-width:850px;line-height:1.75;display:grid}.av-case-facts{flex-wrap:wrap;gap:24px 40px;margin-bottom:26px;display:flex}.av-case-facts>div{gap:5px;max-width:280px;display:grid}.av-case-facts span{color:var(--muted);font-size:13px}.av-case-facts strong{font-size:15px;font-weight:500}.av-case-external{margin:0 0 24px}.av-case a{color:var(--case-accent);text-underline-offset:4px;overflow-wrap:anywhere;text-decoration:underline}.av-case a svg{vertical-align:middle;margin-left:5px;display:inline}.av-case-hero{margin:24px 0 30px}.av-case-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px 24px;padding:20px 0;display:flex}.av-case-nav a{font-size:14px;text-decoration:none}.av-case-section{border-bottom:1px solid var(--line);padding:38px 0;scroll-margin-top:90px}.av-case-columns,.av-case-comparison{grid-template-columns:1fr 1fr;gap:32px;display:grid}.av-case-list{overflow-wrap:anywhere;margin:0;padding-left:23px;line-height:1.75}.av-case-list li+li{margin-top:8px}.av-case-client{gap:12px;display:grid}.av-case-logo{max-width:120px;max-height:100px;overflow:hidden}.av-case-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.av-case-metrics>div{overflow-wrap:anywhere;background:#edf4ef;border-radius:10px;gap:10px;padding:24px;display:grid}.av-case-metrics strong{color:var(--case-accent);font-size:clamp(28px,3vw,46px);font-weight:600;line-height:1.1}.av-case-metrics strong small{font-size:18px}.av-case-metrics h3{margin:0}.av-case-team{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:16px;display:grid}.av-case-person{align-items:center;gap:14px;min-width:0;display:flex}.av-case-person>div:first-child:has(img){border-radius:50%;flex-shrink:0;width:56px;height:56px;overflow:hidden}.av-case-person p{margin-top:5px}.av-case-quote{border-left:3px solid var(--case-accent);background:#f1f5f1;border-radius:0 10px 10px 0;margin:0;padding:16px 24px;font-size:20px;line-height:1.7}.av-case-quote footer{gap:15px;margin-top:24px;font-size:14px;display:flex}.av-case-quote footer>div:has(img){max-width:60px}.av-case-awards{flex-wrap:wrap;gap:20px;display:flex}.av-case-awards>div{border:1px solid var(--line);border-radius:10px;padding:20px}.av-case-links{flex-wrap:wrap;gap:16px 24px;display:flex}.av-case-extra{gap:20px;margin:0;display:grid}.av-case-extra>div{grid-template-columns:minmax(120px,.3fr) 1fr;gap:24px;display:grid}.av-case-extra dt{font-weight:600}.av-case-extra dd{margin:0}.av-case-process{background:#f1f5f1;border-radius:10px;padding:24px}.av-case-process ol{margin:0;padding-left:22px}.av-case-process li+li{margin-top:20px}.av-case-process h4{margin:5px 0}.av-case-process .av-muted{font-size:13px}.av-case-story{scroll-margin-top:90px}.av-case-block{border-bottom:1px solid var(--line);gap:20px;padding:38px 0;display:grid}.av-case-block h2{margin:0}.av-case-block figure{min-width:0;margin:0}.av-case-block figcaption{margin-bottom:12px;font-size:15px;font-weight:600}.av-case-tone-soft,.av-case-tone-dark{border:0;border-radius:12px;margin:24px 0;padding:28px}.av-case-tone-soft{background:#edf4ef}.av-case-tone-dark{color:#fff;background:#183d2b}.av-case-block blockquote{border-left:3px solid;margin:0;padding-left:20px;font-size:22px;line-height:1.7}.av-case-block blockquote footer{margin-top:20px;font-size:14px}.av-case-code{min-width:0}.av-case-code pre{color:#f5f7f4;white-space:pre;background:#182a20;border-radius:10px;max-width:100%;padding:20px;font-size:13px;overflow:auto}.av-case-code>span{color:var(--muted);font-size:12px}.av-case-thumbnail{aspect-ratio:16/10;background:#edf2ee;border-radius:7px;width:100%;overflow:hidden}.av-case-thumbnail>div,.av-case-thumbnail img{width:100%;height:100%;object-fit:cover!important}.av-case-related{text-align:left;color:inherit;background:0 0;gap:14px;padding:0;display:grid}.av-case-credits{color:var(--muted);gap:14px;font-size:13px;display:grid}.av-case-theme-dark{color:#eef5ee;--muted:#b7c8bc;--line:#375440;background:#16261d;border-radius:12px;padding:28px;--case-accent:#a5d5b8!important}.av-case-theme-dark .av-case-metrics>div,.av-case-theme-dark .av-case-tone-soft,.av-case-theme-dark .av-case-process,.av-case-theme-dark .av-case-quote{background:#233b2c}.av-case-theme-dark .av-tag{color:#d6eadd;background:#284132}.av-case-theme-dark .av-muted{color:#b7c8bc}@media (min-width:900px){.av-case-layout-split:has(.av-portfolio-gallery){grid-template-columns:1fr 1fr}.av-case-layout-split>h2,.av-case-layout-split>.av-case-lead{grid-column:1/-1}}@media (max-width:680px){.av-case-columns,.av-case-comparison{grid-template-columns:1fr;gap:24px}.av-case-metrics{grid-template-columns:1fr}.av-case-facts{gap:16px 22px}.av-case-facts>div{flex:120px}.av-case-team{grid-template-columns:1fr}.av-case-section,.av-case-block{padding:28px 0}.av-case-tone-soft,.av-case-tone-dark{padding:20px}.av-case-extra>div{grid-template-columns:1fr;gap:5px}.av-case-theme-dark{padding:16px}.av-case-quote{padding:16px;font-size:18px}.av-case-nav{gap:14px 20px}}.av-case-back{align-self:flex-start}.av-case-hero .av-portfolio-gallery:has(>.av-portfolio-item:only-child){grid-template-columns:1fr}.av-case-hero .av-portfolio-visual{aspect-ratio:4/3}.av-case-thumbnail .av-portfolio-visual{aspect-ratio:auto;height:100%}.av-case-fit-cover .av-portfolio-gallery img{object-fit:cover!important}.av-case-fit-contain .av-portfolio-gallery img{object-fit:contain!important}:is(.av-case-hero .av-portfolio-item:has(video),.av-case-hero .av-portfolio-item:has(iframe)){grid-column:1/-1}:is(.av-case-hero .av-portfolio-visual:has(video),.av-case-hero .av-portfolio-visual:has(iframe)){aspect-ratio:16/9;max-height:520px}.av-case .av-portfolio-gallery:has(>.av-portfolio-item:only-child){grid-template-columns:1fr}.av-case-layout-wide>.av-portfolio-media>.av-portfolio-gallery{grid-template-columns:1fr}.av-case-layout-grid>.av-portfolio-media>.av-portfolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:640px){.av-case-layout-grid>.av-portfolio-media>.av-portfolio-gallery{grid-template-columns:1fr}}.av-case-block-author{align-items:center;gap:14px;display:flex}.av-case-block-author>div{border-radius:50%;flex-shrink:0;width:56px;height:56px;overflow:hidden}.av-case-block-author>div img{object-fit:cover;width:100%;height:100%}.av-open-source-link{overflow-wrap:anywhere;background:#e8f4ed;border-radius:8px;flex-wrap:wrap;align-self:flex-start;align-items:center;gap:3px;padding:6px 10px;font-size:13px;line-height:1.45;text-decoration:none;display:inline-flex;color:#18623c!important}.av-open-source-link:hover{text-decoration:underline}.av-source-toggle{align-items:center;gap:8px;font-size:14px;flex-direction:row!important;display:flex!important}.av-source-toggle input[type=checkbox]{flex:0 0 16px;width:16px;height:16px;margin:0}.av-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.av-case .av-resource-card{border:1px solid var(--line);background:var(--surface,#fff);border-radius:12px;align-items:center;gap:14px;min-width:0;padding:18px;text-decoration:none;display:flex}.av-resource-card>span{flex:1;gap:5px;min-width:0;display:grid}.av-resource-card strong{font-size:15px;font-weight:550;line-height:1.45}.av-resource-card small{color:var(--muted);font-size:12px}.av-resource-card>svg{flex:none}.av-resource-card:hover{border-color:var(--case-accent);background:var(--accent-soft,#f1f7f2)}.av-resource-details{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.av-resource-details>summary{cursor:pointer;font-size:14px;line-height:1.6}.av-resource-details>summary span{color:var(--muted);margin-left:8px;font-size:12px}.av-resource-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-top:22px;display:grid}.av-resource-groups ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.av-resource-groups a{font-size:14px;line-height:1.5}.av-resource-groups h3{font-size:14px}@media (max-width:560px){.av-resource-grid,.av-resource-groups{grid-template-columns:1fr}.av-case .av-resource-card{padding:14px}}
