/* 메인 카테고리: 배경과 투명 아이콘을 분리하여 작은 화면에서도 제목을 유지 */
.index .cat-big{position:relative;isolation:isolate;overflow:hidden;height:150px;gap:5px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.12);box-shadow:0 3px 10px rgba(15,23,42,.06);transition:box-shadow .3s ease;}
.index .cat-big::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,rgba(var(--cat-tint),.28),rgba(var(--cat-tint),.42));}
.index .cat-big::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:#000;opacity:.01;transition:opacity .3s ease;}
.index .cat-sinjeom{--cat-tint:155,38,52;background-color:#9B2634;background-image:url("../img/categories/sinjeom-bg.webp");}
.index .cat-saju{--cat-tint:41,78,155;background-color:#294E9B;background-image:url("../img/categories/saju-bg.webp");}
.index .cat-taro{--cat-tint:119,52,162;background-color:#7734A2;background-image:url("../img/categories/taro-bg.webp");}
.index .cat-jakm{--cat-tint:8,122,96;background-color:#087A60;background-image:url("../img/categories/jakm-bg.webp");}
.index .cat-art-icon{display:block;width:60px;height:60px;object-fit:contain;filter:url(#jj-category-line-strengthen);mix-blend-mode:screen;}
.index .cat-big .cat-name{color:#fff;font-size:17px;text-shadow:0 1px 4px rgba(0,0,0,.3);}
.index .cat-big .cat-cnt{color:rgba(255,255,255,.85);font-size:11px;}
.index .cat-big:focus-visible{outline:3px solid #C9A84C;outline-offset:3px;}
.index .cat-big:focus-visible::after{opacity:0;}
@media(hover:hover) and (pointer:fine){.index .cat-big:hover{box-shadow:0 5px 16px rgba(15,23,42,.2);}.index .cat-big:hover::after{opacity:0;}}
@media(max-width:1023px){.index .cat-grid{gap:10px;}.index .cat-big{height:116px;border-radius:14px;}.index .cat-art-icon{width:50px;height:50px;}.index .cat-big .cat-name{font-size:15px;}}
@media(prefers-reduced-motion:reduce){.index .cat-big,.index .cat-big::after{transition:none;}}