.case-archive-section{padding:0 20px 60px}.case-archive-section .container{max-width:1080px;margin:0 auto;padding:0 1rem}.case-archive-title{color:var(--color-text)}.case-archive-section .case-filter-wrap{background-color:var(--color-bg-accent);padding:2rem;margin-bottom:2rem;border-radius:6px}.case-archive-section .case-filter-grid{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.case-archive-section .filter-box{flex:1 1;min-width:220px;background:var(--color-white);border:1px solid var(--color-border);padding:1rem;box-sizing:border-box;border-radius:4px}.case-archive-section .filter-box label{font-size:.85rem;color:var(--color-text);opacity:.75;display:block;margin-bottom:.5rem}.case-archive-section .filter-box select{width:100%;font-size:1rem;padding:.5rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-white);color:var(--color-text)}.case-archive-section .filter-submit-area{text-align:left}.case-archive-section .filter-submit{display:inline-block;padding:.75rem 2rem;background:var(--color-primary);color:var(--color-white);font-size:1rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.case-archive-section .filter-submit:hover{background-color:var(--color-primary-dark)}.case-archive-section .case-grid{display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:repeat(3,1fr);align-items:start}@media (max-width:1024px){.case-archive-section .case-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.case-archive-section .case-grid{grid-template-columns:1fr}}.case-archive-section .case-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.case-archive-section .case-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.case-archive-section .case-thumbnail{aspect-ratio:16/9;overflow:hidden}.case-archive-section .case-thumbnail img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.case-archive-section .case-content{padding:1.5rem 1.5rem 1.8rem}.case-archive-section .case-title{font-size:1.05rem;font-weight:700;color:var(--color-text);margin:0 0 1rem;line-height:1.6}.case-archive-section .case-category{font-size:.875rem;color:var(--color-primary);text-align:left;margin-top:.5rem}.case-archive-section .case-category span{display:inline-block;background-color:var(--color-bg-accent);padding:2px 8px;border-radius:4px;margin-right:6px}.case-archive-section .case-logo{position:absolute;bottom:4px;left:4px;background-color:var(--color-white);padding:4px 6px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.08);max-width:100px;height:28px;display:flex;align-items:center;justify-content:center;overflow:hidden}.case-archive-section .case-logo img{max-height:100%;max-width:100%;object-fit:contain;display:block}.case-archive-section .case-readmore-btn{display:block;width:-moz-fit-content;width:fit-content;margin:1rem auto 0;padding:.5rem 1rem;background-color:var(--color-primary);color:var(--color-white);border-radius:4px;text-align:center;cursor:pointer;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .3s ease}.case-archive-section .case-readmore-btn:hover{background-color:var(--color-primary-dark)}.case-archive-section .pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:3rem;flex-wrap:wrap}.case-archive-section .pagination-list{display:flex;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0}.case-archive-section .pagination-item,.case-archive-section .pagination-next,.case-archive-section .pagination-prev{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;border:1px solid var(--color-border);border-radius:4px;font-size:.9rem;color:var(--color-text);background-color:var(--color-white);text-decoration:none;transition:background-color .2s ease,color .2s ease}.case-archive-section .pagination-item:hover,.case-archive-section .pagination-next:hover,.case-archive-section .pagination-prev:hover{background-color:var(--color-bg-accent)}.case-archive-section .pagination-item.is-current{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);font-weight:700;pointer-events:none}.case-archive-section .pagination-next,.case-archive-section .pagination-prev{padding:0 .75rem}:where(.site-main.archive-case) .breadcrumb{background-color:var(--color-white)}:where(.site-main.archive-case) .breadcrumb .container{padding:16px 0}