#sstw-hats{--paper:#efefec;--ink:#20211f;--muted:#666963;--red:#b9352b}#sstw-hats *{box-sizing:border-box}#sstw-hats html{scroll-behavior:smooth;scroll-padding-top:25px}#sstw-hats{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}#sstw-hats a{color:inherit;text-decoration:none}#sstw-hats button,#sstw-hats select{font:inherit}#sstw-hats button,#sstw-hats a,#sstw-hats select{-webkit-tap-highlight-color:transparent}#sstw-hats a:focus-visible,#sstw-hats button:focus-visible,#sstw-hats select:focus-visible{outline:3px solid var(--red);outline-offset:4px}#sstw-hats header{max-width:1440px;margin:auto;padding:28px 50px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6d7d1}#sstw-hats .brand{font-size:34px;font-weight:950;letter-spacing:-2px;line-height:1}#sstw-hats .brand span{display:block;font-size:7px;letter-spacing:.6px;margin-top:7px}#sstw-hats nav{display:flex;gap:34px;font-size:13px}#sstw-hats nav .current{border-bottom:2px solid var(--red);padding-bottom:7px}#sstw-hats .bag{font-size:13px}#sstw-hats .hero{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;padding:36px 0 45px}#sstw-hats .intro{align-self:center;padding-right:20px}#sstw-hats .eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}#sstw-hats .intro h1{font-size:clamp(44px,5.7vw,80px);letter-spacing:-5px;line-height:.98;margin:25px 0}#sstw-hats .intro em{font-style:normal;color:var(--red)}#sstw-hats .lead{font-size:14px;line-height:1.8;color:var(--muted)}#sstw-hats .cta{display:inline-flex;gap:55px;padding:15px 0 9px;border-bottom:1px solid;font-size:13px;margin-top:14px}#sstw-hats .hero-photo{position:relative;min-width:0;overflow:hidden}#sstw-hats .hero-photo img{display:block;width:100%;height:390px;object-fit:cover;object-position:center 28%;transition:transform .4s}#sstw-hats .hero-photo:hover img{transform:scale(1.025)}#sstw-hats .hero-photo>span{position:absolute;bottom:0;left:0;right:0;padding:45px 20px 20px;background:linear-gradient(transparent,#000a);color:#fff;font-size:9px;letter-spacing:1.6px}#sstw-hats .hero-photo b{display:block;font-size:17px;letter-spacing:-.4px;margin-top:9px}#sstw-hats .section-head{display:flex;justify-content:space-between;align-items:end;padding-top:25px;border-top:1px solid #cccfc7}#sstw-hats .section-head h2{font-size:29px;letter-spacing:-1px;font-weight:500;margin:14px 0 26px}#sstw-hats #count{font-size:12px;color:var(--muted);margin-bottom:29px}#sstw-hats .toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d0d2ca;padding-bottom:16px}#sstw-hats .filters{display:flex;gap:8px}#sstw-hats .filters button{border:1px solid #c5c8bf;background:none;padding:11px 20px;border-radius:3px;font-size:12px;cursor:pointer}#sstw-hats .filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}#sstw-hats .sort-label{font-size:11px;color:var(--muted)}#sstw-hats select{border:0;background:transparent;padding:10px 0 10px 8px;color:var(--ink);font-size:12px}#sstw-hats .filter-description{color:var(--muted);font-size:12px;margin:18px 0 25px}#sstw-hats .sstw-hats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}#sstw-hats .photo{position:relative;aspect-ratio:4/5;background:#e9e8e5;overflow:hidden}#sstw-hats .photo img{position:absolute;width:100%;height:100%;object-fit:cover;transition:opacity .25s}#sstw-hats .photo .product{opacity:0;object-fit:contain}#sstw-hats .photo.show-product .product{opacity:1}#sstw-hats .photo.show-product .model{opacity:0}@media(hover:hover){#sstw-hats .photo:hover .product{opacity:1}#sstw-hats .photo:hover .model{opacity:0}}#sstw-hats .view-button{position:absolute;right:12px;bottom:12px;border:0;background:#f5f5efed;padding:8px 10px;border-radius:2px;font-size:10px;cursor:pointer;z-index:2}#sstw-hats .type{font-size:9px;letter-spacing:1.7px;color:var(--muted);text-transform:uppercase;margin:17px 0 8px}#sstw-hats .details{display:flex;gap:10px;justify-content:space-between;align-items:baseline}#sstw-hats .details h3{font-size:17px;font-weight:500;margin:0}#sstw-hats .price{font-size:13px;white-space:nowrap}#sstw-hats .colors{display:flex;gap:8px;align-items:center;margin-top:12px;min-height:20px}#sstw-hats .swatch{width:14px;height:14px;border-radius:50%;border:1px solid #0003;display:inline-block}#sstw-hats .swatch:hover{outline:1px solid #444;outline-offset:3px}#sstw-hats .end{margin-top:65px;padding:50px 0;border-top:1px solid #cccfc7;border-bottom:1px solid #cccfc7}#sstw-hats .end span{font-size:10px;letter-spacing:2px}#sstw-hats .end h2{font-size:48px;letter-spacing:-2px;margin:15px 0 20px}#sstw-hats .end a{font-size:13px;border-bottom:1px solid;padding-bottom:5px}#sstw-hats footer{max-width:1440px;padding:35px 50px;margin:auto;display:flex;gap:25px;align-items:center;font-size:11px;color:var(--muted)}#sstw-hats footer strong{color:var(--ink);font-size:25px;letter-spacing:-1.5px}#sstw-hats footer a{margin-left:auto}@media(max-width:850px){#sstw-hats header{padding:23px}#sstw-hats .hats-inner{padding:0 23px}#sstw-hats .hero{grid-template-columns:1fr 1fr}#sstw-hats .intro{grid-column:1/-1;padding-bottom:15px}#sstw-hats .intro h1{font-size:65px;letter-spacing:-3px}#sstw-hats .intro h1 br{display:none}#sstw-hats .hero-photo img{height:300px}#sstw-hats .lead br{display:none}#sstw-hats .sstw-hats-grid{gap:25px 15px}#sstw-hats .details{display:block}#sstw-hats .price{display:block;margin-top:8px}}@media(max-width:560px){#sstw-hats header{padding:20px 18px}#sstw-hats nav{gap:18px}#sstw-hats nav a:first-child,#sstw-hats nav a:last-child{display:none}#sstw-hats .brand{font-size:29px}#sstw-hats .hats-inner{padding:0 18px}#sstw-hats .hero{gap:10px;padding-top:20px;padding-bottom:28px}#sstw-hats .intro h1{font-size:55px;margin:20px 0}#sstw-hats .hero-photo img{height:230px}#sstw-hats .hero-photo>span{padding:35px 10px 14px;font-size:8px;letter-spacing:1px}#sstw-hats .hero-photo b{font-size:13px}#sstw-hats .section-head h2{font-size:23px}#sstw-hats .toolbar{align-items:start;gap:15px;flex-direction:column}#sstw-hats .filters{width:100%}#sstw-hats .filters button{flex:1;padding:11px 9px}#sstw-hats .sort-label{align-self:flex-end}#sstw-hats .sstw-hats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}#sstw-hats .details h3{font-size:14px}#sstw-hats .type{font-size:8px;letter-spacing:1px}#sstw-hats .view-button{right:6px;bottom:6px;font-size:9px;padding:7px}#sstw-hats .end h2{font-size:36px}#sstw-hats footer{padding:25px 18px;gap:15px}#sstw-hats footer span{display:none}}@media(prefers-reduced-motion:reduce){#sstw-hats *{scroll-behavior:auto!important;transition:none!important}}#sstw-hats{--paper:#efefec;--ink:#20211f;--muted:#666963;--red:#b9352b;background:var(--paper);color:var(--ink)}#sstw-hats [hidden]{display:none!important}#sstw-hats .hats-inner{max-width:1440px;margin:auto;padding:0 50px}#sstw-hats .hero-photo img{height:390px}#sstw-hats .sold{font-size:11px;color:#777}#sstw-hats .pagination{padding:25px 0}@media(max-width:560px){#sstw-hats .hats-inner{padding:0 18px}#sstw-hats .hero-photo img{height:230px}}#sstw-hats .sstw-hats-grid{display:grid;grid-template-areas:none;grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0}#sstw-hats .sstw-hats-grid>article{min-width:0;width:auto;grid-area:auto}#sstw-hats .swatch{flex:0 0 14px}#sstw-hats [data-count]{font-size:12px;color:var(--muted);margin-bottom:29px}@media(max-width:560px){#sstw-hats .sstw-hats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/sstw-hats.css.map */