.case-media{min-width:0;margin:0}.case-media img,.case-media video{background:var(--color-surface);width:100%;height:auto;display:block}.case-media figcaption{color:var(--color-muted);padding-block:12px}.portfolio-list{gap:80px;display:grid}.portfolio-item{min-width:0}.portfolio-item a{text-decoration:none;display:block}.portfolio-item .case-media{overflow:hidden}.portfolio-item img{transition:transform .4s}.portfolio-item a:hover img{transform:scale(1.015)}.portfolio-caption{justify-content:space-between;align-items:baseline;gap:24px;padding-top:24px;display:flex}.portfolio-item>p{max-width:65ch;margin-top:12px}.portfolio-featured{border-top:2px solid;padding-top:24px}.case-filters,.case-navigation{flex-wrap:wrap;gap:24px;margin-bottom:32px;display:flex}.case-filters button{border-bottom:1px solid;padding:12px}.case-filters button[aria-pressed=true]{color:var(--color-accent)}.case-meta{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-block:40px;display:grid}.case-meta dd{margin:12px 0 0}.case-section h2{margin-bottom:32px}.case-prose{white-space:pre-wrap;max-width:65ch}.case-prose p+p{margin-top:24px}.case-gallery{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:32px;display:grid}.case-gallery-full{grid-column:span 12}.case-gallery-half{grid-column:span 6}.case-gallery-third{grid-column:span 4}.case-comparison{margin-bottom:40px}.case-comparison-images{background:var(--color-surface);position:relative;overflow:hidden}.case-comparison-after{position:absolute;inset:0}.case-comparison-line{background:#fff;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #1116}.case-comparison-label{color:#fff;background:#111;padding:8px 12px;font-size:14px;position:absolute;top:16px;left:16px}.case-comparison-label-after{left:auto;right:16px}.case-comparison label{margin-top:16px;display:block}.case-comparison input{width:100%;min-height:44px;accent-color:var(--color-accent);cursor:ew-resize;touch-action:pan-y}.case-comparison input:focus-visible,.case-device-controls input:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.case-device-controls{flex-wrap:wrap;gap:24px;margin-block:20px;display:flex}.case-device-controls label{cursor:pointer;text-transform:capitalize;align-items:center;gap:8px;padding:12px;display:flex}.case-device-frame{border:1px solid var(--color-border);border-radius:12px;min-width:0;margin-inline:auto;padding:12px}.case-device-desktop{max-width:1100px}.case-device-tablet{max-width:700px}.case-device-mobile{max-width:390px}.case-devices{min-height:600px}.case-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.case-metrics dd{margin:16px 0}.case-navigation a{overflow-wrap:anywhere}.case-section blockquote{max-width:28ch;margin-bottom:24px}@media (max-width:767px){.portfolio-caption{display:block}.portfolio-caption p{margin-top:12px}.case-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.case-gallery{gap:24px}.case-gallery-half,.case-gallery-third{grid-column:span 12}.case-metrics{grid-template-columns:1fr}.case-devices{min-height:400px}.case-comparison-label{padding:6px;font-size:12px;left:8px}.case-comparison-label-after{left:auto;right:8px}}@media (prefers-reduced-motion:reduce){.portfolio-item img{transition:none}.portfolio-item a:hover img{transform:none}}.case-comparison-line:after{content:"↔";color:#fff;background:#111;border:2px solid #fff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}