.mk-video-wrap{width:100%;min-width:0}.mk-video-frame{aspect-ratio:16/9;background:#101920;border:1px solid #b0c7ce2a;border-radius:22px;width:100%;position:relative;overflow:hidden;box-shadow:0 25px 70px #0004}.mk-video-frame video,.mk-video-poster{object-fit:contain;width:100%;height:100%;display:block}.mk-video-poster{pointer-events:none;position:absolute;inset:0}.mk-video-control{inset-inline-end:18px;z-index:2;color:#e7f4f3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:inherit;cursor:pointer;background:#07171bd9;border:1px solid #d0e4e377;border-radius:999px;align-items:center;gap:9px;min-height:44px;padding:11px 16px;font-size:12px;display:flex;position:absolute;bottom:18px}.mk-video-control:focus-visible{outline-offset:4px;outline:3px solid #62e4d0}.mk-video-caption{color:#99b2bc;text-align:center;line-height:1.8;margin:15px 0 0!important;font-size:10px!important}@media (max-width:767px){.mk-video-frame{border-radius:14px}.mk-video-control{inset-inline-end:9px;min-height:40px;padding:9px 12px;font-size:10px;bottom:9px}.mk-video-control svg{width:15px;height:15px}}@media (prefers-reduced-motion:reduce){.mk-video-frame{transition:none}}
.wf-examples{color:#e4ecef;background:#0b0f14}.wf-examples *{box-sizing:border-box}.wf-examples figure,.wf-examples p,.wf-examples h2{margin:0}.wf-examples img{object-fit:contain;border-radius:8px;width:100%;height:auto;display:block}.wf-catalog,.wf-outfits{grid-template-columns:.8fr 1.4fr;align-items:center;gap:5vw;max-width:1640px;margin-inline:auto;padding:100px 6vw;display:grid}.wf-copy{min-width:0}.wf-kicker{letter-spacing:.15em;text-transform:uppercase;color:#76d7c8;font-size:10px}.wf-copy h2{letter-spacing:-.045em;text-wrap:balance;margin-block:24px;font-size:clamp(32px,3.6vw,58px);font-weight:450;line-height:1.13}.wf-copy>p:not(.wf-kicker){color:#adbec6;max-width:48ch;font-size:14px;line-height:1.85}.wf-copy small{color:#8199a4;margin-top:26px;font-size:10px;line-height:1.7;display:block}.wf-catalog-visual{grid-template-columns:.82fr 36px 1.55fr;align-items:center;gap:14px;min-width:0;padding-block:24px;display:grid}.wf-input{transform:rotate(-3deg)}.wf-catalog-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;display:grid}.wf-catalog-results figure{min-width:0}.wf-catalog figcaption{color:#a3b9c1;letter-spacing:.07em;margin-top:10px;font-size:9px;line-height:1.6}.wf-connection{width:36px;height:20px;overflow:visible}.wf-connection path{fill:none;stroke:#78dccc;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.wf-outfits{border-top:1px solid #a4c5ca22;grid-template-columns:1.4fr .8fr}.wf-outfits>.wf-copy{grid-area:1/2}.wf-matrix-wrap{grid-area:1/1;min-width:0}.wf-matrix{table-layout:fixed;border-collapse:separate;border-spacing:9px;width:100%}.wf-matrix caption{caption-side:bottom;text-align:start;color:#8fa7b1;padding:15px 9px 0;font-size:10px;line-height:1.7}.wf-matrix th,.wf-matrix td{vertical-align:middle;min-width:0;padding:0}.wf-matrix th{font-weight:400;position:relative}.wf-matrix thead th{vertical-align:bottom}.wf-matrix thead img,.wf-matrix tbody th img{aspect-ratio:1;background:#e7e9e8}.wf-matrix th>span{color:#a9bdc4;padding:9px 0;font-size:9px;line-height:1.5;display:block}.wf-matrix tbody td{vertical-align:top}.wf-matrix-corner{color:#839da6;width:18%;font-size:9px}.wf-matrix-corner span{padding:4px 0;display:block}.wf-row-progress{transform-origin:0;background:#71d7c7;height:1px;display:block}.wf-examples[data-locale=ar] .wf-connection{transform:scaleX(-1)}.wf-examples[data-locale=ar] .wf-row-progress{transform-origin:100%}.wf-examples[data-locale=ar] :is(h2,.wf-kicker),.wf-examples[data-locale=hi] h2,.wf-examples[data-locale=ja] h2{letter-spacing:normal;line-height:1.4}@media (max-width:1000px){.wf-catalog,.wf-outfits{grid-template-columns:1fr;gap:42px;padding:75px 6vw}.wf-copy{max-width:640px}.wf-catalog-visual{width:100%;max-width:820px;margin:auto}.wf-outfits>.wf-copy{grid-area:1/1}.wf-matrix-wrap{grid-area:2/1;width:100%;max-width:820px;margin:auto}.wf-copy h2{font-size:clamp(34px,5vw,54px)}}@media (max-width:599px){.wf-catalog,.wf-outfits{gap:28px;padding:55px 5vw}.wf-copy h2{font-size:34px}.wf-catalog-visual{grid-template-columns:1fr;gap:22px}.wf-input{justify-self:center;width:48%}.wf-connection{justify-self:center;transform:rotate(90deg)}.wf-examples[data-locale=ar] .wf-connection{transform:rotate(90deg)}.wf-catalog-results{gap:20px 16px}.wf-matrix{border-spacing:5px}.wf-matrix-corner{width:19%}.wf-matrix th>span{overflow-wrap:anywhere;padding-block:6px;font-size:8px}.wf-matrix img{border-radius:4px}.wf-copy>p:not(.wf-kicker){font-size:13px}}@media (prefers-reduced-motion:reduce){.wf-input{transform:none}.wf-examples [data-wf-output]{opacity:1!important;transform:none!important}}.wf-catalog,.wf-outfits{gap:56px;max-width:1368px;padding:96px 64px}.wf-catalog{grid-template-columns:.82fr 1.18fr}.wf-outfits{grid-template-columns:1.18fr .82fr}.wf-copy h2{max-width:18ch;font-size:44px;line-height:1.08}.wf-copy>p:not(.wf-kicker){font-size:18px;line-height:1.55}.wf-catalog-visual{grid-template-columns:.6fr 40px 1fr;gap:20px}.wf-catalog-results{gap:10px 12px}.wf-input img,.wf-catalog-results img{aspect-ratio:3/4;object-fit:contain;background:#e0e2e1}.wf-catalog figcaption{text-transform:uppercase;letter-spacing:.14em;font-size:10px}.wf-matrix{border-spacing:10px}.wf-matrix-corner{width:16.2%}.wf-motion-control{color:#d8ece9;min-height:44px;font:inherit;cursor:pointer;background:#15262a;border:1px solid #9bc9c54d;border-radius:999px;align-items:center;gap:8px;margin-top:20px;padding:10px 13px;font-size:10px;display:flex}.wf-motion-control:focus-visible{outline-offset:4px;outline:2px solid #6ee4d0}.wf-motion-control svg{flex:0 0 13px;width:13px;height:13px}@media (max-width:1023px){.wf-catalog,.wf-outfits{grid-template-columns:1fr;gap:48px;padding:80px 32px}.wf-outfits>.wf-copy{grid-area:1/1}.wf-matrix-wrap{grid-area:2/1}}@media (max-width:639px){.wf-catalog,.wf-outfits{gap:40px;padding:64px 20px}.wf-copy h2{font-size:32px}.wf-copy>p:not(.wf-kicker){font-size:16px}.wf-catalog-visual{grid-template-columns:1fr;gap:20px}.wf-input{width:56%}.wf-matrix{border-spacing:6px}.wf-matrix th>span{font-size:9px}}@media (prefers-reduced-motion:reduce){.wf-motion-control{display:none}.wf-matrix tbody tr{opacity:1!important}}.wf-demo-footer{grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px;min-width:0;margin-top:6px;display:flex}.wf-demo-footer small{color:#8fa7b1;font-size:10px;line-height:1.7}.wf-demo-footer .wf-motion-control{flex:0 0 44px;justify-content:center;width:44px;height:44px;margin:0;padding:0}.wf-motion-control span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}