.jcws-cat-showcase{background:var(--jcws-bg);border:calc(var( --space-xs ) / 4) solid var(--jcws-accent-80);border-radius:var(--radius-lg);box-shadow:var(--jcws-shadow);display:flex;flex-wrap:nowrap;gap:var(--space-lg);margin-bottom:var(--clamp-padding-value);overflow:hidden;padding:var(--space-responsive-md)}.jcws-cat-info,.jcws-cat-media,.jcws-cat-links{flex-shrink:1;min-width:0}.jcws-cat-info{flex:0 1 19%}.jcws-cat-media{flex:0 1 60%}.jcws-cat-links{flex:0 1 18%}.jcws-cat-info{background:var(--jcws-surface);border:calc(var( --space-xs ) / 4) solid var(--secondary);border-radius:var(--radius-md);display:flex;flex:0 0 19%;flex-direction:column;justify-content:space-between;min-width:160px;padding:var(--space-responsive-md);position:relative;overflow:hidden;transition:border-width 0.8s cubic-bezier(.4,0,.2,1)}.jcws-cat-see{color:var(--jcws-text);display:block;font-family:var(--font-body);font-size:var(--font-base);font-weight:700;letter-spacing:.08em;margin-bottom:var(--space-sm);opacity:.85;text-transform:uppercase;position:relative;z-index:1}.jcws-cat-title{color:var(--jcws-accent);font-family:var(--font-heading);font-size:var(--font-3xl);font-weight:700;line-height:var(--leading-tight);margin:0;overflow-wrap:break-word;padding-bottom:0;position:relative;z-index:1}.jcws-cat-icon{align-self:flex-end;margin-top:auto;padding-top:var(--space-md);position:relative;z-index:1}.jcws-cat-icon svg{height:clamp(2.5rem, 5vw, 3.5rem);opacity:.3;transition:var(--transition);width:clamp(2.5rem, 5vw, 3.5rem)}.jcws-cat-info:hover .jcws-cat-icon svg{opacity:.7;transform:scale(1.1)}.jcws-cat-info::before{content:'';position:absolute;inset:-calc(var( --space-xs ) / 2);border-radius:var(--radius-md);border:calc(var( --space-xs ) / 2) solid var(--secondary);clip-path:polygon(0% 0%,0% 0%,0% 0%,0% 0%);pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.jcws-cat-info:hover::before{opacity:1;animation:jcws-border-draw 1.5s ease-out forwards}.jcws-cat-info::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--jcws-surface) 0%,var(--secondary-rgb-light) 50%,var(--jcws-surface) 100%);background-size:400% 400%;border-radius:var(--radius-md);opacity:0;transition:opacity var(--transition);z-index:0}.jcws-cat-info:hover::after{opacity:1;animation:jcws-gradient-shift 6s ease infinite}.jcws-cat-info:hover .jcws-cat-title{text-decoration:underline;text-decoration-thickness:var(--jcws-text-decoration-thickness);text-underline-offset:var(--jcws-text-underline-offset)}.jcws-cat-media{align-items:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex:0 0 58%;justify-content:center;min-width:15rem;overflow:hidden;position:relative}.jcws-cat-img{border-radius:var(--radius-lg);display:block;height:auto;object-fit:cover;transition:var(--transition-slow);width:100%;height:100%}.jcws-cat-media:hover .jcws-cat-img{transform:scale(1.05)}.jcws-cat-links{display:flex;flex:1 1 18%;flex-direction:column;gap:var(--space-md);justify-content:flex-start;min-width:10rem}.jcws-cat-top-links{display:flex;flex-wrap:wrap;font-size:var(--font-lg);gap:calc(var(--space-md) * 0.8)}.jcws-cat-link{align-items:center;color:var(--jcws-text);display:inline-flex;font-family:var(--font-body);font-weight:600;padding:var(--space-sm) 0;position:relative;text-decoration:none;transition:var(--transition);line-height:var(--leading-normal)}.jcws-cat-link::after{content:'→';font-size:var(--font-2xl);margin-left:calc(var(--space-sm) * 0.7);transition:var(--transition);text-decoration:none;height:var(--leading-normal);margin-top:calc(var( --space-sm ) * -1)}.jcws-cat-link:hover{color:var(--accent);text-decoration:none}.jcws-cat-link:hover::after{text-decoration:none;transform:translateX(var(--space-xs))}.jcws-cat-links hr{border:0;border-top:var(--space-xs) solid var(--jcws-accent-80);margin:var(--space-sm) 0;opacity:.5}.jcws-cat-branches-wrapper{margin-top:var(--space-sm)}.jcws-cat-branches-title{color:var(--jcws-text);display:block;font-family:var(--font-body);font-size:var(--font-xl);font-weight:700;letter-spacing:.04em;margin-bottom:calc(var(--space-md) * 0.75);text-transform:uppercase}.jcws-cat-branches{display:flex;flex-direction:column;gap:calc(var(--space-sm) * 1.2);list-style:none;margin:0;padding:0}.jcws-cat-branches li{margin:0;padding:0}.jcws-tag-link{align-items:center;background:var(--jcws-chip);border:calc(var( --space-xs ) / 4) solid var(--jcws-accent-80);border-radius:var(--radius);color:var(--jcws-text);display:inline-flex;font-family:var(--font-body);font-size:var(--font-base);font-weight:500;padding:var(--space-sm) calc(var(--space-md) * 0.75);position:relative;text-decoration:none;transition:var(--transition)}.jcws-tag-link::before{color:var(--secondary);content:'›';font-size:1.2em;font-weight:700;margin-right:var(--space-sm);transition:var(--transition)}.jcws-tag-link:hover{background:var(--jcws-chip-hover);border-color:var(--accent);box-shadow:var(--shadow-md);color:var(--jcws-text);transform:translateX(var(--space-xs))}.jcws-tag-link:hover::before{transform:translateX(var(--space-xs))}@media (min-width:960px) and (max-width:1280px){.jcws-cat-info{flex:0 1 23%}.jcws-cat-media{flex:0 1 40%}.jcws-cat-links{flex:0 1 34%}.jcws-cat-branches{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--space-sm) * 1.2)}}@media (min-width:640px) and (max-width:960px){.jcws-cat-showcase{flex-direction:column;gap:calc(var(--space-lg) * 0.83);padding:var(--space-lg)}.jcws-cat-info,.jcws-cat-media,.jcws-cat-links{flex:1 1 100%;min-width:100%}.jcws-cat-info{align-items:center;flex-direction:row;justify-content:space-between;padding:var(--space-md)}.jcws-cat-icon{margin-top:0;padding-top:0}.jcws-cat-title{font-size:var(--font-2xl)}.jcws-cat-top-links{gap:calc(var(--space-lg) * 0.8);justify-content:flex-start}.jcws-cat-branches{flex-flow:row wrap;gap:var(--space-sm)}.jcws-tag-link{font-size:var(--font-sm);padding:var(--space-sm) calc(var(--space-md) * 0.65)}}@media (max-width:640px){.jcws-cat-showcase{flex-direction:column;gap:calc(var(--space-lg) * 0.83);padding:var(--space-lg)}.jcws-cat-info,.jcws-cat-media,.jcws-cat-links{flex:1 1 100%;min-width:100%}.jcws-cat-info{align-items:center;flex-direction:row;justify-content:space-between;padding:var(--space-md)}.jcws-cat-icon{margin-top:0;padding-top:0}.jcws-cat-title{font-size:var(--font-2xl)}.jcws-cat-top-links{gap:calc(var(--space-lg) * 0.8);justify-content:flex-start}.jcws-cat-branches{flex-flow:row wrap;gap:var(--space-sm)}.jcws-tag-link{font-size:var(--font-sm);padding:var(--space-sm) calc(var(--space-md) * 0.65)}}@keyframes jcws-border-draw{0%{clip-path:polygon(0% 0%,0% 0%,0% 0%,0% 0%)}25%{clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%)}50%{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 0%)}75%{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}100%{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}}@keyframes jcws-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.jcws-cat-link:focus-visible,.jcws-tag-link:focus-visible{border-radius:var(--radius);outline:var(--jcws-focus-outline);outline-offset:var(--jcws-focus-offset)}@media print{.jcws-cat-showcase{border:1px solid var(--border);box-shadow:none;break-inside:avoid}}