.dl-head{margin-bottom:var(--sp-l)}.dl-empty{padding:var(--sp-m);border-radius:var(--k-r2);background:var(--k-surface);color:var(--k-muted)}.dl-ph{position:absolute;inset:0;background:var(--k-surface)}.ratio-16-9{aspect-ratio:16/9}.ratio-16-10{aspect-ratio:16/10}.ratio-4-3{aspect-ratio:4/3}.ratio-3-2{aspect-ratio:3/2}.ratio-4-5{aspect-ratio:4/5}.ratio-3-4{aspect-ratio:3/4}.ratio-1-1{aspect-ratio:1}.ratio-21-9{aspect-ratio:21/9}.chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.chip{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid var(--k-line);border-radius:999px;color:var(--k-ink);font-size:var(--s-n1);text-decoration:none;white-space:nowrap}a.chip{min-height:36px}a.chip:hover{border-color:var(--k-ink);background:var(--k-surface)}.chip--more{color:var(--k-muted)}span.chip{min-height:0;padding:0;border:0;border-radius:0;color:var(--k-muted)}.chips li+li>span.chip:before{content:"\b7";margin-right:6px;color:var(--k-muted)}.fnav{margin:0 0 var(--sp-l)}.fnav ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.fnav a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1.5px solid var(--k-line);border-radius:999px;color:var(--k-ink);text-decoration:none;font-size:var(--s-n1);font-weight:400}.fnav a:hover{border-color:var(--k-ink)}.fnav a[aria-current]{background:var(--k-btn);border-color:var(--k-btn);color:var(--k-btn-ink);font-weight:700}.fnav__count{margin:var(--sp-s) 0 0;font:var(--k-label-w) var(--s-n2)/1.4 var(--k-label-font);letter-spacing:calc(.1em*var(--k-label-sp));text-transform:var(--k-label-case);color:var(--k-muted);font-variant-numeric:tabular-nums}.works{--cols:3;display:grid;gap:var(--sp-xl) var(--k-gap);list-style:none;margin:0;padding:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,max(260px,calc((100% - (var(--cols) - 1) * var(--k-gap)) / var(--cols)))),1fr))}.works--2{--cols:2}.works--4{--cols:4}.work-card{position:relative;display:flex;flex-direction:column;gap:var(--sp-s)}.work-card__media{position:relative;border-radius:var(--k-r2);overflow:hidden;background:var(--k-surface)}.work-card__media picture,.work-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.work-card__go{position:absolute;right:12px;bottom:12px;padding:8px 14px;border-radius:999px;background:var(--k-btn);color:var(--k-btn-ink);font-weight:700;font-size:var(--s-n1);opacity:0;translate:0 8px;transition:opacity .25s,translate .25s}.work-card:hover .work-card__media img,.work-card:focus-within .work-card__media img{transform:scale(1.05)}.work-card:hover .work-card__go,.work-card:focus-within .work-card__go{opacity:1;translate:0 0}.work-card__body{display:grid;gap:8px}.work-card__tag{margin:0;font:var(--k-label-w) var(--s-n1)/1.3 var(--k-label-font);letter-spacing:calc(.04em*var(--k-label-sp));color:var(--k-muted);overflow-wrap:anywhere;hyphens:none}.work-card__title{margin:0;font-size:var(--s-1);font-weight:700;line-height:1.2;letter-spacing:-.01em}.work-card__link{color:var(--k-ink);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:.2em;transition:text-decoration-color .25s}.work-card__link:after{content:"";position:absolute;inset:0;z-index:1}.work-card:hover .work-card__link{text-decoration-color:var(--k-accent)}.work-card:focus-within{outline:2px solid var(--k-focus);outline-offset:6px;border-radius:var(--k-r2)}.work-card__link:focus-visible{outline:none}.work-card__f{color:var(--k-muted);font-size:var(--s-n1)}.dl-pager{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;margin-top:var(--sp-xl);font-variant-numeric:tabular-nums}.dl-more{margin-top:var(--sp-xl)}.dl-items{list-style:none;margin:0;padding:0;display:grid;gap:var(--k-gap)}.dl--cards .dl-items{--cols:3;--min:260px;grid-template-columns:repeat(auto-fill,minmax(min(100%,max(var(--min),calc((100% - (var(--cols) - 1) * var(--k-gap)) / var(--cols)))),1fr))}.dl--cards .dl-cols-2{--cols:2;--min:280px}.dl--cards .dl-cols-4{--cols:4;--min:220px}.dl-clamp{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.dl-clamp-2{-webkit-line-clamp:2;line-clamp:2}.dl-clamp-3{-webkit-line-clamp:3;line-clamp:3}.dl-clamp-4{-webkit-line-clamp:4;line-clamp:4}.dl-clamp-6{-webkit-line-clamp:6;line-clamp:6}@media print{.dl-clamp{display:block;-webkit-line-clamp:none;line-clamp:none;overflow:visible}}.dl-item{position:relative;display:flex;flex-direction:column;border-radius:var(--k-r2);background:var(--k-card);border:1px solid var(--k-line);overflow:hidden}.dl-img{position:relative;overflow:hidden;background:var(--k-surface)}.dl-img img,.dl-img picture{display:block;width:100%;height:100%;object-fit:cover}.dl-body{display:grid;gap:8px;padding:18px 20px 22px}.dl-name{margin:0;font-size:var(--s-1);font-weight:700}.dl-link{color:var(--k-ink);text-decoration:none}.dl-link:after{content:"";position:absolute;inset:0}.dl-item:focus-within{outline:2px solid var(--k-focus);outline-offset:3px}.dl-f{color:var(--k-muted);font-size:var(--s-n1)}.dl-meta{margin:0;font:var(--k-label-w) var(--s-n2)/1.4 var(--k-label-font);letter-spacing:calc(.1em*var(--k-label-sp));text-transform:var(--k-label-case);color:var(--k-muted)}.dl--list .dl-item{flex-direction:row}.dl--list .dl-img{flex:0 0 min(34%,320px)}.dl--compact .dl-items{gap:0}.dl--compact .dl-item{flex-direction:row;border:0;border-bottom:1px solid var(--k-line);border-radius:0;background:none}.dl--compact .dl-body{padding:14px 0}.dl-tablewrap{overflow-x:auto}.dl-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.dl-table th,.dl-table td{padding:12px 14px;border-bottom:1px solid var(--k-line);text-align:left;vertical-align:top}.dl-table th{font:var(--k-label-w) var(--s-n2)/1.4 var(--k-label-font);letter-spacing:calc(.1em*var(--k-label-sp));text-transform:var(--k-label-case);color:var(--k-muted)}@media(max-width:640px){.dl--list .dl-item{flex-direction:column}}.work-card__media.is-contain{background:#1e2638}.work-card__media.is-contain img{object-fit:contain!important;padding:4%}.ratio-9-16{aspect-ratio:9/16}
