.case-study-spotlight{background-color:var(--surface);padding:8rem 0}.case-study-spotlight .container{margin:0 auto;max-width:1440px;padding:0 48px;width:100%}.case-study-spotlight__grid{border:1px solid color-mix(in srgb,var(--outline-variant) 10%,transparent);border-radius:0;display:grid;grid-template-columns:1fr 1fr}.case-study-spotlight__left{background-color:var(--surface-container-low);display:flex;flex-direction:column;gap:1.5rem;padding:3rem}@media (min-width:768px){.case-study-spotlight__left{padding:5rem}}.case-study-spotlight__image-wrap{height:320px;margin-bottom:3rem;overflow:hidden}.case-study-spotlight__image-wrap img{display:block;filter:grayscale(100%);height:100%;object-fit:cover;transition:filter .5s ease;width:100%}.case-study-spotlight__image-wrap:hover img{filter:grayscale(0)}.case-study-spotlight__left .label-technical{color:var(--secondary);display:block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.case-study-spotlight__left .headline-lg{color:var(--primary-container);font-family:var(--font-headline);font-size:3.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 1.5rem}.case-study-spotlight__quote{border:none;margin:0;padding:0}.case-study-spotlight__quote p{color:var(--on-surface-variant);font-family:var(--font-headline);font-size:1.25rem;font-style:italic;line-height:1.6;margin:0 0 2rem}.case-study-spotlight__stats{display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:0}.case-study-spotlight__stat{display:flex;flex-direction:column;gap:.25rem}.case-study-spotlight__stat-value{color:var(--primary-container);font-family:var(--font-headline);font-size:1.875rem;font-weight:700;line-height:1}.case-study-spotlight__stat-label{color:var(--on-surface-variant);font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.case-study-spotlight__right{background-color:var(--surface-container-lowest);display:flex;flex-direction:column;justify-content:space-between;padding:3rem}@media (min-width:768px){.case-study-spotlight__right{padding:5rem}}.case-study-spotlight__challenge{display:flex;flex-direction:column}.case-study-spotlight__challenge .label-technical{color:var(--on-surface-variant);display:block;margin-bottom:3rem}.case-study-spotlight__challenge-desc{color:var(--on-surface-variant);font-size:1.125rem;line-height:1.625;margin:0 0 2rem}.case-study-spotlight__link{align-items:center;border-bottom:1px solid var(--secondary);color:var(--on-surface);display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding-bottom:.25rem;text-decoration:none;transition:gap .3s ease}.case-study-spotlight__link:hover{gap:.75rem}.case-study-spotlight__link-arrow{flex-shrink:0}.case-study-spotlight__author{align-items:center;display:flex;flex-direction:row;gap:1.5rem;margin-top:5rem}.case-study-spotlight__avatar{border-radius:50%;filter:grayscale(100%);flex-shrink:0;height:64px;object-fit:cover;overflow:hidden;width:64px}.case-study-spotlight__author-info{display:flex;flex-direction:column;gap:.125rem}.case-study-spotlight__author-name{color:var(--primary-container);font-size:.9375rem;font-weight:600}.case-study-spotlight__author-title{color:var(--on-surface-variant);font-size:.8125rem}@media (max-width:1024px){.case-study-spotlight__grid{grid-template-columns:1fr}.case-study-spotlight .container{padding:0 24px}.case-study-spotlight__left,.case-study-spotlight__right{padding:2.5rem}}@media (max-width:640px){.case-study-spotlight{padding:4rem 0}.case-study-spotlight__left,.case-study-spotlight__right{padding:1.5rem}.case-study-spotlight__left .headline-lg{font-size:1.75rem}.case-study-spotlight__stats{gap:1rem;grid-template-columns:1fr 1fr}.case-study-spotlight__stat-value{font-size:1.5rem}}