/* Category navigation: a numbered index and one shared product showcase. */
.category-directory #category-grid.cd-directory{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:clamp(32px,5.4vw,88px);align-items:start}
.cd-list{min-width:0;border-top:1px solid #11100f}
.cd-directory .cd-category{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 24px;column-gap:16px;align-items:center;min-height:111px;padding:22px 12px 22px 0;border-bottom:1px solid #11100f35;isolation:isolate;visibility:visible!important;opacity:1!important;transform:none!important}
.cd-category::before{content:"";position:absolute;inset:0 -14px;background:var(--red);z-index:-1;transform:scaleY(0);transform-origin:bottom;transition:transform .35s var(--ease)}
.cd-category.cd-active::before{transform:scaleY(1)}
.cd-category .cd-row-number{grid-row:1 / 3;align-self:start;padding-top:5px;font:700 10px/1.3 Manrope,Arial,sans-serif;letter-spacing:.04em}
.cd-directory .cd-category .category-tile-label{display:contents}
.cd-directory .cd-category .category-tile-label h2{grid-column:2;grid-row:1;font:900 clamp(27px,2.65vw,42px)/.98 var(--display);letter-spacing:-.015em;overflow-wrap:anywhere;margin:0}
.cd-directory .cd-category .category-tile-label>svg{grid-column:3;grid-row:1 / 3;width:21px;height:21px;transition:transform .3s var(--ease)}
.cd-directory .cd-category.cd-active .category-tile-label>svg{transform:rotate(45deg)}
.cd-directory .cd-category>p{grid-column:2;grid-row:2;margin-top:8px;font-size:10px;line-height:1.5;color:#655d51;transition:color .25s}
.cd-directory .cd-category.cd-active>p{color:var(--ink)}
.cd-directory .cd-category>.category-tile-image{display:none}
.cd-directory .cd-category:focus-visible{outline:2px solid var(--ink);outline-offset:5px;z-index:2}
.cd-preview{position:sticky;top:110px;min-width:0;background:transparent;overflow:hidden}
.cd-preview-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 18px;font-size:9px;font-weight:700;letter-spacing:.12em}
.cd-preview-counter{font-variant-numeric:tabular-nums;color:#766d5e}
.cd-preview-stage{position:relative;margin:0 0 24px;height:clamp(220px,42svh,460px);background:#fff;overflow:hidden;isolation:isolate}
.cd-preview-image{position:absolute;inset:0;display:grid;place-items:center;background:#fff;overflow:hidden}
.cd-preview-image img{width:100%;height:100%;object-fit:contain;padding:0;display:block;max-height:100%;min-height:0;transform:none}
.cd-image-fallback{font:900 clamp(45px,6vw,88px)/.95 var(--display);color:var(--ink);text-align:center;padding:30px;overflow-wrap:anywhere}
.cd-preview-footer{padding:0;background:transparent;color:var(--ink)}
.cd-preview-title{font:900 clamp(28px,3.1vw,46px)/1 var(--display);letter-spacing:-.015em;margin:0 0 10px;overflow-wrap:anywhere}
.cd-preview-meta{font-size:10px;color:#655d51;line-height:1.6;min-height:16px}
.cd-explore{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:52px;margin-top:20px;padding-top:16px;border-top:1px solid #11100f30;font-size:10px;font-weight:700;letter-spacing:.06em}
.cd-explore svg{width:20px;height:20px;transition:transform .3s var(--ease)}
.cd-explore:hover svg{transform:translate(3px,-3px)}
@media(min-width:761px) and (max-height:780px){.cd-preview{top:96px}.cd-preview-stage{aspect-ratio:1.65;margin-top:16px;margin-bottom:16px}.cd-preview-footer{padding-top:20px;padding-bottom:20px}.cd-explore{margin-top:14px}.cd-preview-title{font-size:34px}}
@media(max-width:1050px) and (min-width:761px){.category-directory #category-grid.cd-directory{gap:32px;grid-template-columns:1fr 1fr}.cd-directory .cd-category{grid-template-columns:25px minmax(0,1fr) 18px;column-gap:9px}.cd-category::before{inset-inline:-8px}.cd-directory .cd-category .category-tile-label h2{font-size:28px}.cd-preview-top,.cd-preview-footer{padding-inline:0}}
@media(max-width:760px){
 .category-directory #category-grid.cd-directory{display:block}
 .cd-preview{display:none}
 .cd-directory .cd-category{grid-template-columns:22px 72px minmax(0,1fr) 18px;gap:0 12px;min-height:119px;padding:18px 0}
 .cd-category::before{display:none}
 .cd-category .cd-row-number{grid-column:1;grid-row:1 / 3;font-size:9px}
 .cd-directory .cd-category>.category-tile-image{display:flex;grid-column:2;grid-row:1 / 3;aspect-ratio:1;width:72px;height:72px;background:#fff}
 .cd-directory .cd-category .category-tile-image img{height:100%;width:100%;object-fit:contain;transform:none;transition:none}
 .cd-category .category-number{display:none}
 .cd-directory .cd-category .category-tile-label h2{grid-column:3;grid-row:1;font-size:25px;align-self:end}
 .cd-directory .cd-category .category-tile-label>svg{grid-column:4;grid-row:1 / 3;width:17px;height:17px;transform:none}
 .cd-directory .cd-category>p{grid-column:3;grid-row:2;font-size:9px;align-self:start;margin-top:6px}
 .cd-directory .cd-category:active{color:var(--red)}
}
@media(prefers-reduced-motion:reduce){.cd-category::before,.cd-directory .cd-category .category-tile-label>svg,.cd-directory .cd-category>p,.cd-explore svg{transition:none}}