.case-gallery{margin-top:32px}.case-gallery-tools{display:flex;align-items:center;justify-content:space-between;gap:24px}.case-filters{display:flex;gap:8px;flex-wrap:wrap}.case-filters button,.case-gallery-arrows button,.case-preview-heading button{min-height:44px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}.case-filters button{display:flex;align-items:center;gap:12px;padding:8px 16px;font-size:14px;font-weight:600}.case-filters button span{font-variant-numeric:tabular-nums;color:var(--ink-3)}.case-filters button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-deep)}.case-filters button[aria-pressed=true] span{color:inherit}.case-filters button:hover,.case-gallery-arrows button:hover:not(:disabled),.case-preview-heading button:hover{background:var(--bg-inset)}.case-gallery-arrows{display:flex;gap:8px;flex:none}.case-gallery-arrows button,.case-preview-heading button{display:grid;place-items:center;width:44px;padding:10px}.case-gallery-arrows button:disabled{color:var(--ink-3);background:var(--bg-soft);cursor:default;opacity:.55}.case-gallery svg,.case-preview svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.case-gallery-instructions{margin:16px 0 8px;color:var(--ink-2);font-size:14px}.case-gallery-viewport{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:4px;scrollbar-color:var(--line-2) var(--bg-soft);scrollbar-width:thin;padding:8px 4px 20px;margin-inline:-4px}.case-gallery-track{display:flex;gap:24px;list-style:none;margin:0;padding:0}.library-case{position:relative;flex:0 0 clamp(264px,29vw,352px);min-width:0;scroll-snap-align:start}.library-case h3{margin:0;font:inherit}.case-preview-trigger{display:block;width:100%;text-align:left;border:0;padding:0;background:0 0;color:var(--ink);cursor:zoom-in;border-radius:10px}.case-preview-trigger:disabled{cursor:default}.case-thumb{display:block;aspect-ratio:1.6;background:#080e16;border-radius:10px;overflow:hidden}.case-thumb img{width:100%;height:100%;object-fit:contain;transition:opacity 150ms ease-out}.case-title{display:block;margin-top:16px;font-size:18px;font-weight:650;line-height:1.3;letter-spacing:-.015em}.case-method{display:block;margin-top:6px;font-size:13px;color:var(--ink-3);font-weight:500}.case-preview-trigger:hover .case-title,.case-preview-trigger[aria-expanded=true] .case-title{color:var(--brand-deep)}.case-preview-trigger[aria-expanded=true] .case-thumb{outline:2px solid var(--brand);outline-offset:3px}.library-case-description{margin:12px 0 0;font-size:14px;color:var(--ink-2);line-height:1.6}.library-case-notice{margin:12px 0 0;font-size:12px;color:var(--ink-3)}.case-gallery.is-enhanced .library-case-description,.case-gallery.is-enhanced .library-case-notice{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.case-image-private{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;font-size:14px;line-height:1.5;color:#b4c0cb}.case-image-private svg{width:28px;height:28px}.case-gallery-count{margin:12px 0 0;color:var(--ink-3);font-size:13px;font-variant-numeric:tabular-nums}.case-preview{position:fixed;inset:calc(50% + var(--tour-header,67px)/ 2) 16px auto;margin:0 auto;transform:translateY(-50%);z-index:120;width:min(860px,calc(100vw - 32px));max-height:calc(100svh - var(--tour-header,67px) - 32px);overflow:auto;border:0;border-radius:12px;padding:0;background:var(--surface);color:var(--ink);box-shadow:0 16px 56px rgba(0,0,0,.3);overscroll-behavior:contain;animation:case-preview-in 160ms ease-out}.case-preview::backdrop{background:0 0;pointer-events:none}.case-preview-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;background:var(--surface)}.case-preview-heading h3{margin:0;font-size:21px;font-weight:650;line-height:1.25;letter-spacing:-.02em}.case-preview-heading button{flex:none;border:0;background:var(--bg-soft)}.case-preview-media{position:relative;display:grid;place-items:center;width:100%;height:min(537.5px,calc((100vw - 32px)*.625),48svh);background:#080e16;color:#b4c0cb}.case-preview-media img{width:100%;height:100%;max-height:48svh;object-fit:contain}.case-preview-media>p{margin:0;padding:24px;max-width:42ch;text-align:center;font-size:15px;line-height:1.6}.case-preview[data-image-free=true] .case-preview-media{height:auto;aspect-ratio:auto;min-height:120px}.case-preview-copy{padding:20px 24px 24px}.case-preview-mode{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--ink-3)}#casePreviewDescription{margin:0;font-size:16px;line-height:1.6;max-width:75ch}.case-preview-note{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--ink-3)}.case-preview-links{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.case-preview-links a{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px;text-underline-offset:3px}@keyframes case-preview-in{from{opacity:.4;transform:translateY(-50%) scale(.985)}to{opacity:1;transform:translateY(-50%) scale(1)}}@media(max-width:600px){.case-gallery{margin-top:24px}.case-gallery-tools{align-items:flex-start;gap:12px;flex-wrap:wrap}.case-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}.case-filters button{padding:8px;gap:6px;justify-content:center;flex-wrap:wrap;font-size:12px;line-height:1.3}.case-gallery-arrows{margin-left:auto}.case-gallery-instructions{margin-top:12px;font-size:13px}.case-gallery-track{gap:16px}.library-case{flex-basis:calc(100vw - 72px)}.case-title{font-size:17px}.case-preview{width:calc(100vw - 24px);inset-inline:12px;max-height:calc(100svh - var(--tour-header,67px) - 24px)}.case-preview-heading{padding:12px 16px;gap:12px}.case-preview-heading h3{font-size:18px}.case-preview-copy{padding:16px}#casePreviewDescription{font-size:14px}}@media(prefers-reduced-motion:reduce){.case-preview{animation:none}.case-thumb img{transition:none}}@media(max-height:500px) and (min-width:601px){.case-preview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.case-preview-heading{grid-column:1/-1}.case-preview-media{height:calc(100svh - var(--tour-header,67px) - 108px);aspect-ratio:auto;align-self:start;grid-template-rows:minmax(0,1fr)}.case-preview-media img{min-height:0;min-width:0;max-height:100%}.case-preview-copy{padding:16px}#casePreviewDescription{font-size:14px}}@media(forced-colors:active){.case-preview{outline:1px solid CanvasText}.case-filters button[aria-pressed=true]{outline:2px solid Highlight}}