.wk{--wk-gut:clamp(16px, 2.4vw, 34px);--wk-r:clamp(14px, 1.6vw, 24px);padding:clamp(1.5rem, 3vw, 3rem) var(--wk-gut);color:var(--f-ink,#111)}.wk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3.2vw,48px) clamp(12px,1.6vw,24px);margin:0;padding:0;list-style:none;display:grid}.wk-grid-clients{margin-top:clamp(56px,7vw,112px)}.wk-cell{grid-column:span 2;min-width:0;display:flex}.wk-cell[data-half]{grid-column:span 1}@media (min-width:900px){.wk-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.wk-cell[data-span="3"]{grid-column:span 3}.wk-cell[data-span="4"]{grid-column:span 4}.wk-cell[data-span="5"]{grid-column:span 5}.wk-cell[data-span="6"]{grid-column:span 6}.wk-cell[data-span="7"]{grid-column:span 7}.wk-cell[data-span="8"]{grid-column:span 8}}.wk-card{width:100%;min-width:0;color:inherit;-webkit-tap-highlight-color:transparent;flex-direction:column;text-decoration:none;display:flex}.wk-card:focus-visible{outline:none}.wk-card:focus-visible .wk-well{outline:2px solid var(--f-ink,#111);outline-offset:-2px}.wk-frame{aspect-ratio:16/10;position:relative}.wk-cell[data-tall] .wk-frame{aspect-ratio:4/5}@media (min-width:900px){.wk-cell[data-tall] .wk-frame{aspect-ratio:auto;flex:auto;min-height:0}}.wk-well{border-radius:var(--wk-r,clamp(14px, 1.6vw, 24px));background:color-mix(in srgb, var(--f-ink,#111) 5%, var(--f-ground,#fff));gap:2px;display:flex;position:absolute;inset:0;overflow:hidden}.wk-pane{flex:1 1 0;min-width:0;position:relative}.wk-media{object-fit:cover;object-position:var(--wk-pos,50% 0%)}.wk-well[data-fit=contain] .wk-pane{margin:var(--wk-pad,18% 22%)}.wk-well[data-fit=contain] .wk-media{object-fit:contain;object-position:50% 50%}.wk-tab{white-space:nowrap;font-variant-numeric:tabular-nums;height:2.6em;color:var(--f-ink,#111);align-items:center;font-size:clamp(12px,.95vw,14px);line-height:1;display:flex;position:absolute}.wk-tab[data-at=bl]{padding:.2em 1em 0;bottom:0;left:0}.wk-tab[data-at=tr]{color:color-mix(in srgb, var(--f-ink,#111) 55%, transparent);padding:0 1em .2em;top:0;right:0}.wk-meta{align-items:center;gap:.5em;min-height:44px;margin-top:.35em;font-size:18px;line-height:1.2;display:flex}.wk-grid-clients .wk-meta{font-size:16px}.wk-icon{flex:none;width:1.6em;height:1.6em}.wk-name{text-overflow:ellipsis;white-space:nowrap;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;min-width:0;overflow:hidden}@media (hover:hover) and (prefers-reduced-motion:no-preference){.wk-name{transition:background-size .2s cubic-bezier(.23,1,.32,1)}}@media (hover:hover){.wk-card:hover .wk-name{background-size:100% 1px}}::view-transition-group(.morph){animation-duration:.42s;animation-timing-function:cubic-bezier(.23,1,.32,1)}::view-transition-image-pair(.morph){animation-name:wk-via-blur}@keyframes wk-via-blur{30%{filter:blur(3px)}}.wk[data-look]{--wk-r:clamp(20px, 2.2vw, 32px)}.wk[data-look] .wk-grid{column-gap:clamp(10px,1.1vw,16px)}.wk[data-look] .wk-well:not([data-fit=contain]){background:var(--lightningcss-light,#f7f7f9)var(--lightningcss-dark,#1f1f21)}.wk[data-look] .wk-well:not([data-fit=contain]) .wk-pane{border-radius:clamp(10px,1vw,14px);flex:none;position:absolute;overflow:hidden;box-shadow:0 0 10px -3px #0000001a,0 1px 2px #0000000f}.wk[data-look=float] .wk-well:not([data-fit=contain]) .wk-pane{width:112%;height:112%;top:11%;left:8%}.wk[data-look=center] .wk-well:not([data-fit=contain]) .wk-pane{inset:12% 9%}.wk[data-look=tilt] .wk-well:not([data-fit=contain]) .wk-pane{transform-origin:0 0;width:100%;height:100%;top:16%;left:10%;transform:rotate(-7deg)}.wk[data-look=crop] .wk-well:not([data-fit=contain]) .wk-pane{box-shadow:none;border-radius:0;inset:0}.wk[data-look=crop] .wk-well:not([data-fit=contain]) .wk-media{object-position:var(--wk-focus,50% 50%);transform:scale(var(--wk-zoom,1.4));transform-origin:var(--wk-focus,50% 50%)}.wk[data-look] .wk-well[data-split] .wk-pane+.wk-pane{aspect-ratio:1104/2400;border-radius:clamp(14px,1.6vw,22px);width:30%;height:auto;inset:14% 7% auto auto;transform:none}.wk[data-look=crop] .wk-well[data-split] .wk-pane+.wk-pane{box-shadow:0 0 10px -3px #0000001a,0 1px 2px #0000000f}.wk[data-look=crop] .wk-well[data-split] .wk-pane+.wk-pane .wk-media{object-position:50% 0%;transform:none}.wk[data-look=object] .wk-grid{row-gap:clamp(10px,1.1vw,16px)}.wk[data-look=object] .wk-grid-clients{margin-top:clamp(10px,1.1vw,16px)}.wk-tile{aspect-ratio:16/10;border-radius:var(--wk-r);background:var(--lightningcss-light,#f7f7f9)var(--lightningcss-dark,#1f1f21);transition:background-color .2s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.wk-cell[data-tall] .wk-tile{aspect-ratio:4/5}@media (min-width:900px){.wk-cell[data-tall] .wk-tile{aspect-ratio:auto;flex:auto;min-height:0}}@media (hover:hover){.wk-card:hover .wk-tile{background-color:var(--lightningcss-light,#f0f0f3)var(--lightningcss-dark,#262628)}}.wk-card:focus-visible .wk-tile{outline:2px solid var(--f-ink,#111);outline-offset:2px}.wk-obj{aspect-ratio:var(--wk-ar);position:absolute}.wk-obj-media{object-fit:cover}.wk-tile[data-as=window] .wk-obj,.wk-tile[data-as=card] .wk-obj,.wk-tile[data-as=icon] .wk-obj{overflow:hidden;box-shadow:0 0 10px -3px #0000001a,0 1px 2px #0000000f}.wk-tile[data-as=window] .wk-obj{border-radius:clamp(10px,1vw,14px);width:104%;top:12%;left:8%}.wk-tile[data-as=window] .wk-obj-media{object-position:0 0}.wk-tile[data-as=card] .wk-obj{border-radius:clamp(8px,.9vw,12px);width:72%;top:50%;left:50%;translate:-50% -50%}.wk-tile[data-as=icon] .wk-obj{border-radius:22.5%;height:42%;top:50%;left:50%;translate:-50% -50%}.wk-tile[data-as=object] .wk-obj{filter:drop-shadow(0 10px 18px #00000024);max-width:76%;height:56%;top:50%;left:50%;translate:-50% -50%}.wk-tile[data-as=object] .wk-obj-media{object-fit:contain}.wk-tile[data-as=phone] .wk-obj{width:34%;translate:-50%;rotate:var(--wk-tilt);border:clamp(4px,.55vw,8px) solid #111;border-radius:clamp(26px,3.2vw,44px);top:12%;left:50%;overflow:hidden;box-shadow:0 18px 40px -12px #00000047,0 1px 2px #0000001a}.wk-tile[data-as=phone] .wk-obj-media{object-position:50% 0}.wk-tile[data-as=photo] .wk-obj{aspect-ratio:auto;inset:0}.wk-obj-media[data-ink=dark],:root[data-theme=dark] .wk-obj-media[data-ink=light]{display:none}:root[data-theme=dark] .wk-obj-media[data-ink=dark]{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .wk-obj-media[data-ink=light]{display:none}:root:not([data-theme=light]) .wk-obj-media[data-ink=dark]{display:block}}.wk-tile[data-as=photo] .wk-obj-media{object-position:var(--wk-pos,50% 50%)}.wk-hover{color:var(--f-ink,#111);font-family:var(--font-display), sans-serif;pointer-events:none;opacity:0;flex-direction:column;gap:.35em;font-weight:500;transition:opacity .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;bottom:clamp(14px,1.6vw,24px);left:clamp(16px,1.8vw,28px);transform:translateY(10px)}.wk-hover-name{letter-spacing:-.054em;font-size:clamp(20px,2vw,32px);line-height:.95}.wk-hover-sub{letter-spacing:-.02em;color:color-mix(in srgb, var(--f-ink,#111) 55%, transparent);font-size:clamp(14px,1.1vw,17px);line-height:1}.wk-obj{transition:transform .2s cubic-bezier(.23,1,.32,1)}@media (hover:hover){.wk-card:hover .wk-hover{opacity:1;transform:none}.wk-card:hover .wk-obj{transform:translateY(calc(-1*clamp(10px,1.4vw,20px)))}}.wk-card:focus-visible .wk-hover{opacity:1;transform:none}