.category-media{display:block;position:relative;aspect-ratio:3/2;background:#252625;overflow:hidden;isolation:isolate}
.category-media.category-collage{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#b99558}
.category-collage-frame{position:relative;display:block;overflow:hidden;min-width:0;min-height:0}
.category-collage-frame img{position:absolute;display:block;max-width:none;height:auto;max-height:none}
.category-photo{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.category-media:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0005);pointer-events:none;z-index:1}
.category-symbol{display:block;width:40px;height:40px;object-fit:contain;flex-shrink:0}
.category-icon-badge{position:absolute;left:18px;bottom:18px;width:57px;height:57px;display:grid;place-items:center;background:#0a0b0ee6;border:1px solid #e4bb7045;border-radius:3px;box-shadow:0 5px 25px #0003;z-index:2}
.visual-caption{position:absolute;bottom:18px;right:18px;z-index:2;font-size:6px;font-weight:500;letter-spacing:1.3px;color:#f4eadb;background:#1011149c;padding:5px 7px;border:1px solid #ffffff1c;border-radius:2px}
.visual-preview-grid{gap:21px;background:none;border:0;align-items:stretch}
.visual-preview-grid>a{padding:0;border:1px solid #ffffff1c;background:#111216;display:flex;flex-direction:column}
.visual-preview-grid>a:hover{background:#17181d;border-color:#e4bb7055}
.visual-preview-grid>a:hover .category-photo,.catalog-image-link:hover .category-photo{transform:scale(1.035)}
.preview-card-copy{padding:24px 23px 43px;position:relative;flex:1}
.visual-preview-grid h3{margin:17px 0 12px;line-height:1.25}
.visual-preview-grid .preview-arrow{right:22px;bottom:18px}
.visual-preview-grid .category-icon-badge{left:13px;bottom:13px;width:43px;height:43px}
.visual-preview-grid .category-symbol{width:30px;height:30px}
.visual-preview-grid .visual-caption{bottom:14px;right:10px;font-size:5px;letter-spacing:.7px;padding:4px 5px}
.visual-catalog-card{padding:0;overflow:hidden;background:#111216}
.visual-catalog-card:before{z-index:3}
.catalog-image-link{display:block;border-bottom:1px solid #ffffff12}
.catalog-card-content{padding:29px}
.catalog-card-content>p{font-size:13px;line-height:1.8;color:#a7a5af;margin:20px 0 24px;max-width:480px}
.category-filters button{display:inline-flex;gap:8px;align-items:center;justify-content:center}
.category-filters .filter-symbol{width:23px;height:23px}
.category-filters button[aria-pressed=true] .filter-symbol{filter:brightness(.15)}
.category-hero{grid-template-columns:1fr 1fr;gap:55px;margin-top:65px;align-items:center}
.category-hero h1{font-size:clamp(38px,4.1vw,62px);line-height:1.1}
.category-feature{margin:0;min-width:0}
.category-feature .category-media{border:1px solid #ffffff19}
.category-feature figcaption{font-size:9px;line-height:1.8;color:#a3a0a9;letter-spacing:.4px;padding-top:14px}
.category-feature .category-icon-badge{width:62px;height:62px}
.category-feature .category-symbol{width:45px;height:45px}
.category-feature .visual-caption{font-size:7px}
@media(max-width:1100px){.visual-preview-grid{gap:16px}.preview-card-copy{padding:22px 18px 40px}.visual-preview-grid h3{font-size:18px}.category-hero{gap:30px}.catalog-card-content{padding:24px}.visual-preview-grid .category-icon-badge{width:39px;height:39px}.visual-preview-grid .category-symbol{width:28px;height:28px}.visual-preview-grid .visual-caption{font-size:4px;letter-spacing:.5px}}
@media(max-width:1000px){.visual-preview-grid .category-icon-badge{width:50px;height:50px;left:16px;bottom:16px}.visual-preview-grid .category-symbol{width:35px;height:35px}.visual-preview-grid .visual-caption{font-size:6px;letter-spacing:1px;bottom:16px;right:14px}.category-hero{grid-template-columns:1fr 1fr}.category-hero h1{font-size:40px}.category-feature .category-icon-badge{width:48px;height:48px}.category-feature .category-symbol{width:34px;height:34px}}
@media(max-width:700px){.visual-preview-grid{grid-template-columns:1fr;gap:24px}.visual-preview-grid .category-icon-badge{width:51px;height:51px}.visual-preview-grid .category-symbol{width:36px;height:36px}.preview-card-copy{padding:23px 23px 42px}.visual-preview-grid h3{font-size:23px;margin-top:14px}.visual-preview-grid p{font-size:12px;line-height:1.8}.visual-preview-grid .preview-num{font-size:9px}.visual-preview-grid .preview-arrow{font-size:21px}.category-hero{grid-template-columns:1fr;gap:33px;margin-top:40px}.category-hero h1{font-size:38px}.category-feature{display:block}.category-feature .category-icon-badge{width:52px;height:52px}.category-feature .category-symbol{width:37px;height:37px}.category-feature figcaption{font-size:9px}.category-feature .visual-caption{font-size:6px}.catalog-card-content{padding:24px 22px}.catalog-card-content>p{font-size:13px}.category-icon-badge{width:51px;height:51px;left:16px;bottom:16px}.category-symbol{width:36px;height:36px}.visual-caption{font-size:5px;bottom:17px;right:12px}.category-filters button{font-size:10px;padding:9px 10px;gap:6px}.category-filters .filter-symbol{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.category-photo{transition:none}.visual-preview-grid>a:hover .category-photo,.catalog-image-link:hover .category-photo{transform:none}}