.case-visual{background:var(--paper);border-radius:var(--r-card);box-shadow:0 0 0 1px hsla(0,0%,7%,.08),0 34px 60px -34px hsla(0,0%,7%,.45);container-type:inline-size;overflow:hidden}.case-visual__bar{align-items:center;background:var(--bone);block-size:36px;border-block-end:1px solid var(--line);display:flex;gap:6px;padding-inline:14px}.case-visual__bar:after{content:"";flex:0 0 39px}.case-visual__dot{background:var(--line);block-size:9px;border-radius:50%;flex:0 0 auto;inline-size:9px}.case-visual__dot:first-child{background:var(--orange)}.case-visual__url{background:var(--paper);border-radius:var(--r-pill);color:var(--ink-2);font-size:12px;font-weight:500;margin-inline:auto;max-inline-size:60%;overflow:hidden;padding:3px 14px;text-overflow:ellipsis;white-space:nowrap}.case-visual__screen{aspect-ratio:16/10;overflow:hidden;position:relative}.case-visual__image{block-size:100%;inline-size:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:scale .6s var(--ease)}.case-visual__fallback{background:var(--ink);color:var(--orange);display:grid;inset:0;padding-inline:12%;place-items:end center;position:absolute}.case-visual__arch{block-size:auto;inline-size:84%}.case-visual__arc{fill:none;stroke:currentcolor;stroke-width:3}.case-visual__arc--mid{stroke-opacity:.4}.case-visual__arc--band{stroke-width:30}.case-visual__crown{fill:currentcolor}.case-visual__name{color:var(--paper);font-size:clamp(20px,7.5cqi,64px);font-weight:800;inset-block-start:10%;inset-inline:8%;letter-spacing:-.045em;line-height:1;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;white-space:nowrap}.case-visual--orange .case-visual__fallback{background:linear-gradient(160deg,var(--orange) 0,var(--orange) 40%,#c4420e 100%);color:hsla(0,0%,100%,.85)}.case-visual--bone .case-visual__fallback{background:var(--bone);color:var(--orange)}.case-visual--bone .case-visual__fallback .case-visual__name{color:var(--ink)}.case-tag{align-items:center;background:var(--bone);border-radius:var(--r-pill);color:var(--ink-2);display:inline-flex;font-size:13px;font-weight:600;line-height:1.3;padding:5px 12px}.case-tag--link{transition:background .18s var(--ease),color .18s var(--ease)}.case-tag--link:hover{background:var(--orange-soft);color:var(--orange-text)}.case-listing__head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;margin-block-end:clamp(28px,3.4vw,48px)}.case-listing__head .section-head{margin:0}.case-listing__empty{background:var(--paper);border-radius:var(--r-card);color:var(--ink-2);font-size:var(--fs-lead);padding:28px}.case-filter{margin-block-end:clamp(22px,2.4vw,32px)}.case-filter__list{display:flex;flex-wrap:wrap;gap:8px}.case-filter__link{align-items:center;background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r-pill);color:var(--ink-2);display:inline-flex;font-size:15px;font-weight:600;gap:8px;min-block-size:44px;padding:8px 18px;transition:border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease)}.case-filter__link:hover{border-color:var(--ink);color:var(--ink)}.case-filter__link[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.case-filter__link[aria-current=page] .case-filter__count{background:hsla(0,0%,100%,.16);color:var(--paper)}.case-filter__count{background:var(--bone);border-radius:var(--r-pill);color:var(--ink-2);font-size:12.5px;min-inline-size:24px;padding:2px 7px;text-align:center}.case-grid{display:grid;gap:clamp(14px,1.6vw,24px);grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:900px){.case-grid{grid-template-columns:1fr}}.case-card{background:var(--paper);border-radius:var(--r-panel);display:flex;flex-direction:column;padding:clamp(10px,1.1vw,14px);position:relative;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.case-card:hover{box-shadow:0 34px 60px -38px hsla(0,0%,7%,.45);transform:translateY(-4px)}.case-card:hover .case-visual__image{scale:1.03}.case-card:hover .case-card__more{color:var(--orange-text)}.case-card:hover .case-card__more svg{translate:4px 0}.case-card:has(.case-card__link:focus-visible){outline:2.5px solid var(--orange-text);outline-offset:3px}.case-card .case-visual{border-radius:calc(var(--r-panel) - 10px);box-shadow:0 0 0 1px var(--line)}.case-card__body{display:flex;flex:1;flex-direction:column;gap:12px;padding:clamp(18px,2vw,26px) clamp(8px,1vw,14px) clamp(8px,1vw,12px)}.case-card__meta{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;font-weight:600;gap:6px 10px}.case-card__category{background:var(--orange-soft);border-radius:var(--r-pill);color:var(--orange-text);padding:4px 11px}.case-card__title{text-wrap:balance;font-size:clamp(22px,2vw,30px);letter-spacing:-.03em;line-height:1.12}.case-card__link:after{border-radius:inherit;content:"";inset:0;position:absolute}.case-card__link:focus-visible{outline:0}.case-card__text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--ink-2);display:-webkit-box;font-size:16px;line-height:1.55;overflow:hidden}.case-card__tags{display:flex;flex-wrap:wrap;gap:6px}.case-card__more{align-items:center;display:inline-flex;font-size:15px;font-weight:700;gap:10px;margin-block-start:auto;padding-block-start:6px;transition:color .2s var(--ease)}.case-card__more svg{transition:translate .25s var(--ease)}.case-card--featured{align-items:center;display:grid;grid-column:1/-1;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}@media (max-width:900px){.case-card--featured{grid-template-columns:1fr}}.case-card--featured .case-card__body{padding-inline:clamp(18px,3vw,48px)}.case-card--featured .case-card__title{font-size:clamp(26px,3vw,44px)}.case-pagination{margin-block-start:clamp(32px,4vw,56px)}.case-pagination .nav-links{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.case-pagination .page-numbers{background:var(--paper);border-radius:var(--r-pill);display:inline-grid;font-weight:600;min-block-size:44px;min-inline-size:44px;padding-inline:14px;place-items:center}.case-pagination .page-numbers.current{background:var(--ink);color:var(--paper)}.case-pagination a.page-numbers:hover{background:var(--orange-soft);color:var(--orange-text)}@media (prefers-reduced-motion:reduce){.case-card:hover{transform:none}}