.wk{--wk-gut:var(--gut);--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}@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)}}@media (prefers-reduced-motion:no-preference){:root:active-view-transition-type(close)::view-transition-group(root){opacity:1!important}:root:active-view-transition-type(close)::view-transition-old(root){z-index:1;transform-origin:0 0;animation:.62s cubic-bezier(.77,0,.175,1) both wk-close}:root:active-view-transition-type(close) main{animation:.62s cubic-bezier(.23,1,.32,1) both wk-close-home}::view-transition-group(.wk-closing){animation:none}::view-transition-old(.wk-closing){display:none}::view-transition-new(.wk-closing){animation:.62s both wk-close-tile}}@keyframes wk-close-home{0%{opacity:.3}}@keyframes wk-close-tile{0%,60%{opacity:0}}@keyframes wk-close{0%{clip-path:inset(0)}75%{opacity:1}to{transform:translate(var(--close-x), var(--close-y)) scale(var(--close-s));clip-path:inset(0 0 calc(100% - var(--close-h) / var(--close-s)) 0 round calc(var(--close-r) / var(--close-s)));opacity:0}}.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;container-type:inline-size}.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-flat] .wk-obj{filter:none}.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:max(3px,1.1cqw) solid #111;border-radius:calc(5.4cqw + max(3px,1.1cqw));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;flex-direction:column;gap:.35em;font-weight:500;display:flex;position:absolute;bottom:clamp(14px,1.6vw,24px);left:clamp(16px,1.8vw,28px)}.wk-hover-name{letter-spacing:-.054em;font-size:clamp(20px,2vw,32px);line-height:.95}.wk-hover-sub{letter-spacing:-.02em;max-width:34ch;color:color-mix(in srgb, var(--f-ink,#111) 55%, transparent);font-size:clamp(14px,1.1vw,17px);line-height:1.1}.wk-obj{transform:translateY(calc(-1*clamp(10px,1.4vw,20px)))}@media (hover:hover) and (prefers-reduced-motion:no-preference){.wk-obj{transition:transform .2s cubic-bezier(.23,1,.32,1)}.wk-card:hover .wk-obj{transform:translateY(calc(-1*clamp(10px,1.4vw,20px)))scale(1.06)}}@media (max-width:899px){.wk-tile[data-as=phone] .wk-obj{left:70%}.wk-hover-name{font-size:17px}.wk-hover-sub{font-size:13px}}.wk-bg{object-fit:cover;opacity:0}.wk-tile[data-bg=dark]{--wk-bg-ink:#fafafa;--wk-bg-shade:#0009}.wk-tile[data-bg=light]{--wk-bg-ink:#111;--wk-bg-shade:#ffffffb3}.wk-tile:after{content:"";pointer-events:none;background-color:#0000;height:min(40%,150px);position:absolute;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000,#000 65%);mask-image:linear-gradient(#0000,#000 65%)}.wk-tile[data-slug=better-translate]:after{background-color:var(--lightningcss-light,#f7f7f9)var(--lightningcss-dark,#1f1f21)}.wk-hover{z-index:1}@media (prefers-reduced-motion:no-preference){.wk-tile:after{transition:background-color .45s}}@media (hover:hover){.wk-card:hover .wk-tile[data-slug=better-translate]:after{background-color:var(--lightningcss-light,#f0f0f3)var(--lightningcss-dark,#262628)}.wk-card:hover .wk-tile[data-bg]:after{background-color:var(--wk-bg-shade)}}.wk-card[data-centred] .wk-tile[data-bg]:after{background-color:var(--wk-bg-shade)}@media (prefers-reduced-motion:no-preference){.wk-bg,.wk-tile[data-bg] .wk-hover-name,.wk-tile[data-bg] .wk-hover-sub{transition:opacity .45s,color .45s}.wk-card:hover .wk-bg,.wk-card:hover .wk-tile[data-bg] .wk-hover-name,.wk-card:hover .wk-tile[data-bg] .wk-hover-sub,.wk-card[data-centred] .wk-bg,.wk-card[data-centred] .wk-tile[data-bg] .wk-hover-name,.wk-card[data-centred] .wk-tile[data-bg] .wk-hover-sub{transition:opacity .35s cubic-bezier(.2,0,0,1),color .35s cubic-bezier(.2,0,0,1)}}@media (hover:hover){.wk-card:hover .wk-tile[data-bg] .wk-bg{opacity:1}.wk-card:hover .wk-tile[data-bg] .wk-hover-name{color:var(--wk-bg-ink)}.wk-card:hover .wk-tile[data-bg] .wk-hover-sub{color:color-mix(in srgb, var(--wk-bg-ink) 70%, transparent)}.wk-card:hover .wk-tile[data-bg=dark] .wk-obj-media[data-ink=light]{display:none}.wk-card:hover .wk-tile[data-bg=dark] .wk-obj-media[data-ink=dark]{display:block}}.wk-card[data-centred] .wk-tile[data-bg] .wk-bg{opacity:1}.wk-card[data-centred] .wk-tile[data-bg] .wk-hover-name{color:var(--wk-bg-ink)}.wk-card[data-centred] .wk-tile[data-bg] .wk-hover-sub{color:color-mix(in srgb, var(--wk-bg-ink) 70%, transparent)}.wk-card[data-centred] .wk-tile[data-bg=dark] .wk-obj-media[data-ink=light]{display:none}.wk-card[data-centred] .wk-tile[data-bg=dark] .wk-obj-media[data-ink=dark]{display:block}@media (hover:hover){.wk-card:hover .wk-tile[data-shadow] .wk-obj{filter:drop-shadow(0 6px 8px #000000b3)drop-shadow(0 26px 34px #000000e6)}}.wk-card[data-centred] .wk-tile[data-shadow] .wk-obj{filter:drop-shadow(0 6px 8px #000000b3)drop-shadow(0 26px 34px #000000e6)}@media (hover:hover){.wk-card:hover .wk-tile[data-slug=seatlock] .wk-obj{filter:drop-shadow(0 0 8px #0009)drop-shadow(0 0 30px #000000bf)}}.wk-card[data-centred] .wk-tile[data-slug=seatlock] .wk-obj{filter:drop-shadow(0 0 8px #0009)drop-shadow(0 0 30px #000000bf)}@media (hover:hover){.wk-card:hover .wk-tile[data-shadow=light] .wk-obj{filter:drop-shadow(0 8px 14px #0006)}}.wk-card[data-centred] .wk-tile[data-shadow=light] .wk-obj{filter:drop-shadow(0 8px 14px #0006)}.wk-anim{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wk-bg-light{display:none}:root[data-theme=light] .wk-bg-light{display:block}:root[data-theme=light] .wk-tile[data-bg-light] .wk-bg:not(.wk-bg-light,.wk-anim){display:none}:root[data-theme=light] .wk-tile[data-bg-light]{--wk-bg-ink:#111;--wk-bg-shade:#ffffffb3}:root[data-theme=light] .wk-card:is(:hover,[data-centred]) .wk-tile[data-bg-light] .wk-obj-media[data-ink=light]{display:block}:root[data-theme=light] .wk-card:is(:hover,[data-centred]) .wk-tile[data-bg-light] .wk-obj-media[data-ink=dark]{display:none}:root[data-theme=light] .wk-card:is(:hover,[data-centred]) .wk-tile[data-bg-light] .wk-obj{filter:drop-shadow(0 8px 14px #00000040)}