.filters{--line:color-mix(in srgb, currentColor 16%, transparent);font:500 15px / 1.3 var(--font-body)}.filters__panel{gap:18px;padding:2px 2px 8px;display:grid}.filters__set{border:0;border-top:var(--bds-border-width-base,1px) solid var(--line);min-width:0;margin:0;padding:18px 0 0;display:grid}.filters__label{font:500 12px / 1.2 var(--font-body);letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin:0;padding:0}.filters__set>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:24px;list-style:none;transition:opacity .2s;display:flex}.filters__set>summary::-webkit-details-marker{display:none}.filters__set>summary:hover{opacity:.9}.filters__set>summary:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid}.filters__fold{transition:rotate .2s var(--ease-out,ease);flex:none}.filters__set:not([open]) .filters__fold{rotate:-90deg}.filters__body{gap:8px;padding-top:12px;display:grid}.filters__field,.multi__box{border:var(--bds-border-width-base,1px) solid color-mix(in srgb, currentColor 24%, transparent);width:100%;min-height:44px;color:inherit;font:500 16px / 1.2 var(--font-body);appearance:none;background:#fdfef00a;border-radius:12px;padding:0 14px;transition:border-color .2s}.filters__field:hover,.multi__box:hover{border-color:color-mix(in srgb, currentColor 55%, transparent)}.filters__field:focus-visible,.multi__box:focus-within{border-color:currentColor;outline:none}.filters__field::placeholder{color:currentColor;opacity:.5}.filters__search{display:block;position:relative}.filters__search svg{opacity:.6;pointer-events:none;position:absolute;top:50%;left:14px;translate:0 -50%}.filters__search .filters__field{padding-left:42px}.filters__search .filters__field::-webkit-search-cancel-button{filter:invert();opacity:.6}.filters__select{min-width:0;display:block;position:relative}.filters__select:after{content:"";opacity:.7;pointer-events:none;border:1.6px solid;border-width:0 1.6px 1.6px 0;width:7px;height:7px;position:absolute;top:50%;right:16px;translate:0 -70%;rotate:45deg}.filters__select .filters__field{cursor:pointer;text-overflow:ellipsis;padding-right:38px}.filters__select option{background:var(--bg,#0b0f0c);color:var(--fg,#fdfef0)}.filters__span{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.filters__to{opacity:.5}.filters__opt{cursor:pointer;align-items:center;gap:10px;min-height:28px;display:flex}.filters__n{font-variant-numeric:tabular-nums;opacity:.5;margin-left:auto;font-size:13px}.filters__opt input{border:1.5px solid color-mix(in srgb, currentColor 45%, transparent);width:16px;height:16px;color:inherit;cursor:pointer;appearance:none;background:0 0;border-radius:4px;flex:none;place-content:center;margin:0;transition:background-color .16s,border-color .16s;display:grid}.filters__opt input[type=radio]{border-radius:50%}.filters__opt input:before{content:"";width:8px;height:8px;transition:scale .16s var(--ease-out,ease);scale:0}.filters__opt input[type=checkbox]:before{clip-path:polygon(14% 52%,0 66%,38% 100%,100% 22%,86% 8%,38% 72%);background:var(--bg,#0b0f0c)}.filters__opt input[type=radio]:before{background:var(--bg,#0b0f0c);border-radius:50%}.filters__opt input:checked{border-color:var(--fg);background:var(--fg)}.filters__opt input:checked:before{scale:1}.filters__opt:hover input{border-color:currentColor}.filters__opt input:focus-visible{outline-offset:3px;outline:2px solid}.multi{position:relative}.multi__box{cursor:pointer;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px 6px 6px;display:flex}.multi__tokens{display:contents}.multi__token{background:color-mix(in srgb, currentColor 12%, transparent);min-height:30px;color:inherit;font:500 14px / 1 var(--font-body);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 8px 0 12px;display:inline-flex}.multi__token span:last-child{opacity:.6;font-size:17px}.multi__token:hover span:last-child{opacity:1}.multi__token:focus-visible,.multi__open:focus-visible{outline-offset:2px;outline:2px solid}.multi__open{min-height:30px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1 0 auto;justify-content:space-between;align-items:center;gap:8px;padding:0 6px 0 8px;display:flex}.multi__hint{opacity:.5}.multi__open svg{opacity:.7;margin-left:auto;transition:rotate .2s}.multi__open[aria-expanded=true] svg{rotate:180deg}.multi__list{scrollbar-width:none;border:var(--bds-border-width-base,1px) solid var(--line);background:color-mix(in srgb, var(--bg,#0b0f0c), #fff 4%);border-radius:12px;gap:2px;max-height:280px;margin-top:6px;padding:8px 12px;display:grid;overflow-y:auto}.filters__foot{border-top:var(--bds-border-width-base,1px) solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-top:18px;display:flex}.filters__count{font:500 14px / 1 var(--font-body);font-variant-numeric:tabular-nums;opacity:.7;margin:0}.filters__clear{color:inherit;font:500 14px / 1 var(--font-body);text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.wk{--tile-r:clamp(16px, 1.15vw, 22px)}.wk [hidden]{display:none!important}.wk.sheets{--surface:var(--deep)}.wk .wk-page{border-radius:0 0 var(--sheet-r) var(--sheet-r);padding-top:clamp(132px,10.5vw,200px)}.wk-band{top:var(--band-top,96px);z-index:5;border-bottom:var(--bds-border-width-base,1px) solid #363636;justify-content:flex-start;align-items:end;margin-top:clamp(40px,4.4vw,64px);display:flex;position:sticky}.wk .wk-band[hidden]{visibility:hidden;display:flex!important}.wk-band:before{content:"";inset:calc(-1 * var(--band-top,96px)) 0 -1px;z-index:-1;background:var(--surface);box-shadow:0 0 0 100vmax var(--surface);clip-path:inset(0 -100vmax);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute}.wk-band[data-stuck]:before{opacity:1}.wk-tabs{scrollbar-width:none;justify-content:flex-start;gap:clamp(24px,3.3vw,48px);min-width:0;margin-bottom:-1px;display:flex;overflow-x:auto}.wk-tabs::-webkit-scrollbar{display:none}.wk-tab{height:46px;color:var(--paper);font:500 24px / 1 var(--font-body);letter-spacing:-.03em;white-space:nowrap;opacity:.5;cursor:pointer;transition:opacity .2s, border-color .2s, font-size .26s var(--ease-out,ease);background:0 0;border:0;border-bottom:1px solid #0000;flex:none;align-content:end;padding:0 0 14px;display:grid}.wk-tab:hover{opacity:.8}.wk-tab[aria-pressed=true]{opacity:1;border-bottom-color:#fff}.wk-tab:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid}.wk-band[data-stuck] .wk-tab{font-size:18px}.wk-band__filter{width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:6px;right:-3px}.wk-band__filter img{opacity:.4;transition:opacity .2s}.wk-band__filter:hover img,.wk-band__filter[aria-expanded=true] img{opacity:1}.wk-band__filter:focus-visible{outline-offset:2px;outline:2px solid}.wk-band__on{color:#1b1b1a;min-width:16px;height:16px;font:600 10px / 1 var(--font-body);background:#ffda35;border-radius:99px;place-items:center;padding:0 4px;display:grid;position:absolute;top:0;right:-4px}@media (max-width:700px){.wk-band{padding-right:44px}.wk-tab{height:40px;padding-bottom:12px;font-size:18px}.wk-band[data-stuck] .wk-tab{font-size:16px}}.wk-body{--panel:clamp(260px, 19vw, 320px);overflow-anchor:none;transition:grid-template-columns .52s var(--ease-out,ease), column-gap .52s var(--ease-out,ease);grid-template-columns:minmax(0,1fr) 0;align-items:start;column-gap:0;margin-top:clamp(20px,2vw,28px);display:grid}.wk[data-open] .wk-body{grid-template-columns:minmax(0, 1fr) var(--panel);column-gap:clamp(16px,1.4vw,24px)}.wk-main{min-width:0}.wk[data-filtered] .wk-main{min-height:100dvh}.wk-filters{top:calc(var(--band-top,96px) + var(--band-h,46px) + clamp(20px, 2vw, 28px));max-height:calc(100dvh - var(--band-top,96px) - var(--band-h,46px) - 2 * clamp(20px, 2vw, 28px));scrollbar-width:none;min-width:0;position:sticky;overflow:hidden auto}.wk-filters::-webkit-scrollbar{display:none}.wk-filters .filters__panel{width:var(--panel);opacity:0;transition:opacity .32s var(--ease-out,ease), translate .52s var(--ease-out,ease);translate:24px}.wk[data-open] .wk-filters .filters__panel{opacity:1;transition-delay:.12s,0s;translate:none}.wk-none{margin:0 0 var(--bds-space-lg);font:400 18px / 1.5 var(--font-body);opacity:.8}.wk-none button{color:inherit;font:inherit;text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (max-width:1000px){.wk-body,.wk[data-open] .wk-body{grid-template-columns:minmax(0,1fr);column-gap:0}.wk-filters{max-height:none;transition:grid-template-rows .42s var(--ease-out,ease);grid-row:1;grid-template-rows:0fr;display:grid;position:static;overflow:hidden}.wk[data-open] .wk-filters{margin-bottom:var(--bds-space-xl);grid-template-rows:1fr}.wk-filters .filters__panel{width:auto;max-width:34rem;min-height:0;translate:0 -12px}.wk-main{grid-row:2}}@media (prefers-reduced-motion:reduce){.wk-body,.wk-filters,.wk-filters .filters__panel,.wk-tab{transition:none}}.wk-grid{counter-reset:case;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,2.6vw,44px) clamp(10px,.9vw,16px);margin:0;padding:0;list-style:none;display:grid}@media (max-width:700px){.wk-grid{grid-template-columns:minmax(0,1fr)}}.wk-card{min-width:0;color:var(--paper);align-content:start;gap:clamp(8px,.6vw,10px);display:grid;position:relative}.wk-card__media{isolation:isolate;aspect-ratio:16/10;border-radius:var(--bds-radius-xl);background:color-mix(in srgb, currentColor 8%, transparent);place-items:center;display:grid;position:relative;overflow:clip}.wk-card__media:before{content:"";z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.wk-card__media picture{position:absolute;inset:0}.wk-card__media img{object-fit:cover;width:100%;height:100%;display:block}.wk-card__media:after{content:"";z-index:1;opacity:0;transition:opacity .5s var(--ease-out);background:linear-gradient(#0000 25%,#050a0673 55%,#050a06e0);position:absolute;inset:0}.wk-card__mark{color:var(--tone,#ffda35);font:700 clamp(28px, 4vw, 76px) / 1.1 var(--font-body);letter-spacing:-.03em;text-align:center;padding:0 1em;position:relative}.wk-card[data-tone=yellow]{--tone:#ffda35}.wk-card[data-tone=lime]{--tone:#a2c52e}.wk-card[data-tone=mint]{--tone:#8bd7ad}.wk-card[data-tone=teal]{--tone:#55bece}.wk-card[data-tone=pink]{--tone:#d37ec2}.wk-card__media{grid-area:1/1}.wk-card__title{grid-area:2/1}.wk-card__hover{z-index:2;align-self:end;gap:var(--bds-space-xs);color:#fff;grid-area:1/1;padding:clamp(18px,1.9vw,32px);display:grid;position:relative}.wk-card__client{font:500 clamp(12px, .8vw, 14px) / 1.3 var(--font-body);color:#ffffffc7;margin:0}.wk-card__line{max-width:34em;font:400 clamp(15px, 1.11vw, 19px) / 1.4 var(--font-body);text-wrap:pretty;margin:0}.wk-card__title{font:700 clamp(18px, 1.35vw, 26px) / 1.15 var(--font-body);letter-spacing:-.02em;text-wrap:balance;margin:0}.wk-card__title a{color:inherit;text-decoration:none}.wk-card__title a:after{content:"";z-index:3;position:absolute;inset:0}.wk-card:has(a:focus-visible) .wk-card__media{outline-offset:4px;outline:2px solid #ffda35}.wk-card__hover>*{opacity:0;transition:opacity .36s var(--ease-out), translate .56s var(--ease-out);translate:0 14px}.wk-card__line{transition-delay:50ms}.wk-card:is(:hover,:has(a:focus-visible)) .wk-card__hover>*{opacity:1;translate:none}.wk-card:is(:hover,:has(a:focus-visible)) .wk-card__media:after{opacity:1}.wk-card__hover{translate:calc(var(--ext-p) * 3.2px) calc(var(--ext-p) * -2.8px);transition:--ext-p var(--ext-time) var(--ext-ease)}@media (hover:hover){.wk-card:hover .wk-card__hover{--ext-p:3}}.wk-card:has(a:focus-visible) .wk-card__hover{--ext-p:3}@media (hover:none),(max-width:700px){.wk-grid{row-gap:clamp(36px,4vw,48px)}.wk-card{gap:0}.wk-card__hover{display:contents}.wk-card :is(.wk-card__media,.wk-card__title){grid-area:auto}.wk-card__hover>*{opacity:1;transition:none;translate:none}.wk-card__client{color:#fdfef099;order:1;margin-top:clamp(14px,1.2vw,18px)}.wk-card__title{order:2;margin-top:4px}.wk-card__line{margin-top:var(--bds-space-sm);color:#fdfef0b8;order:3;font-size:16px}.wk-card:is(:hover,:has(a:focus-visible)) .wk-card__media:after{opacity:0}}@media (prefers-reduced-motion:reduce){.wk-card__hover>*{translate:none}}
