.wk-head{padding-top:calc(var(--nav-h) + 4rem);padding-bottom:2rem}.wk-title{font-size:min(30vw,18rem);line-height:.8}.wk-lede{margin-top:2rem;max-width:22rem;font-size:1.125rem;line-height:1.6;color:var(--bone-dim)}.wk-group{padding-top:7rem;padding-bottom:1rem}.wk-h2{font-family:var(--font-display);font-weight:600;font-size:clamp(2.25rem,5vw,4.5rem);line-height:.95;letter-spacing:-.02em;font-variation-settings:"wdth" 125;text-wrap:balance}.wk-group-note{margin-top:1rem;max-width:26rem;font-size:1.125rem;line-height:1.6;color:var(--bone-dim)}.wk-section-last{padding-bottom:6rem}.wk-plate{position:relative;padding:3rem 0 2rem}.wk-cap{display:grid;gap:1rem}.wk-name{margin-top:.6rem;font-family:var(--font-display);font-weight:600;font-size:clamp(2.5rem,5.2vw,4.75rem);line-height:.92;letter-spacing:-.02em;font-variation-settings:"wdth" 125}.wk-note{max-width:26rem;line-height:1.6;color:var(--bone-dim)}.wk-media{margin-top:2rem}.wk-devices{display:grid;gap:2rem}.wk-browser{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line-strong);border-radius:.875rem;background:var(--ground-2)}.wk-chrome{display:flex;flex:none;align-items:center;gap:.75rem;height:2.25rem;padding:0 .875rem;border-bottom:1px solid var(--line)}.wk-dots{display:flex;gap:.375rem}.wk-dots i{width:.625rem;height:.625rem;border-radius:50%;background:var(--line-strong)}.wk-url{flex:1;max-width:20rem;margin-inline:auto;padding:.2rem .75rem;border-radius:.375rem;font:.75rem/1.4 var(--font-mono);text-align:center;white-space:nowrap;text-overflow:ellipsis;color:var(--bone-dim)}.wk-screen,.wk-url{overflow:hidden;background:var(--ground)}.wk-screen{position:relative;aspect-ratio:16/10}.wk-screen-live{aspect-ratio:4/5}.wk-embed,.wk-shot{position:absolute;inset:0;width:100%;height:100%}.wk-shot{object-fit:cover;object-position:top}.wk-embed{border:0;background:transparent}.wk-host{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(1.25rem,3vw,2.5rem);font-weight:600}.wk-cast{position:absolute;inset:0;display:none}.wk-bp{visibility:hidden}@media (prefers-reduced-motion:no-preference){.js [data-cast][data-in] .wk-bp{animation:wk-bp calc(var(--cast-ms) + var(--cast-delay, .15s)) step-end both}}@keyframes wk-bp{0%{visibility:visible}to{visibility:hidden}}.wk-phone{position:relative;justify-self:center;width:min(72vw,18rem);aspect-ratio:9/19;border:1px solid var(--line-strong);border-radius:2.5rem;background:var(--ground-2)}.wk-phone-screen{inset:.5rem;overflow:hidden;border-radius:2rem}.wk-island,.wk-phone-screen{position:absolute;background:var(--ground)}.wk-island{z-index:3;top:1rem;left:50%;width:26%;height:1.1rem;translate:-50% 0;border-radius:999px}.wk-scroll{position:absolute;inset:0;overflow-y:auto;scrollbar-width:none}.wk-scroll::-webkit-scrollbar{display:none}.wk-scroll:focus-visible{outline-offset:-2px;border-radius:2rem}.wk-flow{display:flex;flex-direction:column;min-height:100%}.wk-flow>.ls{position:relative;inset:auto;flex:1 0 auto}.wk-cards{display:grid;gap:1.25rem}.wk-card{overflow:hidden;aspect-ratio:3.5/2;border:1px solid var(--line-strong);border-radius:.5rem}.wk-card img{display:block;width:calc(100% * 3.75 / 3.5);max-width:none;height:auto;margin:calc(-100% * .125 / 3.5)}@media (min-width:640px){.wk-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.wk-mark{display:grid;gap:2rem}.wk-mould{position:relative;aspect-ratio:4/3;overflow:hidden}.wk-sizes{display:flex;align-items:flex-end;gap:2rem}.wk-sizes li{display:grid;justify-items:center;gap:.75rem}@media (min-width:1024px){.wk-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22rem);padding-top:calc(var(--nav-h) + 5rem)}.wk-title{grid-column:1/-1}.wk-lede{grid-column:2;margin-top:2.5rem}.wk-group{padding-top:10rem;padding-bottom:2rem}.wk-plate{padding:2.5rem 0 3rem}.wk-cap{grid-template-columns:minmax(0,1fr) minmax(0,24rem);align-items:end;gap:3rem}.wk-note{padding-bottom:.25rem}.wk-media{--cw:min(100vw - 5rem,72rem);--mh:clamp(18rem,min(100svh - var(--nav-h) - 15rem,(var(--cw) + 1.15rem)/2.074),40rem);height:var(--mh)}.wk-devices{display:flex;align-items:flex-end;justify-content:space-between;gap:2.5rem;height:100%}.wk-browser{flex:none;width:calc((var(--mh) - 2.25rem - 2px) * 1.6);height:100%}.wk-browser-solo{width:100%}.wk-screen{flex:1;aspect-ratio:auto}.wk-cast{display:block}.wk-still{display:none}.wk-phone{flex:none;width:auto;height:100%}.wk-cards{grid-template-columns:repeat(2,minmax(0,calc(var(--mh) * 1.75 - 2px)));align-content:center;gap:2.5rem}.wk-media:has(>.wk-cards){height:auto}.wk-mark{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:3rem;height:100%}.wk-mould{aspect-ratio:auto;height:100%}}@media (min-width:1024px) and (min-height:680px) and (prefers-reduced-motion:no-preference){.js .wk-stack{--d:100svh;--h:0.22;height:calc(100svh + (var(--n) - 1) * var(--d))}.js .wk-media:has(>.wk-cards){height:var(--mh)}.js .wk-cards{height:100%}.js .wk-frame{position:sticky;top:0;height:100svh;overflow:clip}.js .wk-plate{--u:calc(var(--p, 0) * (var(--n) - 1));--e:clamp(0,(var(--u) - var(--i) + 1 - var(--h))/(1 - 2 * var(--h)),1);--x:clamp(0,(var(--u) - var(--i) - var(--h))/(1 - 2 * var(--h)),1);--ee:calc(1 - (1 - var(--e)) * (1 - var(--e)));--xe:calc(1 - (1 - var(--x)) * (1 - var(--x)));--s:calc(1 - 0.05 * var(--x));position:absolute;inset:var(--nav-h) 0 0;z-index:calc(var(--i) + 1);transform-origin:50% 0;transform:translateY(calc((1 - var(--ee)) * 100%)) scale(var(--s));opacity:calc(1 - .55 * var(--x));clip-path:inset(0 0 max(0%,(1 - (1 - var(--xe))/var(--s)) * 100%) 0)}.js .wk-plate:not(:first-child){border-top:1px solid color-mix(in oklab,var(--ember) calc(min(1, (1 - var(--e)) * 1.6) * 100%),transparent)}}