.case-pagination{padding-top:20px;padding-bottom:70px}
.case-pagination-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:23px;border-bottom:1px solid var(--line)}
.case-pagination-heading h2{font-size:17px;line-height:1.5}
.case-pagination-heading h2 em{font:italic 16px var(--serif);color:var(--muted);margin-left:12px}
.case-pagination-heading>a{display:flex;align-items:center;gap:12px;font-size:11px;white-space:nowrap}
.case-pagination-heading>a>span{font:italic 13px var(--serif);color:var(--muted)}
.case-pagination-heading>a>svg{width:17px;height:17px}
.case-neighbors{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.case-neighbor{display:flex;align-items:center;gap:24px;min-width:0;padding:30px 30px 30px 0}
.case-neighbor-next{border-left:1px solid var(--line);padding:30px 0 30px 30px}
.case-neighbor-image{width:110px;height:146px;flex-shrink:0;padding:7px;background:var(--neighbor-surface,var(--paper));overflow:hidden}
.case-neighbor-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.case-neighbor-copy{min-width:0;flex:1}
.case-neighbor-label{font-size:10px;color:var(--muted);line-height:1.7}
.case-neighbor-label em{font:italic 12px var(--serif);margin-left:5px}
.case-neighbor-label>span{display:block;font:italic 11px var(--serif);margin-top:7px}
.case-neighbor h3{font-size:clamp(18px,1.9vw,28px);letter-spacing:-.035em;line-height:1.45;margin-top:12px;overflow-wrap:anywhere}
.case-neighbor-brand{font:italic 12px/1.5 var(--serif);color:var(--muted);margin-top:7px;overflow-wrap:anywhere}
.case-neighbor-arrow{align-self:center;flex-shrink:0;transition:transform .3s}
.case-neighbor-arrow svg{width:22px;height:22px}
.case-neighbor-prev .case-neighbor-arrow{transform:rotate(180deg)}
@media(hover:hover) and (pointer:fine){.case-neighbor:hover .case-neighbor-image img{transform:scale(1.04)}.case-neighbor-next:hover .case-neighbor-arrow{transform:translate(3px,-3px)}.case-neighbor-prev:hover .case-neighbor-arrow{transform:rotate(180deg) translate(3px,-3px)}}
.case-neighbor:focus-visible{outline-offset:-3px}
@media(max-width:950px){.case-neighbor{gap:17px;padding-right:20px}.case-neighbor-next{padding-left:20px;padding-right:0}.case-neighbor-image{width:85px;height:116px}.case-neighbor-arrow svg{width:18px;height:18px}}
@media(max-width:700px){.case-pagination{padding-top:0;padding-bottom:38px}.case-pagination-heading{padding-bottom:18px;gap:12px}.case-pagination-heading h2{font-size:15px}.case-pagination-heading h2 em{display:block;font-size:13px;margin:4px 0 0}.case-pagination-heading>a{gap:8px;font-size:10px}.case-neighbors{grid-template-columns:1fr}.case-neighbor,.case-neighbor-next{padding:21px 0;gap:18px;border-left:0}.case-neighbor-next{border-top:1px solid var(--line)}.case-neighbor-image{width:76px;height:102px;padding:5px}.case-neighbor h3{font-size:21px;margin-top:8px}.case-neighbor-label>span{display:inline;margin:0 0 0 10px;font-size:10px}.case-neighbor-brand{font-size:11px;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.case-neighbor-image img,.case-neighbor-arrow{transition:none}}
@media print{.case-pagination{display:none!important}}