.wc-hats .wc-plate{position:relative;display:flex;align-items:center;justify-content:center;background:var(--wc-paper);aspect-ratio:4/3;overflow:hidden;padding:clamp(14px,3vw,30px)}.wc-hats .wc-plate:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;pointer-events:none;border:1px dashed rgba(23,18,14,.22)}.wc-hats .wc-plate img{display:block;width:100%!important;height:100%!important;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s ease}.wc-hats .wc-plate--sm{aspect-ratio:16/10;padding:14px 20px}.wc-hats .wc-plate--hero{aspect-ratio:1/1;padding:clamp(22px,4vw,46px)}.wc-hats .wc-plate--hero:after{top:12px;right:12px;bottom:12px;left:12px;border-color:color-mix(in srgb,var(--c) 60%,transparent)}.wc-hats .wc-hats-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(30px,5vw,56px);align-items:center;padding:clamp(40px,7vw,80px) 0 clamp(48px,7vw,76px)}@media(min-width:960px){.wc-hats .wc-hats-hero:not(.wc-hats-hero--noimg){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}.wc-hats .wc-hats-hero-media{position:relative}.wc-hats .wc-hats-hero-media:before{content:"";position:absolute;top:-14%;right:-10%;bottom:-14%;left:-10%;z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 30%,transparent),transparent)}.wc-hats .wc-hats-hero-media .wc-plate{box-shadow:0 30px 60px #00000073}.wc-hats .wc-brandmark{margin:0 0 22px}.wc-hats .wc-brandmark img{display:block;height:auto!important;width:auto!important;max-height:64px;max-width:min(320px,80%)}.wc-hats .wc-brandword{display:flex;align-items:center;gap:14px;margin:0 0 22px;font-family:var(--wc-display);font-weight:700;font-style:italic;font-size:clamp(1.5rem,3.4vw,2.1rem);letter-spacing:.06em;text-transform:uppercase;color:var(--wc-paper);line-height:1}.wc-hats .wc-brandword i{width:14px;height:14px;border-radius:50%;background:var(--c);flex:none}.wc-hats .wc-hats-h1{font-size:clamp(2.4rem,6.4vw,4.6rem);max-width:17ch;margin-bottom:24px}.wc-hats .wc-hats-hero .wc-lede{margin-bottom:30px}.wc-hats .wc-stats{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}.wc-hats .wc-stat{border:1px solid var(--wc-hair);padding:14px 20px;background:color-mix(in srgb,var(--c) 8%,var(--wc-ink));border-top:3px solid var(--c);min-width:118px}.wc-hats .wc-stat dt{font-family:var(--wc-display);font-weight:600;font-size:1.55rem;line-height:1.1;text-transform:uppercase;letter-spacing:.01em;color:var(--wc-paper)}.wc-hats .wc-stat dd{margin:5px 0 0;font-family:var(--wc-data);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--c-lite)}.wc-hats .wc-styles{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}@media(min-width:760px){.wc-hats .wc-styles{grid-template-columns:repeat(2,minmax(0,1fr))}}.wc-hats .wc-style{display:flex;flex-direction:column;border:1px solid var(--wc-hair);background:color-mix(in srgb,var(--c) 4%,var(--wc-ink));transition:border-color .2s ease}.wc-hats .wc-style:hover{border-color:var(--c)}.wc-hats .wc-style:hover .wc-plate img{transform:scale(1.04)}.wc-hats .wc-style-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}.wc-hats .wc-style-code{font-family:var(--wc-data);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--c-lite);margin:0 0 8px}.wc-hats .wc-style-t{font-family:var(--wc-display);font-weight:600;font-size:1.42rem;text-transform:uppercase;letter-spacing:.02em;line-height:1.15;margin:0 0 14px}.wc-hats .wc-style-t a{color:var(--wc-paper);text-decoration:none}.wc-hats .wc-style-t a:hover{color:var(--c-lite)}.wc-hats .wc-tags{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.wc-hats .wc-tag{font-family:var(--wc-data);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;padding:6px 11px;color:var(--wc-muted);border:1px solid var(--wc-hair)}.wc-hats .wc-tag--key{color:var(--wc-ink);background:var(--c-lite);border-color:var(--c-lite);font-weight:700}.wc-hats .wc-style-price{margin:auto 0 4px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.wc-hats .wc-style-price .wc-from{font-family:var(--wc-data);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--wc-muted)}.wc-hats .wc-style-price b{font-family:var(--wc-display);font-weight:600;font-size:2.2rem;line-height:1;color:var(--wc-paper)}.wc-hats .wc-style-price .wc-per{font-size:.95rem;color:var(--wc-muted)}.wc-hats .wc-style-note{margin:4px 0 0;font-size:.92rem;color:var(--wc-dim)}.wc-hats .wc-style-go{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin-top:20px;background:var(--wc-hair);border:1px solid var(--wc-hair)}.wc-hats .wc-go{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:var(--wc-ink);text-decoration:none;font-family:var(--wc-display);font-weight:500;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;color:var(--wc-paper);transition:background .18s ease,color .18s ease}.wc-hats .wc-go span{color:var(--c-lite);transition:transform .18s ease}.wc-hats .wc-go:hover{background:var(--c-lite);color:var(--wc-ink)}.wc-hats .wc-go:hover span{color:var(--wc-ink);transform:translate(3px)}.wc-hats .wc-methods{display:grid;gap:1px;grid-template-columns:minmax(0,1fr);background:var(--wc-hair);border:1px solid var(--wc-hair)}@media(min-width:760px){.wc-hats .wc-methods{grid-template-columns:repeat(3,minmax(0,1fr))}}.wc-hats .wc-method{display:block;text-decoration:none;color:inherit;padding:26px 26px 28px;background:color-mix(in srgb,var(--c) 5%,var(--wc-ink));transition:background .2s ease}.wc-hats .wc-method:hover{background:color-mix(in srgb,var(--c) 12%,var(--wc-ink))}.wc-hats .wc-method-rule{display:block;height:3px;margin-bottom:20px;opacity:.8;background-image:repeating-linear-gradient(90deg,var(--c) 0 9px,transparent 9px 15px)}.wc-hats .wc-method-t{font-family:var(--wc-display);font-weight:600;font-size:1.3rem;text-transform:uppercase;letter-spacing:.03em;margin:0 0 6px;color:var(--wc-paper)}.wc-hats .wc-method-p{font-family:var(--wc-data);font-size:.82rem;color:var(--c-lite);letter-spacing:.06em;margin:0 0 14px}.wc-hats .wc-method-d{font-size:1rem;color:var(--wc-muted);line-height:1.6;margin:0 0 16px}.wc-hats .wc-method-go{font-family:var(--wc-data);font-size:.8rem;color:var(--c-lite);letter-spacing:.06em}.wc-hats .wc-hats-more{text-decoration:none}.wc-hats .wc-hats-more:hover{color:var(--wc-paper)}.wc-hats .wc-brands{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.wc-hats .wc-brandcard{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--wc-hair);transition:border-color .2s ease,background .2s ease}.wc-hats .wc-brandcard:hover{border-color:var(--c);background:color-mix(in srgb,var(--c) 8%,transparent)}.wc-hats .wc-brandcard:hover .wc-plate img{transform:scale(1.04)}.wc-hats .wc-brandcard-body{padding:18px 20px 20px}.wc-hats .wc-brandcard-name{font-family:var(--wc-display);font-weight:700;font-style:italic;font-size:1.45rem;text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;color:var(--wc-paper)}.wc-hats .wc-brandcard-tag{margin:0 0 12px;color:var(--wc-muted);font-size:1rem}.wc-hats .wc-brandcard-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 14px;font-family:var(--wc-data);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--wc-dim)}.wc-hats .wc-brandcard-meta b{color:var(--wc-paper);font-weight:700}.wc-hats .wc-brandcard-go{font-family:var(--wc-data);font-size:.82rem;color:var(--c-lite);letter-spacing:.06em}@media(max-width:620px){.wc-hats .wc-stat{flex:1 1 calc(50% - 10px);min-width:0;padding:12px 14px}.wc-hats .wc-stat dt{font-size:1.3rem}.wc-hats .wc-style-body{padding:18px 18px 20px}.wc-hats .wc-hats-hero-media{max-width:420px}}@media(prefers-reduced-motion:reduce){.wc-hats *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/wc-hats.css.map */