.dzs-root{--dzs-accent:#e11d26;--dzs-gap:20px;--dzs-card-height:340px;color:#f5f5f5;width:100%;font-family:inherit}.dzs-root *{box-sizing:border-box}.dzs-header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.dzs-headlines{min-width:0}.dzs-eyebrow{display:inline-block;border:1px solid #606065;border-radius:99px;padding:6px 15px;font-size:14px;font-weight:600;margin-bottom:14px;line-height:1.3}.dzs-heading{font-size:clamp(30px,4vw,52px);font-weight:800;line-height:1.12;margin:0;color:#f5f5f5}.dzs-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dzs-filter{background:#36373c;border:1px solid transparent;border-radius:6px;color:#fff;padding:10px 18px;min-height:38px;text-transform:uppercase;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,box-shadow .2s,color .2s}.dzs-filter:hover,.dzs-filter:focus-visible{border-color:var(--dzs-accent);color:#fff}.dzs-filter.is-active{background:var(--dzs-accent);color:#fff;box-shadow:0 6px 28px color-mix(in srgb,var(--dzs-accent) 40%,transparent)}.dzs-grid{display:grid;grid-template-columns:repeat(var(--dzs-columns,4),minmax(0,1fr));grid-auto-flow:row dense;gap:var(--dzs-gap);grid-auto-rows:var(--dzs-card-height)}.dzs-card{position:relative;display:block;min-height:0;overflow:hidden;border-radius:9px;background:#24252a;color:#fff;text-decoration:none;isolation:isolate;transition:box-shadow .25s,transform .25s}.dzs-card:hover,.dzs-card:focus-visible{color:#fff;text-decoration:none}.dzs-card[hidden]{display:none!important}.dzs-image,.dzs-overlay{position:absolute;inset:0}.dzs-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.75,.2,1)}.dzs-overlay{z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.04) 30%,rgba(0,0,0,.2) 55%,rgba(0,0,0,.9) 100%);transition:background .2s}.dzs-body{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:23px;transform:translateY(0)}.dzs-category{display:block;font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:700;color:#ddd;margin-bottom:7px}.dzs-card-title{font-size:clamp(19px,1.8vw,26px);font-weight:800;line-height:1.18;margin:0;color:#fff}.dzs-description{font-size:14px;line-height:1.5;margin:9px 0 0;color:#e2e2e4;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.dzs-hover-zoom .dzs-card:hover .dzs-image img,.dzs-hover-zoom .dzs-card:focus-visible .dzs-image img{transform:scale(1.07)}.dzs-hover-glow .dzs-card:hover,.dzs-hover-glow .dzs-card:focus-visible{box-shadow:0 0 0 2px var(--dzs-accent),0 0 30px color-mix(in srgb,var(--dzs-accent) 30%,transparent)}.dzs-hover-zoom .dzs-card:hover .dzs-description,.dzs-hover-zoom .dzs-card:focus-visible .dzs-description,.dzs-hover-glow .dzs-card:hover .dzs-description,.dzs-hover-glow .dzs-card:focus-visible .dzs-description{max-height:180px;opacity:1}.dzs-hover-none .dzs-description{max-height:none;opacity:1}.dzs-badge{position:absolute;top:14px;right:14px;z-index:2;border-radius:4px;background:var(--dzs-accent);padding:6px 10px;font-size:11px;font-weight:800;letter-spacing:.06em}.dzs-layout-mosaic .dzs-size-wide{grid-column:span 2}.dzs-layout-mosaic .dzs-size-large{grid-column:span 2;grid-row:span 2}.dzs-layout-horizontal .dzs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dzs-layout-horizontal .dzs-card{display:block}.dzs-layout-horizontal .dzs-card .dzs-description{max-height:none;opacity:1}.dzs-layout-horizontal .dzs-body{max-width:85%}.dzs-card:focus-visible,.dzs-filter:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:1024px){.dzs-header{align-items:flex-start;flex-direction:column}.dzs-grid{grid-template-columns:repeat(var(--dzs-columns,2),minmax(0,1fr))}.dzs-layout-horizontal .dzs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.dzs-grid,.dzs-layout-horizontal .dzs-grid{grid-template-columns:repeat(var(--dzs-columns,1),minmax(0,1fr))}.dzs-layout-mosaic .dzs-size-wide,.dzs-layout-mosaic .dzs-size-large{grid-column:span 1;grid-row:span 1}.dzs-card{min-height:230px}.dzs-header{gap:16px}.dzs-body{padding:18px}.dzs-description{max-height:130px;opacity:1}.dzs-filters{width:100%}.dzs-filter{padding:9px 12px}}@media(prefers-reduced-motion:reduce){.dzs-root *, .dzs-root *::before,.dzs-root *::after{transition:none!important;animation:none!important}}
