.dl,.df{--dl-accent:currentColor;--dl-surface:rgba(0,0,0,.035);--dl-radius:14px;--dl-muted:rgba(0,0,0,.6);--dl-gap:clamp(16px,2.4vw,28px)}.dl-head{margin-bottom:clamp(24px,3.5vw,44px);max-width:46em}.dl-intro{margin-top:14px}.dl-items{list-style:none;margin:0;padding:0;display:grid;gap:var(--dl-gap)}.dl--cards .dl-items{--cols:3;grid-template-columns:repeat(auto-fill,minmax(min(100%,max(240px,calc((100% - (var(--cols) - 1) * var(--dl-gap)) / var(--cols)))),1fr))}.dl--cards .dl-cols-2{--cols:2}.dl--cards .dl-cols-4{--cols:4}.dl-item{position:relative;display:flex;flex-direction:column;border-radius:var(--dl-radius);background:var(--dl-surface);overflow:hidden}.dl-img{position:relative;overflow:hidden;background:#0000000f}.dl-img img{width:100%;height:100%;object-fit:cover;display:block}.dl-img picture{display:contents}.dl-img.ratio-16-9{aspect-ratio:16/9}.dl-img.ratio-16-10{aspect-ratio:16/10}.dl-img.ratio-4-3{aspect-ratio:4/3}.dl-img.ratio-1-1{aspect-ratio:1}.dl-img.ratio-3-4{aspect-ratio:3/4}.dl-ph{position:absolute;inset:0}.dl-body{display:grid;gap:8px;padding:18px 20px 22px}.dl-name{margin:0;font-size:1.25rem;line-height:1.2}.dl-link{color:inherit;text-decoration:none}.dl-link:after{content:"";position:absolute;inset:0}.dl-link:hover,.dl-link:focus-visible{text-decoration:underline;text-underline-offset:3px}.dl-item:focus-within{outline:2px solid var(--dl-accent);outline-offset:3px}.dl-f{color:var(--dl-muted);font-size:.95rem}.dl-meta{margin:0;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dl-accent)}.dl--list .dl-item{flex-direction:row;align-items:stretch}.dl--list .dl-img{flex:0 0 min(34%,320px)}.dl--compact .dl-items{gap:0}.dl--compact .dl-item{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding:14px 0;border-radius:0;background:none;border-bottom:1px solid rgba(0,0,0,.1)}.dl--compact .dl-body{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding:0}.dl--compact .dl-name{font-size:1.1rem}.dl-tablewrap{overflow-x:auto}.dl-table{width:100%;border-collapse:collapse}.dl-table th,.dl-table td{padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.1);text-align:left;vertical-align:top}.dl-table th{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dl-muted)}.dl-empty{padding:24px;border-radius:var(--dl-radius);background:var(--dl-surface);color:var(--dl-muted)}.dl-pager{display:flex;gap:18px;align-items:center;justify-content:center;margin-top:28px}.dl-more{margin-top:clamp(24px,3vw,40px)}@media(max-width:640px){.dl--list .dl-item{flex-direction:column}.dl--list .dl-img{flex-basis:auto;aspect-ratio:16/9}}.dt-swatch{display:inline-block;width:1em;height:1em;margin-right:6px;border-radius:4px;vertical-align:-2px;box-shadow:inset 0 0 0 1px #00000026}.dl-chips{display:inline-flex;flex-wrap:wrap;gap:6px}.dl-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:var(--dl-surface);color:inherit;font-size:.85rem;font-weight:600;text-decoration:none}a.dl-chip:hover{color:var(--dl-accent)}.dl-item .dl-chip{position:relative;z-index:1;background:#0000000f}.df{display:grid;gap:clamp(18px,2.4vw,28px)}.df-back a{color:var(--dl-accent);font-weight:600;text-decoration:none}.df-head{display:grid;gap:14px}.df-title{margin:0}.df-meta{font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dl-accent)}.df-img{overflow:hidden;border-radius:var(--dl-radius);background:#0000000f}.df-img img{width:100%;height:100%;object-fit:cover;display:block}.df-img picture{display:contents}.df-img.ratio-16-9{aspect-ratio:16/9}.df-img.ratio-21-9{aspect-ratio:21/9}.df-img.ratio-4-3{aspect-ratio:4/3}.df-img.ratio-1-1{aspect-ratio:1}.df-img.ratio-3-4{aspect-ratio:3/4}.df-prose{display:grid;gap:18px;max-width:46em}.df-label{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dl-muted);margin-bottom:4px}.df-f--textarea p{font-size:1.15rem;line-height:1.5}.df-dl{display:grid;gap:0;max-width:46em;margin:0}.df-dl div{display:grid;grid-template-columns:minmax(120px,30%) 1fr;gap:16px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.1)}.df-dl dt{font-weight:600}.df-dl dd{margin:0}