/* Custom leatherette hats page (loaded after style.css, pages.css and work.css) */
.ht-hero{background:var(--navy)}
.ht-hero::before{display:none}
.ht-hero .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;padding:72px 0}
.ht-hero-art img{display:block;width:100%;height:auto}
.ht-uses{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:30px 0 0;padding:0}
.ht-uses li{border:2px solid var(--ink);padding:8px 18px;border-radius:14px;text-transform:uppercase;font-weight:800;font-size:15px}
.ht-num{width:52px;height:52px;border-radius:14px;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font-weight:800;font-size:24px;margin-bottom:16px}
.ht-steps{list-style:none;margin:0;padding:0}
@media(max-width:900px){.ht-hero .wrap{grid-template-columns:1fr;padding:56px 0}.ht-hero-art{max-width:460px}}