.case-study{max-width:1200px;padding:var(--space-xl) var(--space-sm);margin-inline:auto}.case-study__back{font-size:var(--text-sm);color:var(--color-ink-muted);align-items:center;gap:.3em;font-weight:500;transition:color .15s;display:inline-flex}.case-study__back svg .arrow-group{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.case-study__back svg .arrow-line{stroke-dasharray:11;stroke-dashoffset:0;transition:stroke-dashoffset .3s cubic-bezier(.34,1.56,.64,1)}.case-study__back svg .arrow-head{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.case-study__back:hover{color:var(--color-ink)}.case-study__back:hover .arrow-line{stroke-dashoffset:-4px}.case-study__back:hover .arrow-head{transform:translate(4px)}.case-study__back:active .arrow-group,.case-study__back.is-navigating .arrow-group{transition:transform .15s cubic-bezier(.34,1.56,.64,1);transform:translate(-3px)}.case-study__back:active .arrow-line,.case-study__back.is-navigating .arrow-line{stroke-dashoffset:0;transition:stroke-dashoffset .15s cubic-bezier(.34,1.56,.64,1)}.case-study__back:active .arrow-head,.case-study__back.is-navigating .arrow-head{transition:transform .15s cubic-bezier(.34,1.56,.64,1);transform:translate(0)}.case-study__title{font-family:var(--font-heading);font-size:clamp(var(--text-3xl), 6vw, 72px);letter-spacing:-.03em;font-weight:800;line-height:var(--leading-tight);margin-top:var(--space-xl);max-width:720px}.case-study__desc{color:var(--color-ink-muted);font-size:var(--text-lg);line-height:var(--leading-normal);margin-top:var(--space-lg);max-width:720px}.case-study__meta{margin-top:var(--space-2xl);justify-content:space-between;display:flex}.case-study__meta-item{flex:1}.case-study__meta-label{font-family:var(--font-sans);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-muted);font-weight:500;display:block}.case-study__meta-value{font-family:var(--font-heading);font-weight:600;font-size:var(--text-base);margin-top:var(--space-xs);display:block}.section__badge{font-family:var(--font-sans);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-muted);font-weight:500}.section__heading{font-family:var(--font-heading);font-size:clamp(var(--text-2xl), 3vw, var(--text-3xl));letter-spacing:-.02em;font-weight:800;line-height:var(--leading-tight);margin-top:var(--space-lg)}.section__subtitle{color:var(--color-ink-muted);font-size:var(--text-base);line-height:var(--leading-normal);margin-top:var(--space-lg)}.problem{text-align:center;margin-top:var(--space-2xl)}.problem .section__heading,.problem .section__subtitle{max-width:560px;margin-inline:auto}.problem__cards{gap:var(--space-md);margin-top:var(--space-xl);grid-template-columns:repeat(2,1fr);max-width:720px;margin-inline:auto;display:grid}.problem__card{border-radius:var(--radius-lg);padding:var(--space-lg);text-align:left;background:#f3f3f2}.problem__card-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700}.problem__card-text{color:var(--color-ink-muted);font-size:var(--text-base);line-height:var(--leading-normal);margin-top:var(--space-md)}.bracket{height:280px;margin-top:var(--space-xl);position:relative}.bracket__svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bracket__svg line{stroke:var(--color-border);stroke-width:1.5px;stroke-linecap:round}.bracket__label{font-size:var(--text-base);color:var(--color-ink-muted);text-align:center;max-width:400px;line-height:var(--leading-normal);background:var(--color-bg);padding:0 var(--space-md);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.solution__cards{gap:var(--space-md);margin-top:var(--space-xl);grid-template-columns:repeat(3,1fr);max-width:860px;margin-inline:auto;display:grid}.showcase{gap:var(--space-xl);margin-top:var(--space-2xl);grid-template-columns:4fr 8fr;align-items:center;display:grid}.showcase__media{border-radius:var(--radius-lg);aspect-ratio:16/10;background:#f3f3f2;overflow:hidden}.showcase__img{object-fit:cover;width:100%;height:100%}@media (width<=768px){.section__heading{font-size:var(--text-2xl)}.problem__cards,.solution__cards{grid-template-columns:1fr}.bracket{height:100px}.showcase{grid-template-columns:1fr}}
