/* Visual system inspired by theforemen.com, authored for Mister Soles. */
@font-face{font-family:Jost;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jost-regular.woff2) format('woff2')}
@font-face{font-family:Jost;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/jost-bold.woff2) format('woff2')}
:root{--font-sans:Jost,Arial,sans-serif;--font-serif:Georgia,'Times New Roman',serif;--ms-dark:#242833;--ms-text:#121212;--ms-gray:#f3f3f3;--ms-border:#e5e0d8;--color-ink:#0a0a0a;--color-ivory:#f6f3ee;--color-gold:#a68a5b;--color-line:#e5e0d8;--color-charcoal:#3d3935;--color-muted:#6b6560;--color-brown:#7c5c3e;--color-red-700:#bf000f}
html{scroll-padding-top:100px}
body{background:#fff;color:var(--ms-text);font-family:Jost,Arial,sans-serif!important;font-weight:400;letter-spacing:.35px;font-size:15px}
.font-serif,.font-sans,.heading-display,.heading-section,.heading-hero,.ms-card-name,.ms-card-price,.ms-modal h2,.ms-item-info h3,.ms-wishlist-grid h3{font-family:Jost,Arial,sans-serif!important}
.heading-display,.heading-section{font-size:36px;font-weight:400;line-height:1.25;letter-spacing:.6px}
.bg-ivory{background:#fff}.text-muted{color:#626262}.section-y{padding-top:52px;padding-bottom:52px}
.container-ms{width:100%;max-width:1440px;margin-inline:auto;padding-inline:70px}
.label-caps{font-size:12px;letter-spacing:1px;font-weight:400}
.btn-primary,.btn-secondary,.ms-view-all{border-radius:0;box-shadow:none;text-transform:none;letter-spacing:.6px;font-weight:400;font-family:Jost,Arial,sans-serif;font-size:14px;min-height:46px;padding:12px 28px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#121212;color:#fff;border:1px solid #121212;transition:background .2s,border-color .2s}
.btn-primary:hover,.ms-view-all:hover{background:#30343e;color:white;border-color:#30343e}.btn-secondary{background:white;color:#121212}.btn-secondary:hover{background:#f3f3f3;color:#121212;border-color:#121212}
.input-ms{border:1px solid #b0b0b0;border-radius:0;background:white;color:#121212;min-height:48px;padding:11px 15px;font-size:14px;letter-spacing:.4px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #30343e;outline-offset:4px}
.ms-site-header{background:white;z-index:40;border-bottom:1px solid var(--ms-border)}
.ms-header-inner{height:76px;display:flex;gap:38px;align-items:center}
.ms-logo{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none!important;font-family:Georgia,'Times New Roman',serif;font-size:1.5rem;font-weight:400;letter-spacing:.05em;color:#0a0a0a;white-space:nowrap;line-height:1.2}
.ms-logo-word{display:none}
.ms-logo-line{display:none}
.ms-main-nav{flex:1;min-width:0;display:flex;justify-content:center}.ms-nav-list{display:flex;align-items:center;gap:26px;list-style:none;padding:0;margin:0}
.ms-main-nav .nav-link{font-family:Jost,Arial,sans-serif;font-size:13px;letter-spacing:.6px;font-weight:400;text-transform:uppercase;white-space:nowrap;padding:12px 0;line-height:1.5}
.ms-main-nav .current-menu-item>a{text-decoration:underline;text-underline-offset:4px}
.ms-nav-list>li{position:relative}.ms-main-nav .nav-link:after,.ms-mobile-nav .nav-link:after{content:none}.ms-nav-list>.menu-item-has-children>a:after{content:'';position:static;display:inline-block;background:transparent;width:6px;height:6px;transform:rotate(45deg);border-right:1px solid currentColor;border-bottom:1px solid currentColor;margin-left:11px;vertical-align:3px}
.ms-nav-list .sub-menu{position:absolute;top:calc(100% - 2px);left:-20px;min-width:230px;display:none;list-style:none;background:white;border:1px solid var(--ms-border);padding:12px 20px;box-shadow:0 8px 16px #00000008;z-index:50}
.ms-nav-list>li:hover>.sub-menu,.ms-nav-list>li:focus-within>.sub-menu{display:block}.ms-nav-list .sub-menu .nav-link{display:block;padding:10px 0;font-size:12px}.ms-nav-list .sub-menu a:hover{text-decoration:underline;text-underline-offset:4px}
.ms-header-actions{display:flex;align-items:center;gap:14px;margin-left:auto}
.ms-header-icon{min-width:34px;height:40px;display:flex;align-items:center;justify-content:center;position:relative;background:none;border:0;color:#121212;padding:4px}.ms-header-icon svg{width:23px;height:23px}.ms-header-icon:hover svg{transform:scale(1.06)}
.ms-bag-trigger span{position:absolute;right:-4px;bottom:1px;min-width:15px;height:15px;padding:0 3px;background:#121212;color:white;border-radius:20px;font-size:9px;line-height:15px}
.ms-menu-trigger{display:none}.ms-header-search{border-top:1px solid var(--ms-border);padding:22px 0}.ms-header-search form{display:flex;align-items:center;gap:12px;max-width:1000px}.ms-header-search .input-ms{flex:1;min-width:0}.ms-search-close{font-size:25px;padding:4px 8px}
.ms-campaign-banner{height:560px;position:relative;isolation:isolate;overflow:hidden;background:#242833}
.ms-campaign-images,.ms-campaign-slide,.ms-campaign-shade{position:absolute;inset:0}.ms-campaign-slide{transition:opacity 1.1s ease}.ms-campaign-slide img{width:100%;height:100%;object-fit:cover;object-position:center 43%}
.ms-campaign-shade{background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.28) 60%,rgba(0,0,0,.12));z-index:1}
.ms-campaign-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:white}
.ms-campaign-kicker{font-size:12px;letter-spacing:3px;margin-bottom:20px}
.ms-campaign h1{font-family:Jost,Arial,sans-serif;font-size:52px;line-height:1.15;letter-spacing:1.7px;font-weight:400;max-width:650px;margin:0}
.ms-campaign-copy{font-size:16px;max-width:410px;line-height:1.7;margin:22px 0 26px;color:#ffffffdf}
.ms-campaign-button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;background:white;color:#121212;padding:12px 28px;letter-spacing:.6px;font-size:14px;border:1px solid white}.ms-campaign-button:hover{background:transparent;color:white}
.ms-campaign-controls{height:40px;display:flex;align-items:center;justify-content:center;gap:16px;background:transparent;position:absolute;bottom:0;left:0;right:0;z-index:3}
.ms-campaign-controls>button:not(.ms-slide-dot){display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:rgba(255,255,255,0.7);background:rgba(255,255,255,0.12);border-radius:50%;backdrop-filter:blur(4px)}.ms-campaign-controls>button:not(.ms-slide-dot):hover{color:#fff;background:rgba(255,255,255,0.22)}.ms-campaign-controls svg{width:13px;height:13px}.ms-campaign-controls .ms-slide-dot{width:7px;height:7px;border:1px solid rgba(255,255,255,0.5);border-radius:50%;padding:0;background:transparent;transition:background .2s,border-color .2s}.ms-slide-dot[aria-pressed=true]{background:#fff!important;border-color:#fff!important}.ms-slide-pause{font-size:13px;line-height:1}
.ms-featured{padding-top:45px;padding-bottom:40px}.ms-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
.ms-section-heading h2,.ms-category-section h2{font-size:24px;line-height:1.3;letter-spacing:.6px;font-weight:400;margin:0}
.ms-section-heading>a{display:none;gap:6px;align-items:center;font-size:13px;text-decoration:underline;text-underline-offset:4px}.ms-section-heading>a svg{width:17px;height:17px}
.ms-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}
.ms-product-card{background:var(--ms-gray);position:relative;border:0;border-radius:0;box-shadow:none;overflow:hidden;height:100%}
.ms-product-card .ms-card-img-wrap{aspect-ratio:1;position:relative;background:#ececec;overflow:hidden}
.ms-product-card .ms-card-img-wrap>a{position:absolute;inset:0;display:block}.ms-product-card .ms-card-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s}
.ms-product-card .ms-card-overlay{display:none}.ms-product-card .ms-badge-new{position:absolute;top:auto;bottom:10px;left:10px;background:#121212;color:white;border-radius:20px;font:700 10px Jost,Arial,sans-serif;letter-spacing:.7px;padding:5px 13px;z-index:10}
.ms-product-card .ms-wishlist-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;background:#ffffffed;border:0;border-radius:0;color:#121212;display:flex;align-items:center;justify-content:center;z-index:20;opacity:0;transition:opacity .2s}
.ms-product-card:hover .ms-wishlist-btn,.ms-product-card:focus-within .ms-wishlist-btn{opacity:1}
.ms-product-card .ms-card-info{padding:22px 20px 25px;margin:0;min-height:115px;background:var(--ms-gray)}.ms-product-card .ms-card-category{display:none}
.ms-product-card .ms-card-name{font-family:Jost,Arial,sans-serif;font-size:13px;line-height:1.55;letter-spacing:.4px;display:block;color:#121212;font-weight:400;text-transform:none;margin:0}
.ms-product-card .ms-card-name:hover{text-decoration:underline;text-underline-offset:3px}.ms-product-card .ms-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.ms-product-card .ms-card-price{font-family:Jost,Arial,sans-serif;font-size:16px;letter-spacing:.4px;font-weight:400;color:#121212;line-height:1.5;margin:0}
.ms-product-card .ms-card-swatches{display:flex;gap:4px}.ms-product-card .ms-swatch{display:block;width:8px;height:8px;border:1px solid #d0d0d0;border-radius:0}
.ms-product-card .btn-quick-add{position:absolute;inset:auto 10px 10px;height:40px;min-height:40px;background:white;color:#121212;border:1px solid #121212;padding:8px;font:400 12px Jost,Arial,sans-serif;letter-spacing:.5px;opacity:0;translate:0 8px;z-index:15}
.ms-product-card:hover .btn-quick-add,.ms-product-card:focus-within .btn-quick-add{opacity:1;translate:0 0}.ms-product-card .btn-quick-add:disabled{background:#eee;color:#777;cursor:default}
.ms-view-all{display:flex;max-width:max-content;margin:30px auto 0}
.ms-category-section{background:var(--ms-dark);color:white;padding:42px 0 38px}.ms-category-section h2{margin-bottom:28px}.ms-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ms-category-image{aspect-ratio:4/5;overflow:hidden;background:#333}.ms-category-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.ms-category-tile:hover img{transform:scale(1.04)}
.ms-category-name{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0 8px}.ms-category-name h3{font-family:Jost,Arial,sans-serif;font-size:18px;line-height:1.3;font-weight:400}.ms-category-name svg{width:20px;height:20px}
.ms-story{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;margin-bottom:60px;align-items:stretch}.ms-story-image{background:#eee;min-height:430px;overflow:hidden}.ms-story-image img{width:100%;height:100%;object-fit:cover;object-position:center 37%}.ms-story-content{padding:64px 56px;background:var(--ms-gray);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.ms-eyebrow{font-size:12px;letter-spacing:1.5px;margin-bottom:15px}.ms-story h2{font-family:Jost,Arial,sans-serif;font-size:36px;line-height:1.25;font-weight:400;letter-spacing:.6px;margin:0}.ms-story-content>p:not(.ms-eyebrow){font-size:15px;color:#626262;line-height:1.8;margin:20px 0 26px}
.ms-footer{background:#0a0a0a;color:rgba(255,255,255,0.55);font-size:14px}.ms-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:55px;padding-top:52px;padding-bottom:48px}.ms-footer-grid h2{font-size:12px;letter-spacing:1.4px;font-weight:400;text-transform:uppercase;color:#fff;margin:0 0 20px}.ms-footer-brand .ms-logo{color:#fff;font-size:1.25rem;margin-bottom:6px}.ms-footer-brand p{color:rgba(255,255,255,0.45);line-height:1.85;max-width:240px;margin-top:10px;font-size:13px}.ms-footer-brand a[href^="mailto"]{color:rgba(255,255,255,0.45)}.ms-footer-brand a[href^="mailto"]:hover{color:#fff}.ms-footer-grid ul{list-style:none;padding:0;margin:0}.ms-footer-grid ul li a{display:block;color:rgba(255,255,255,0.45);font-size:13px;margin:0 0 10px;line-height:1.6}.ms-footer-grid ul li a:hover{color:#fff}
.ms-footer-connect{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-top:30px;padding-bottom:44px;border-top:1px solid rgba(255,255,255,0.1)}.ms-footer-connect h2{font-size:17px;letter-spacing:.4px;font-weight:400;margin-bottom:8px;color:#fff}.ms-footer-connect p{font-size:13px;color:rgba(255,255,255,0.45)}.ms-newsletter-form{display:flex;flex-wrap:wrap;border:1px solid rgba(255,255,255,0.2);max-width:365px;width:365px;margin-top:17px;position:relative;min-height:49px}.ms-newsletter-form input{border:0;background:transparent;flex:1;min-width:0;font:400 14px Jost,Arial,sans-serif;padding:12px 16px;color:#fff}.ms-newsletter-form input::placeholder{color:rgba(255,255,255,0.35)}.ms-newsletter-form button{width:49px;padding:12px;display:flex;align-items:center;justify-content:center;color:#fff}.ms-newsletter-form .ms-status{width:100%;padding:10px 14px;margin:0;background:rgba(255,255,255,0.08)}
.ms-footer-social{display:flex;gap:24px}.ms-footer-social a{display:flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,0.45)}.ms-footer-social a:hover{color:#fff}.ms-footer-social svg{width:17px;height:17px}.ms-footer-bottom{background:#0a0a0a;border-top:1px solid rgba(255,255,255,0.08);padding:22px 0;font-size:11px;color:rgba(255,255,255,0.35)}.ms-footer-bottom>.container-ms{display:flex;justify-content:space-between;gap:15px}
.ms-modal{background:white;color:#121212;border:1px solid #dedede}.ms-modal h2{font-size:25px;font-weight:400;letter-spacing:.4px}.ms-modal::backdrop{background:#0006}.ms-modal:has(.ms-item),.ms-modal:has([data-order]),.ms-modal:has(.ms-empty){position:fixed;inset:0 0 0 auto;margin:0;width:min(480px,100%);height:100dvh;max-height:100dvh}.ms-modal:has(.ms-mobile-nav){position:fixed;inset:0 auto 0 0;margin:0;width:min(350px,92%);height:100dvh;max-height:100dvh}.ms-modal .ms-mobile-nav .nav-link{font-size:15px;letter-spacing:.7px;font-weight:400;text-transform:uppercase;white-space:normal;line-height:1.4}.ms-item-info h3{font-size:17px}.ms-toast{background:var(--ms-dark);font-family:Jost,Arial,sans-serif;letter-spacing:.4px}
@media(min-width:1024px){main .grid:has(>.ms-product-card){gap:12px 8px}}
@media(max-width:1199px){.container-ms{padding-inline:35px}.ms-header-inner{gap:24px}.ms-nav-list{gap:18px}.ms-main-nav .nav-link{font-size:12px}.ms-header-actions{gap:8px}.ms-story-content{padding:45px 35px}.ms-footer-grid{gap:30px}}
@media(max-width:1023px){.container-ms{padding-inline:25px}.ms-main-nav{display:none}.ms-menu-trigger{display:flex}.ms-header-inner{height:74px;display:grid;grid-template-columns:1fr auto 1fr;gap:12px}.ms-menu-trigger{justify-self:start}.ms-logo{width:auto;font-size:1.3rem}.ms-header-actions{gap:8px;justify-self:end}.ms-account-link,.ms-wishlist-link{display:none}.ms-campaign-banner{height:470px}.ms-campaign h1{font-size:44px;max-width:580px}.ms-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ms-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ms-product-card .ms-wishlist-btn{opacity:1}.ms-product-card .btn-quick-add{opacity:1;translate:0 0;inset:auto 8px 8px}.ms-product-card .ms-badge-new{bottom:56px}.ms-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.ms-story-image{min-height:360px}.ms-story-content{padding:35px 30px}.ms-story h2{font-size:28px}}
@media(max-width:767px){.ms-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.ms-footer-brand{grid-column:1/-1}.ms-footer-connect{flex-direction:column;align-items:flex-start;gap:28px}}
@media(max-width:600px){html{scroll-padding-top:74px}.container-ms{padding-inline:15px}.section-y{padding-top:35px;padding-bottom:35px}.heading-display,.heading-section{font-size:28px}.ms-header-inner{height:68px;gap:6px}.ms-header-actions{gap:6px}.ms-header-icon{min-width:30px;width:30px}.ms-header-icon svg{width:23px}.ms-logo{width:auto;font-size:1.2rem}.ms-header-search{padding:16px 0}.ms-header-search form{gap:8px;flex-wrap:wrap}.ms-header-search input{width:100%;flex-basis:calc(100% - 35px)!important}.ms-header-search .btn-primary{width:100%;order:3;min-height:42px}.ms-search-close{margin-left:auto}.ms-campaign-banner{height:340px}.ms-campaign-slide img{object-position:center 42%}.ms-campaign-shade{background:linear-gradient(90deg,#0009,#0004)}.ms-campaign-content{align-items:center;text-align:center;padding:24px 25px}.ms-campaign-kicker{font-size:9px;letter-spacing:2px;margin-bottom:14px}.ms-campaign h1{font-size:30px;line-height:1.2;letter-spacing:1px;max-width:340px}.ms-campaign-copy{font-size:13px;line-height:1.6;margin:16px 0 20px;max-width:280px}.ms-campaign-button{font-size:13px;min-height:42px;padding:10px 20px}.ms-campaign-controls{gap:12px}.ms-featured{padding-top:35px;padding-bottom:30px}.ms-section-heading{margin-bottom:26px}.ms-section-heading h2,.ms-category-section h2{font-size:21px}.ms-feature-grid{gap:12px 8px}.ms-product-card .ms-card-info{padding:17px 12px 18px;min-height:108px}.ms-product-card .ms-card-name{font-size:12px;line-height:1.45}.ms-product-card .ms-card-price{font-size:14px}.ms-product-card .ms-card-swatches{gap:3px}.ms-product-card .ms-swatch{width:7px;height:7px}.ms-product-card .ms-card-footer{gap:5px}.ms-product-card .ms-badge-new{font-size:9px;padding:4px 11px;left:8px}.ms-product-card .btn-quick-add{height:34px;min-height:34px;font-size:11px}.ms-product-card .ms-wishlist-btn{width:28px;height:28px;top:8px;right:8px}.ms-product-card .ms-badge-new{bottom:50px}.ms-view-all{margin-top:25px}.ms-category-section{padding:35px 0 28px}.ms-category-grid{gap:15px 10px}.ms-category-name{padding:14px 0 5px}.ms-category-name h3{font-size:15px}.ms-category-name svg{width:17px}.ms-story{display:flex;flex-direction:column;margin-top:15px;margin-bottom:40px}.ms-story-image{height:310px;min-height:0}.ms-story-content{padding:35px 25px}.ms-story h2{font-size:28px}.ms-story-content>p:not(.ms-eyebrow){font-size:14px}.ms-footer-grid{padding-top:36px;padding-bottom:36px}.ms-footer-grid h2{font-size:11px}.ms-newsletter-form{width:min(365px,calc(100vw - 30px))}.ms-footer-bottom>.container-ms{flex-direction:column;gap:8px}.ms-modal-inner{padding:22px}.ms-wishlist-grid h3{font-size:15px}}
.ms-site-header-wrap{position:sticky;top:0;z-index:40;background:white}
.admin-bar .ms-site-header-wrap{top:32px}
@media(min-width:1024px) and (max-width:1199px){.ms-header-inner{gap:16px}.ms-logo{font-size:21px}.ms-header-actions{gap:4px}.ms-main-nav .nav-link{font-size:11px;letter-spacing:.3px}.ms-nav-list{gap:14px}}
@media(max-width:782px){.admin-bar .ms-site-header-wrap{top:46px}}
@media(prefers-reduced-motion:reduce){.ms-campaign-slide,.ms-product-card img,.ms-category-image img{transition:none!important}}
