.mk-hero__media picture{display:block;width:100%;height:100%}.mk-hero[data-photo-fit=contain] .mk-hero__media{top:100px}.mk-hero[data-photo-fit=contain] .mk-hero__media img{object-fit:contain;animation:none}.mk-hero__actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.mk-hero__secondary{color:inherit;font-family:var(--mk-font-mono);font-size:12px;text-decoration:underline;text-underline-offset:5px;padding:12px 0}.mk-hero__secondary:focus-visible{outline:2px solid currentColor;outline-offset:5px}@media(max-width:749px){.mk-hero__actions{gap:16px}.mk-hero__heading{font-size:clamp(32px,8vw,44px)}.mk-hero__body{max-width:340px}.mk-hero__cta{bottom:65px}}@media(max-width:749px){.mk-hero[data-photo-fit=contain]{height:auto;min-height:0;padding-top:100px}.mk-hero[data-photo-fit=contain] .mk-hero__media{position:relative;inset:auto}.mk-hero[data-photo-fit=contain] .mk-hero__media img{height:auto;width:100%}.mk-hero[data-photo-fit=contain] .mk-hero__cta{position:relative;left:auto;bottom:auto;transform:none;width:100%;padding:28px 20px 36px;box-sizing:border-box}.mk-hero[data-photo-fit=contain] .mk-hero__scrim,.mk-hero[data-photo-fit=contain] .mk-hero__scroll-arrow{display:none}}html:has(.mk-styled-dialog[open]){overflow:hidden}.mk-styled-dialog{padding:0;border:0;width:min(600px,calc(100vw - 32px));max-height:90dvh;background:#fff;color:#000}.mk-styled-dialog[open]{animation:mk-look-open .14s ease-out}@keyframes mk-look-open{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.mk-styled-dialog[open]{animation:none}}.mk-worn__card,.mk-styled-close{touch-action:manipulation}.mk-styled-dialog::backdrop{background:#000000b3}.mk-outfit-content{padding:28px}.mk-outfit-content h2{font-family:Archivo,sans-serif;font-size:26px;margin:0 48px 22px 0}.mk-outfit-list{list-style:none;padding:0;margin:0}.mk-outfit-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:22px;padding:20px 0;border-top:1px solid #000;align-items:center}.mk-outfit-row img{display:block;width:110px;height:130px;object-fit:contain}.mk-outfit-row h3{font-family:Work Sans,sans-serif;font-size:17px;font-weight:600;margin:0 0 8px}.mk-outfit-row p{font-family:Space Mono,monospace;font-size:14px;margin:0 0 12px}.mk-outfit-row a{color:#000;text-underline-offset:4px}.mk-outfit-row .mk-outfit-shop{font-family:Space Mono,monospace;font-size:12px}.mk-styled-close{position:absolute;right:8px;top:8px;width:40px;height:40px;border:1px solid #000;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}@media(max-width:600px){.mk-outfit-content{padding:24px 18px}.mk-outfit-row{grid-template-columns:90px minmax(0,1fr);gap:16px}.mk-outfit-row img{width:90px;height:110px}}.mk-worn{background:#fff;color:#000;padding:72px 4vw;border-bottom:1px solid #000}.mk-worn__head{margin-bottom:28px}.mk-worn__head h2{font-family:Archivo,sans-serif;font-size:clamp(30px,3vw,48px);font-weight:800;line-height:1.1;color:#000;margin:0 0 12px}.mk-worn__head p{font-family:Work Sans,sans-serif;font-size:16px;line-height:1.5;margin:0;color:#000}.mk-worn__grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:5px 0 16px;scrollbar-width:thin;scrollbar-color:#000 #fff}.mk-worn__grid>.mk-worn__card{scroll-snap-align:start}.mk-worn__card{display:block;min-width:0;color:#000;text-decoration:none;border-radius:0}.mk-worn__photo{aspect-ratio:3/4;overflow:hidden}.mk-worn__photo img{display:block;width:100%;height:100%;object-fit:var(--photo-fit,contain)}.mk-worn__caption{display:flex;justify-content:space-between;gap:8px;margin-top:14px;font-family:Work Sans,sans-serif;font-size:16px;font-weight:600;line-height:1.4}.mk-worn__cta{display:inline-block;margin-top:6px;font-family:Space Mono,monospace;font-size:11px;text-decoration:underline;text-underline-offset:4px}.mk-worn__card:focus-visible{outline:2px solid #000;outline-offset:5px}@media(max-width:989px){.mk-worn__grid{grid-auto-columns:44%;gap:14px}}@media(max-width:600px){.mk-worn__grid{grid-auto-columns:78%}.mk-worn{padding:44px 20px}.mk-worn__caption{font-size:14px;margin-top:10px}.mk-worn__head p{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/70/compiled_assets/styles.css.map?subset=AAAAAAAAEAAB */