.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:13ch}.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 .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:760px;margin:0 auto}.case-study-detail-design .cs-detail-narrative h2{font:italic 400 clamp(28px, 3.2vw, 36px) / 1.15 var(--font-display);letter-spacing:-.02em;color:var(--fg-primary);margin:0 0 20px}.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:48px;padding-top:48px}.case-study-detail-design .cs-detail-narrative p{font:400 var(--fs-md) / 1.75 var(--font-sans);color:var(--fg-secondary);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}
