@import"https://api.fontshare.com/v2/css?f[]=clash-display@600,700&f[]=satoshi@400,500,700&display=swap";.hh{--hh-ink:#141210;--hh-paper:#f6f2ea;--hh-card:#fffdf8;--hh-muted:#6b645a;--hh-line:#e3dccf;--hh-gold:#c8961e;--hh-accent:#e2452b;--hh-r:14px;--hh-display:"Clash Display",system-ui,sans-serif;--hh-body:"Satoshi",system-ui,sans-serif;font-family:var(--hh-body);color:var(--hh-ink);background:var(--hh-paper);line-height:1.5;-webkit-font-smoothing:antialiased}.hh *,.hh *:before,.hh *:after{box-sizing:border-box}.hh img{display:block;max-width:100%;height:auto}.hh a{color:inherit;text-decoration:none}.hh h1,.hh h2,.hh h3{margin:0;color:inherit;font-family:var(--hh-display);letter-spacing:-.015em}.hh p{margin:0}.hh-wrap{max-width:1320px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.hh-sec{padding:clamp(56px,8vw,104px) 0}.hh-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;color:var(--hh-gold);margin-bottom:14px;font-family:var(--hh-body)}.hh-btn{display:inline-flex;align-items:center;gap:10px;background:var(--hh-ink);color:#fff!important;padding:15px 26px;border-radius:999px;font-weight:700;font-size:15px;transition:transform .2s,background .2s;font-family:var(--hh-body)}.hh-btn:hover{transform:translateY(-2px);background:var(--hh-accent)}.hh-btn--light{background:#fff;color:var(--hh-ink)!important}.hh-btn--light:hover{background:var(--hh-gold)}.hh-btn--ghost{background:transparent;border:1.5px solid #fff}.hh-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;flex-wrap:wrap}.hh-h2{font-size:clamp(32px,4.2vw,56px);line-height:1}.hh-head p{color:var(--hh-muted);max-width:44ch}.hh-link{font-weight:700;border-bottom:2px solid currentColor;padding-bottom:2px}.hh-ph{background:#ddd5c7;width:100%;height:100%}.hh-hero{position:relative;min-height:min(86vh,760px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--hh-ink)}.hh-hero__img,.hh-hero__img img,.hh-hero__img svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:70% 60%}.hh-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#141210c7,#14121059 45%,#14121000 70%),linear-gradient(0deg,rgba(20,18,16,.5),transparent 40%);z-index:1}.hh-hero .hh-wrap{position:relative;z-index:2;padding-bottom:clamp(40px,8vh,90px);width:100%}.hh-hero h1{font-size:clamp(46px,7.4vw,104px);line-height:.92;max-width:9ch;margin-bottom:20px;color:#fff}.hh .hh-hero__text{font-size:clamp(16px,1.5vw,19px);max-width:42ch;opacity:.92;margin-bottom:28px}.hh-ctas{display:flex;gap:12px;flex-wrap:wrap}.hh-tag{position:absolute;right:clamp(16px,4vw,40px);bottom:clamp(40px,8vh,90px);z-index:2;background:#fffdf8f2;color:var(--hh-ink)!important;border-radius:var(--hh-r);padding:12px 16px;display:flex;gap:12px;align-items:center;font-size:14px;max-width:320px}.hh-tag img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:8px}.hh-tag strong{display:block;line-height:1.25}.hh-trust{background:var(--hh-card);border-bottom:1px solid var(--hh-line)}.hh-trust ul{list-style:none;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:18px;padding-bottom:18px;font-size:14px}.hh-trust li{display:flex;gap:10px;align-items:center;justify-content:center}.hh-trust li span{width:8px;height:8px;border-radius:50%;background:var(--hh-accent);flex:none}.hh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,22px)}.hh-card{background:var(--hh-card);border-radius:var(--hh-r);overflow:hidden;border:1px solid var(--hh-line);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.hh-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px -18px #14121066}.hh-media{position:relative;aspect-ratio:1;background:#fff;overflow:hidden}.hh-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:8%;transition:opacity .45s}.hh-media img.hh-life{object-fit:cover;padding:0;opacity:0}.hh-card:hover .hh-media img.hh-life{opacity:1}.hh-badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--hh-ink);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:999px}.hh-badge--worn{background:var(--hh-gold);color:var(--hh-ink);left:auto;right:12px}.hh-badge--out{background:#8d8577}.hh-info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.hh-info h3{font-family:var(--hh-body);font-size:15px;font-weight:500;line-height:1.35;letter-spacing:0}.hh-price{font-weight:700;font-size:16px;margin-top:auto}.hh-price s{color:var(--hh-muted);font-weight:400;margin-right:6px}.hh-add{margin-top:8px;text-align:center;border:1.5px solid var(--hh-ink);border-radius:999px;padding:9px;font-weight:700;font-size:14px;transition:background .2s,color .2s}.hh-card:hover .hh-add{background:var(--hh-ink);color:#fff}.hh-look--dark{background:var(--hh-ink);color:#f6f2ea}.hh-look--dark .hh-head p{color:#b9b0a2}.hh-lookgrid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(240px,24vw,340px);gap:14px}.hh-shot{position:relative;border-radius:var(--hh-r);overflow:hidden;background:#2a2622}.hh-shot img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.hh-shot:hover img{transform:scale(1.04)}.hh-shot--wide{grid-column:span 2}.hh-pin{position:absolute;left:14px;right:14px;bottom:14px;background:#fffdf8f5;color:var(--hh-ink);border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}.hh-pin strong{display:block;line-height:1.25}.hh-pin em{font-style:normal;color:var(--hh-muted);font-size:13px}.hh-go{flex:none;background:var(--hh-ink);color:#fff;border-radius:999px;padding:8px 14px;font-weight:700;font-size:13px}.hh-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hh-tile{position:relative;aspect-ratio:3/4;border-radius:var(--hh-r);overflow:hidden;color:#fff!important;background:#2a2622}.hh-tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.hh-tile:hover img{transform:scale(1.05)}.hh-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(20,18,16,.75),transparent 55%)}.hh-tile div{position:absolute;left:18px;bottom:18px;right:18px;z-index:2}.hh-tile h3{font-size:clamp(24px,2.4vw,32px);line-height:1;color:#fff}.hh-tile span{font-size:14px;opacity:.85}.hh-fit{background:var(--hh-card);border-top:1px solid var(--hh-line);border-bottom:1px solid var(--hh-line)}.hh-fitgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center}.hh-fitimg{border-radius:var(--hh-r);overflow:hidden;aspect-ratio:1}.hh-fitimg img{width:100%;height:100%;object-fit:cover;object-position:50% 70%}.hh-fitlist{display:grid;gap:12px;margin:26px 0 30px}.hh-fitlist a{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border:1px solid var(--hh-line);border-radius:12px;background:var(--hh-paper);font-weight:500;transition:border-color .2s}.hh-fitlist a:hover{border-color:var(--hh-ink)}.hh-fitlist small{color:var(--hh-muted);font-size:13px}.hh-cta{position:relative;color:#fff;overflow:hidden;background:var(--hh-ink)}.hh-cta__img img,.hh-cta__img svg{width:100%;height:clamp(420px,52vw,620px);object-fit:cover;object-position:center 78%}.hh-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#141210cc,#14121026 65%);z-index:1}.hh-cta .hh-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;z-index:2}.hh-cta h2{font-size:clamp(40px,6vw,84px);max-width:8ch;margin-bottom:18px;line-height:1;color:#fff}.hh .hh .hh-cta__text{max-width:38ch;margin-bottom:26px;opacity:.9}@media(max-width:989px){.hh-grid,.hh-tiles{grid-template-columns:repeat(2,1fr)}.hh-lookgrid{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.hh-shot{aspect-ratio:3/4}.hh-shot--wide{aspect-ratio:4/3}.hh-trust ul{grid-template-columns:repeat(2,1fr)}.hh-fitgrid{grid-template-columns:1fr}}@media(max-width:560px){.hh-hero{min-height:640px}.hh-hero__img img{object-position:68% 100%}.hh-hero:before{background:linear-gradient(0deg,#141210e0,#14121073 55%,#1412101a)}.hh-tag{display:none}.hh-lookgrid{grid-template-columns:1fr}.hh-shot--wide{grid-column:auto;aspect-ratio:3/4}.hh-trust ul{font-size:13px}.hh-trust li{justify-content:flex-start}.hh-info{padding:12px}.hh-info h3{font-size:14px}.hh-badge{font-size:10px;padding:4px 7px;top:8px;left:8px}.hh-badge--worn{top:auto;bottom:8px;right:8px}.hh-cta .hh-wrap{justify-content:flex-end;padding-bottom:36px}.hh-cta:before{background:linear-gradient(0deg,#141210e6,#1412108c 50%,#1412101a)}}.hh-split{display:grid;grid-template-columns:1fr 1fr;min-height:min(88vh,820px);background:var(--hh-paper)}.hh-split__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,96px)}.hh-split h1{font-size:clamp(46px,6.6vw,96px);line-height:.92;margin-bottom:22px;max-width:9ch}.hh .hh-split__text{font-size:clamp(16px,1.4vw,19px);max-width:40ch;margin-bottom:28px;color:var(--hh-ink);opacity:.85}.hh .hh-split__note{margin-top:22px;font-size:14px;color:var(--hh-muted)}.hh-btn--outline{background:transparent;color:var(--hh-ink)!important;border:1.5px solid var(--hh-ink)}.hh-btn--outline:hover{color:#fff!important}.hh-split__img{position:relative;overflow:hidden;background:#d9c9b0}.hh-split__img>img,.hh-split__img>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}.hh-split .hh-tag{bottom:24px;right:24px}.hh-grid--3{grid-template-columns:repeat(3,1fr)}.hh-outfits{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px)}.hh-outfit{background:var(--hh-card);border:1px solid var(--hh-line);border-radius:var(--hh-r);overflow:hidden;display:flex;flex-direction:column}.hh-outfit__img{position:relative;aspect-ratio:4/5;overflow:hidden}.hh-outfit__img img,.hh-outfit__img svg{width:100%;height:100%;object-fit:cover}.hh-outfit__body{padding:18px;display:flex;flex-direction:column;gap:12px;flex:1}.hh-outfit__body h3{font-size:22px;line-height:1.1}.hh-outfit ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hh-outfit li a{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;font-size:14px;padding:6px;border-radius:10px;transition:background .2s}.hh-outfit li a:hover{background:var(--hh-paper)}.hh-outfit li img{width:48px;height:48px;object-fit:cover;border-radius:8px;background:#fff}.hh-outfit__total{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid var(--hh-line);padding-top:12px;font-size:15px}@media(max-width:989px){.hh-split{grid-template-columns:1fr}.hh-split__img{min-height:72vh;order:-1}.hh-grid--3{grid-template-columns:repeat(2,1fr)}.hh-outfits{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hh-outfits{grid-template-columns:1fr}.hh-split__img{min-height:62vh}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/hh-footwear.css.map */