.case-intro{margin:-8px auto 34px;max-width:680px;text-align:center;color:#c8c8c8;font:400 15px/1.9 var(--serif)}
.case-toolbar{max-width:1290px;margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4a4a4a;padding-bottom:14px}.case-toolbar>span{color:var(--yellow);font:600 12px/1 var(--serif);letter-spacing:.15em}.case-navigation{display:flex;align-items:center;gap:10px}.case-status{min-width:64px;text-align:center;color:#d2d2d2;font:500 13px/1 var(--sans);font-variant-numeric:tabular-nums}.case-arrow{width:46px;height:46px;border:1px solid #777;background:#0b0b0b;color:#fff;display:grid;place-items:center;font-size:20px;cursor:pointer;transition:.25s}.case-arrow:hover,.case-arrow:focus-visible{background:var(--yellow);border-color:var(--yellow);color:#000}.case-arrow:disabled{opacity:.35;cursor:not-allowed}.case-track{max-width:1290px;margin:auto;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(420px,560px);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 18px}.case-track::-webkit-scrollbar{display:none}.case-track:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}.case-card{scroll-snap-align:start;min-height:600px;background:#0a0a0a;border:1px solid #4a4a4a;border-top:4px solid var(--yellow);display:grid;grid-template-rows:210px 1fr;overflow:hidden}.case-card figure{margin:0;overflow:hidden;background:#171717}.case-card figure img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);transition:transform .55s,filter .55s}.case-card:hover figure img{transform:scale(1.035);filter:grayscale(.7) contrast(1.08)}.case-body{padding:25px 28px 27px;display:flex;flex-direction:column}.case-body header{display:flex;align-items:center;justify-content:space-between;gap:16px}.case-body header span{color:var(--yellow);font:600 13px/1 var(--sans);letter-spacing:.08em}.case-body header small{color:#d2d2d2;border:1px solid #555;padding:5px 9px;font:500 11px/1 var(--sans)}.case-body h3{margin:17px 0 21px;color:#fff;font:600 25px/1.55 var(--serif);letter-spacing:.02em}.case-body dl{margin:0}.case-body dl>div{display:grid;grid-template-columns:52px 1fr;gap:13px;border-top:1px solid #333;padding:12px 0}.case-body dt{color:var(--yellow);font:600 13px/1.7 var(--sans)}.case-body dd{margin:0;color:#e8e8e8;font:400 14px/1.8 var(--serif)}.case-role{margin:auto 0 0;padding-top:17px;border-top:1px solid #555;color:#aaa;font:500 12px/1.6 var(--sans)}.case-progress{max-width:1290px;height:2px;margin:10px auto 0;background:#343434}.case-progress span{display:block;width:16.666%;height:100%;background:var(--yellow);transition:transform .28s ease;transform-origin:left center}
@media(max-width:700px){.case-intro{font-size:14px;text-align:left}.case-toolbar{margin-bottom:14px}.case-track{grid-auto-columns:88vw;gap:14px}.case-card{min-height:610px;grid-template-rows:185px 1fr}.case-body{padding:22px 20px 24px}.case-body h3{font-size:22px}.case-body dl>div{grid-template-columns:45px 1fr}.case-arrow{width:42px;height:42px}}