.case-grid-wrap{container-type:inline-size}.case-grid{--case-w:calc((100cqw - 80px) / 4);--case-unit:calc((var(--case-w) * 1.25 + 21px) / 20);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--case-unit);gap:0 16px;margin:0;padding:0 16px;list-style:none;display:grid}.case-card{background:var(--color-slot);grid-column:var(--c4) / span var(--s4);grid-row:var(--r4) / span var(--h4);margin-bottom:16px;position:relative;overflow:hidden}@media (max-width:1279px){.case-grid{--case-w:calc((100cqw - 48px) / 2);grid-template-columns:repeat(2,minmax(0,1fr))}.case-card{grid-column:var(--c2) / span var(--s2);grid-row:var(--r2) / span var(--h2)}}@media (max-width:767px){.case-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.case-card{aspect-ratio:4/5;grid-area:auto/1}.case-card--wide{aspect-ratio:8/5}}.case-card__media{object-fit:cover;width:100%;height:112%;position:absolute;top:-6%;left:0}.case-card--letterbox{background:#000}.case-card--letterbox .case-card__media{object-fit:contain}.case-card--pair{grid-template-columns:1fr 1fr;display:grid}.case-card__half{position:relative;overflow:hidden}.case-card__caption,.lab-card__caption,.case-card--placeholder:after,.lab-card--placeholder:after{font:500 12px/1.4 var(--font-mono);text-transform:uppercase;background-color:var(--color-canvas);padding:6px 10px;position:absolute}.case-card__caption,.lab-card__caption{color:var(--color-ink);transition:transform var(--dur-med) var(--ease-out);margin:0;bottom:0;left:0;right:0;transform:translateY(100%)}.case-card[data-caption-visible=true] .case-card__caption,.lab-card[data-caption-visible=true] .lab-card__caption{transform:translateY(0)}@media (hover:hover){.case-card:hover .case-card__caption,.lab-card:hover .lab-card__caption{transform:translateY(0)}}.case-card--placeholder:after,.lab-card--placeholder:after{content:"placeholder media";color:var(--color-ink-2);pointer-events:none;top:8px;left:8px}.case-grid-wrap{--case-chips-top:16px;--case-controls-inset:181px}@container not (min-width:562px){.case-grid-wrap>*{--case-chips-top:48px;--case-controls-inset:16px}}.section-chips{--case-chips-halo:4px;--case-chips-ramp:16px;top:calc(var(--case-chips-top) - var(--case-chips-halo));z-index:10;padding:var(--case-chips-halo) var(--case-controls-inset);scrollbar-width:none;scroll-padding-inline:var(--case-controls-inset);pointer-events:none;flex-wrap:nowrap;justify-content:safe center;column-gap:12px;margin:0 0 16px;display:flex;position:sticky;overflow-x:auto}.section-chips::-webkit-scrollbar{display:none}.section-chips>*{pointer-events:auto;flex:none}.section-chips--scrolls{clip-path:inset(0 calc(var(--case-controls-inset) - var(--case-chips-ramp)));-webkit-mask-image:linear-gradient(90deg, transparent calc(var(--case-controls-inset) - var(--case-chips-ramp)), #000 var(--case-controls-inset), #000 calc(100% - var(--case-controls-inset)), transparent calc(100% - var(--case-controls-inset) + var(--case-chips-ramp)));-webkit-mask-image:linear-gradient(90deg, transparent calc(var(--case-controls-inset) - var(--case-chips-ramp)), #000 var(--case-controls-inset), #000 calc(100% - var(--case-controls-inset)), transparent calc(100% - var(--case-controls-inset) + var(--case-chips-ramp)));mask-image:linear-gradient(90deg, transparent calc(var(--case-controls-inset) - var(--case-chips-ramp)), #000 var(--case-controls-inset), #000 calc(100% - var(--case-controls-inset)), transparent calc(100% - var(--case-controls-inset) + var(--case-chips-ramp)))}.section-chips .section-chips__chip{white-space:nowrap;box-shadow:0 0 0 4px var(--color-canvas), 6px 0 0 0 var(--color-canvas), -6px 0 0 0 var(--color-canvas);display:inline-flex}.section-chips .btn:after{width:calc(100% + 10px);height:calc(100% + 8px)}