.col-head{padding:72px 0 40px}.col-head .h1{margin-top:20px}.col-body{padding:24px 0 120px}.col-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:40px;display:flex}.col-tabs button{background:var(--grey-100);color:var(--grey-700);cursor:pointer;border:0;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600;transition:background .15s,color .15s}.col-tabs button:hover{background:var(--grey-200)}.col-tabs button.on{background:var(--point);color:#fff}.col-grid{gap:20px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.col-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.col-grid{grid-template-columns:repeat(3,1fr)}}.col-grid li{display:flex}.col-card{border-radius:var(--r-lg);background:var(--grey-100);flex-direction:column;flex:1;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.col-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px -18px #1219264d}.col-thumb{aspect-ratio:1;background:var(--point-soft);place-items:center;display:grid;overflow:hidden}.col-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.col-card:hover .col-thumb img{transform:scale(1.04)}.col-thumb span{color:var(--point);letter-spacing:-.02em;font-size:28px;font-weight:800}.col-text{text-align:center;flex-direction:column;flex:1;align-items:center;padding:22px 24px 24px;display:flex}.col-cat{color:var(--point);font-size:13px;font-weight:700}.col-title{letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:19px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.col-excerpt{color:var(--grey-600);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:10px;font-size:15px;line-height:1.65;display:-webkit-box;overflow:hidden}.col-date{color:var(--grey-500);margin-top:auto;padding-top:16px;font-size:14px}.col-more{margin-top:48px}.col-empty a{color:var(--point);font-weight:700}