.case-study-detail-design{--surface-app:var(--vw-cream);--surface-card:var(--vw-paper);--hair:var(--border-default);--hair-strong:var(--border-strong);--e-rest:0 1px 2px #0a1e3f0a, 0 1px 3px #0a1e3f0d;--e-raise:0 2px 4px #0a1e3f0d, 0 8px 18px -8px #0a1e3f1f;--e-lift:0 24px 50px -20px #0a1e3f3d, 0 8px 16px -10px #0a1e3f1f;--ease:cubic-bezier(.22, .61, .36, 1);--spring:cubic-bezier(.34, 1.42, .58, 1);background:var(--surface-app)}.case-study-detail-design .vw-answer{background:var(--vw-green-50);border:1px solid color-mix(in oklab, var(--vw-green-500) 24%, var(--hair));border-radius:var(--r-xl);grid-template-columns:190px 1fr;align-items:start;gap:10px 48px;padding:32px 40px;display:grid}.case-study-detail-design .vw-answer .lbl{font:var(--fw-bold) var(--fs-2xs) / 1.3 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--vw-green-700);align-items:center;gap:9px;margin:6px 0 0;display:inline-flex}.case-study-detail-design .vw-answer .lbl:before{content:"";border:1.7px solid;border-radius:1.5px;width:8px;height:8px;transform:rotate(45deg)}.case-study-detail-design .vw-answer p{font:400 var(--fs-xl) / 1.55 var(--font-sans);color:var(--fg-primary);grid-column:2;margin:0}.case-study-detail-design .vw-answer p strong{font-weight:var(--fw-semibold);color:var(--vw-navy-700)}@media (max-width:760px){.case-study-detail-design .vw-answer{grid-template-columns:1fr;gap:14px;padding:24px 22px}.case-study-detail-design .vw-answer p{grid-column:1}}.case-study-detail-design .vw-cluster{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:820px){.case-study-detail-design .vw-cluster{grid-template-columns:1fr}}.case-study-detail-design .vw-cluster .lane h3{font:var(--fw-medium) var(--fs-2xs) / 1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 12px}.case-study-detail-design .vw-cluster .lane ul{margin:0;padding:0;list-style:none}.case-study-detail-design .vw-cluster .lane li a{border-bottom:1px solid var(--hair);font:var(--fw-medium) var(--fs-md) / 1.4 var(--font-sans);color:var(--fg-secondary);transition:color .15s var(--ease), padding-left .2s var(--ease);align-items:baseline;gap:9px;padding:9px 0;text-decoration:none;display:flex}.case-study-detail-design .vw-cluster .lane li a:hover{color:var(--vw-green-700);padding-left:6px}.case-study-detail-design .vw-cluster .lane .dir{font:var(--fw-bold) 10px / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--vw-green-700);border:1px solid var(--vw-green-200);border-radius:var(--r-xs);flex-shrink:0;padding:3px 5px;transform:translateY(-1px)}.case-study-detail-design .vw-stats{background:var(--hair);border:1px solid var(--hair);border-radius:var(--r-lg);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}@media (max-width:760px){.case-study-detail-design .vw-stats{grid-template-columns:1fr 1fr}}.case-study-detail-design .vw-stats .stat{background:var(--surface-card);padding:26px 22px}.case-study-detail-design .vw-stats .v{font:500 var(--fs-5xl) / 1 var(--font-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--vw-navy-700)}.case-study-detail-design .vw-stats .v small{font:var(--fw-medium) var(--fs-lg) / 1 var(--font-sans);color:var(--fg-muted)}.case-study-detail-design .vw-stats .v em{font:italic 400 var(--fs-4xl) / 1 var(--font-display);color:var(--vw-green-700)}.case-study-detail-design .vw-stats .k{font:var(--fw-medium) var(--fs-xs) / 1.45 var(--font-sans);color:var(--fg-muted);max-width:22ch;margin-top:9px}.case-study-detail-design .vw-faq{grid-template-columns:1fr 1fr;gap:14px;max-width:none;display:grid}@media (max-width:760px){.case-study-detail-design .vw-faq{grid-template-columns:1fr}}.case-study-detail-design .vw-faq details{border:1px solid var(--hair);border-radius:var(--r-lg);background:var(--surface-card);box-shadow:var(--e-rest);align-self:start;padding:4px 22px;transition:border-color .15s,box-shadow .15s}.case-study-detail-design .vw-faq details[open]{border-color:color-mix(in oklab, var(--vw-green-500) 32%, var(--hair));box-shadow:var(--e-raise)}.case-study-detail-design .vw-faq summary{cursor:pointer;font:var(--fw-semibold) var(--fs-md) / 1.4 var(--font-sans);color:var(--fg-primary);align-items:flex-start;gap:14px;padding:18px 0;list-style:none;display:flex}.case-study-detail-design .vw-faq summary::-webkit-details-marker{display:none}.case-study-detail-design .vw-faq summary h3{font:inherit;letter-spacing:inherit;color:inherit;flex:1;margin:0}.case-study-detail-design .vw-faq summary .pm{width:22px;height:22px;color:var(--vw-green-600);flex-shrink:0;margin-top:3px;margin-left:auto;position:relative}.case-study-detail-design .vw-faq summary .pm:before,.case-study-detail-design .vw-faq summary .pm:after{content:"";transition:transform .26s var(--ease);background:currentColor;border-radius:2px;position:absolute}.case-study-detail-design .vw-faq summary .pm:before{height:2px;top:10px;left:3px;right:3px}.case-study-detail-design .vw-faq summary .pm:after{width:2px;top:3px;bottom:3px;left:10px}.case-study-detail-design .vw-faq details[open] summary .pm:after{transform:scaleY(0)}.case-study-detail-design .vw-faq .a{font:400 var(--fs-md) / 1.65 var(--font-sans);color:var(--fg-secondary);padding:0 0 20px}.case-study-detail-design .vw-faq .a p{margin:0 0 10px}.case-study-detail-design .vw-faq .a p:last-child{margin:0}.case-study-detail-design .vw-faq .a strong{color:var(--fg-primary);font-weight:var(--fw-semibold)}.case-study-detail-design .vw-faq .a a{color:var(--vw-green-700);font-weight:600;text-decoration:none}
.case-study-detail-design .cs-detail-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;display:grid}@media (max-width:980px){.case-study-detail-design .cs-detail-grid{grid-template-columns:1fr;gap:34px}}.case-study-detail-design .cs-hero .cs-detail-grid h1{max-width:18ch}.case-study-detail-design .hero-photo{border-radius:var(--r-xl);width:100%;max-width:520px;box-shadow:var(--e-lift);justify-self:end}@media (max-width:980px){.case-study-detail-design .hero-photo{justify-self:stretch;max-width:none}}.case-study-detail-design .hero-photo .image-slot{aspect-ratio:4/3;width:100%;display:block;overflow:hidden}.case-study-detail-design .hero-photo .image-slot--filled .image-slot__img{object-fit:cover;width:100%;height:100%}.case-study-detail-design .hero-photo--logo{background:var(--surface-card);border:1px solid var(--hair);box-shadow:var(--e-rest);padding:28px 32px}.case-study-detail-design .hero-photo--logo .image-slot{aspect-ratio:21/9;background:0 0}.case-study-detail-design .hero-photo--logo .image-slot--filled .image-slot__img{object-fit:contain;object-position:center}.case-study-detail-design .cs-detail-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.case-study-detail-design .section-head .vw-lead{font:400 var(--fs-md) / 1.65 var(--font-sans);color:var(--fg-secondary);max-width:62ch;margin:14px 0 0}.case-study-detail-design .ind-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:900px){.case-study-detail-design .ind-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.case-study-detail-design .ind-grid{grid-template-columns:1fr}}.case-study-detail-design .ind-card{background:var(--surface-card);border:1px solid var(--hair);border-radius:var(--r-xl);box-shadow:var(--e-rest);transition:transform .26s var(--spring), box-shadow .26s var(--ease), border-color .26s var(--ease);color:var(--fg-primary);padding:24px 26px;text-decoration:none;display:block}.case-study-detail-design .ind-card:hover{box-shadow:var(--e-lift);border-color:color-mix(in oklab, var(--vw-green-500) 40%, var(--hair-strong));transform:translateY(-3px)}.case-study-detail-design .ind-card .top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.case-study-detail-design .ind-card .ico{width:34px;height:34px;color:var(--vw-green-600);place-items:center;display:grid}.case-study-detail-design .ind-card .ico .homepage-icon,.case-study-detail-design .ind-card .ico svg{width:24px;height:24px;display:block}.case-study-detail-design .ind-card .go{color:var(--vw-green-600);display:block}.case-study-detail-design .ind-card .go .homepage-icon,.case-study-detail-design .ind-card .go svg{width:16px;height:16px;display:block}.case-study-detail-design .ind-card h3{font:var(--fw-semibold) var(--fs-lg) / 1.2 var(--font-sans);color:var(--fg-primary);margin:0 0 6px}.case-study-detail-design .ind-card p{font:400 var(--fs-sm) / 1.55 var(--font-sans);color:var(--fg-secondary);margin:0}.case-study-detail-design .cs-detail-narrative{max-width:1080px;margin:0 auto}.case-study-detail-design .vw-section.tight>.vw-wrap>.vw-answer{max-width:1080px;margin-left:auto;margin-right:auto}.case-study-detail-design .cs-detail-narrative h2{font:italic 400 clamp(30px, 3.4vw, 40px) / 1.14 var(--font-display);letter-spacing:-.02em;color:var(--fg-primary);margin:0 0 18px}.case-study-detail-design .cs-detail-narrative h2:first-child,.case-study-detail-design .cs-detail-narrative h2+p{margin-top:0}.case-study-detail-design .cs-detail-narrative h2:not(:first-child){border-top:1px solid var(--hair);margin-top:56px;padding-top:44px}.case-study-detail-design .cs-detail-narrative h3{font:italic 400 clamp(28px, 3.1vw, 36px) / 1.14 var(--font-display);letter-spacing:-.012em;color:var(--fg-primary);margin:44px 0 16px}.case-study-detail-design .cs-detail-narrative h2+h3{margin-top:28px}.case-study-detail-design .cs-detail-narrative figure.ba+h3{border-top:1px solid var(--hair);margin-top:48px;padding-top:40px}.case-study-detail-design .cs-detail-narrative .guide-deflist{gap:14px;margin:0 0 18px;display:grid}.case-study-detail-design .cs-detail-narrative .guide-deflist__item{background:0 0;border:none;gap:4px;margin:0;padding:0;display:grid}.case-study-detail-design .cs-detail-narrative .guide-deflist dt{font:var(--fw-semibold) 11px / 1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);margin:0}.case-study-detail-design .cs-detail-narrative .guide-deflist dd{font:400 var(--fs-md) / 1.65 var(--font-sans);color:var(--fg-secondary);margin:0}.case-study-detail-design .cs-detail-narrative .ba{margin:8px 0 12px}.case-study-detail-design .cs-detail-narrative .ba .ba-title{border-top:1px solid var(--hair,var(--border-default));font:500 12px / 1.4 var(--font-mono);letter-spacing:.04em;color:var(--fg-muted);text-align:center;margin:0;padding:14px 28px 18px}.case-study-detail-design .cs-detail-narrative .ba .pane .image-slot,.case-study-detail-design .cs-detail-narrative .ba .pane .image-slot.image-slot--filled{aspect-ratio:2138/1518;height:auto}.case-study-detail-design .cs-detail-narrative .ba .pane .image-slot__img{object-fit:cover}.case-study-detail-design .cs-detail-narrative ul,.case-study-detail-design .cs-detail-narrative ol{max-width:78ch;margin:0 0 22px;padding-left:1.35em}.case-study-detail-design .cs-detail-narrative ul{list-style:outside}.case-study-detail-design .cs-detail-narrative ol{list-style:decimal}.case-study-detail-design .cs-detail-narrative li{font:400 clamp(16px, 1.15vw, 18px) / 1.72 var(--font-sans);color:var(--fg-secondary);margin-bottom:10px;padding-left:.25em}.case-study-detail-design .cs-detail-narrative li:last-child{margin-bottom:0}.case-study-detail-design .cs-detail-narrative p{font:400 clamp(16px, 1.15vw, 18px) / 1.72 var(--font-sans);color:var(--fg-secondary);max-width:78ch;margin:0 0 22px}.case-study-detail-design .cs-detail-narrative p:last-child{margin-bottom:0}.case-study-detail-design .cs-detail-narrative p strong{color:var(--fg-primary);font-weight:var(--fw-semibold)}.case-study-detail-design .vw-cta-band .vw-kicker.on-dark{margin-bottom:12px}