.casesec{background:var(--paper2,#F4F6F4);padding:64px 0 90px}.case-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto 34px}.case-filter button,.case-filter a{appearance:none;font-family:inherit;cursor:pointer;border:1px solid var(--line,rgba(12,20,17,.10));background:var(--paper,#fff);color:var(--text,#16201B);padding:9px 22px;border-radius:30px;font-size:14px;letter-spacing:.04em;transition:all .3s var(--ease,ease)}.case-filter button .n,.case-filter a .n{font-size:12px;opacity:.5;margin-left:6px}.case-filter button:hover,.case-filter a:hover{border-color:color-mix(in srgb,var(--gold) 50%,transparent)}.case-filter button.on,.case-filter a.on{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);border-color:transparent;font-weight:600}.case-filter button.on .n,.case-filter a.on .n{opacity:.7}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.case-card{display:block;text-decoration:none;color:inherit;position:relative;border-radius:16px;overflow:hidden;background:var(--paper,#fff);border:1px solid var(--line,rgba(12,20,17,.10));cursor:pointer;box-shadow:0 10px 28px -20px rgba(12,20,17,.25);transition:transform .5s var(--ease,ease),border-color .4s,box-shadow .5s}.case-card:hover{transform:translateY(-8px);border-color:var(--gold);box-shadow:0 24px 50px -20px rgba(12,20,17,.18)}.case-card.hide{display:none}.case-thumb{position:relative;height:260px;overflow:hidden;background:linear-gradient(150deg,var(--ink3,#18241F),var(--ink,#0C1411))}.case-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease,ease)}.case-card:hover .case-thumb img{transform:scale(1.07)}.case-thumb .cat{position:absolute;left:18px;top:18px;z-index:2;font-size:14.5px;font-weight:600;letter-spacing:.08em;color:var(--gold2);background:color-mix(in srgb,var(--ink2) 78%,transparent);border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);padding:9px 20px;border-radius:999px;backdrop-filter:blur(4px);box-shadow:0 4px 14px -6px rgba(0,0,0,.5)}.case-thumb .ov{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;padding:20px;background:linear-gradient(180deg,transparent 30%,color-mix(in srgb,var(--ink) 92%,transparent));opacity:0;transition:opacity .45s var(--ease,ease)}.case-card:hover .case-thumb .ov{opacity:1}.case-thumb .ov .go{color:var(--gold2);font-size:13.5px;letter-spacing:.08em;font-weight:600;display:inline-flex;align-items:center;gap:8px;transform:translateY(10px);transition:transform .45s var(--ease,ease)}.case-card:hover .case-thumb .ov .go{transform:translateY(0)}.case-thumb .ov .go:after{content:"→";font-size:16px}.case-body{padding:22px 22px 24px}.case-body .nm{font-size:18px;font-weight:600;color:var(--text,#16241D);letter-spacing:.01em;margin-bottom:8px}.case-body .meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--muted,#6E7A74);margin-bottom:14px}.case-body .meta b{color:var(--gold2);font-weight:600;font-variant-numeric:tabular-nums}.case-body .ds{font-size:14px;line-height:1.75;color:var(--muted,#6E7A74);margin-bottom:16px}.case-tags{display:flex;flex-wrap:wrap;gap:8px}.case-tags span{font-size:12px;color:var(--green,#2E5A4A);background:rgba(46,90,74,.055);border:1px solid rgba(46,90,74,.24);padding:3px 10px;border-radius:999px}.case-empty{grid-column:1/-1;text-align:center;color:var(--muted,#6E7A74);padding:50px 0;font-size:15px;display:none}.case-rich{max-width:100%;font-size:15.5px;line-height:2.05;color:rgba(255,255,255,.72)}.case-rich p{margin:0 0 20px}.case-rich h2,.case-rich h3{color:#fff;font-weight:600;margin:34px 0 16px;line-height:1.5}.case-rich h2{font-size:22px}.case-rich h3{font-size:18px}.case-rich ul,.case-rich ol{margin:0 0 20px;padding-left:24px}.case-rich li{margin-bottom:10px}.case-rich strong{color:var(--gold2,#E2C795);font-weight:600}.case-rich a{color:var(--gold2,#E2C795);text-decoration:underline}.case-rich blockquote{margin:24px 0;padding:16px 22px;border-left:3px solid var(--gold,#C6A15B);background:color-mix(in srgb,var(--gold) 8%,transparent);color:rgba(255,255,255,.8);border-radius:0 4px 4px 0}.case-rich img{max-width:100%;border-radius:4px;margin:16px 0;display:block}@media (max-width:1080px){.casesec{padding:48px 0 64px}.case-grid{grid-template-columns:repeat(2,1fr);gap:22px}.case-thumb{height:220px}}@media (max-width:640px){.case-grid{grid-template-columns:1fr;gap:18px}.case-filter{gap:10px;margin-bottom:28px}.case-filter button,.case-filter a{padding:9px 16px;font-size:13px}}.case-filter a{text-decoration:none;display:inline-flex;align-items:center}