.worn-by{--ink: #0d0d0d;--grey: #6b6b6b;--line: #e7e7e7;background:#fff;padding:56px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:inherit}.worn-by .wrap{max-width:1200px;margin:0 auto;padding:0 40px}.worn-by h2.heading{text-align:center;font-size:clamp(24px,3.5vw,36px);letter-spacing:.01em;text-transform:uppercase;margin:0 0 28px;color:var(--ink)}.worn-by .carousel{position:relative}.worn-by .viewport{overflow:hidden;border-radius:4px}.worn-by .track{display:flex;transition:transform .4s cubic-bezier(.65,.05,.36,1);cursor:grab;-webkit-user-select:none;user-select:none}.worn-by .track.dragging{transition:none;cursor:grabbing}.worn-by .page{flex:0 0 100%;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.worn-by .card{display:block}.worn-by .card-img{display:block;aspect-ratio:1 / 1;overflow:hidden;background:#f1f1ef}.worn-by .card-img img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block;pointer-events:none}.worn-by .card-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:10px;flex-wrap:wrap}.worn-by .handle{display:flex;align-items:center;gap:5px;font-weight:700;font-size:13px;color:var(--ink);text-decoration:none;letter-spacing:.01em}.worn-by .handle:hover{text-decoration:underline}.worn-by .ig-icon{width:14px;height:14px;flex:0 0 auto}.worn-by .followers{font-weight:600;font-size:11.5px;color:var(--grey);white-space:nowrap}.worn-by .page-cta{display:block}.worn-by .cta-tile{position:relative;width:100%;aspect-ratio:21 / 9;max-height:220px;overflow:hidden;background:#141414;border-radius:4px}.worn-by .collage-bg{position:absolute;top:0;right:0;bottom:0;left:0}.worn-by .collage-photo{position:absolute;overflow:hidden;box-shadow:0 6px 16px #00000059;border:2px solid #fff}.worn-by .collage-photo img{width:100%;height:100%;object-fit:cover;display:block}.worn-by .photo-1{width:26%;height:78%;top:10%;left:3%;transform:rotate(-6deg);z-index:2}.worn-by .photo-2{width:24%;height:70%;top:15%;left:24%;transform:rotate(4deg);z-index:1}.worn-by .photo-3{width:24%;height:70%;top:15%;right:24%;transform:rotate(4deg);z-index:1}.worn-by .photo-4{width:26%;height:78%;top:10%;right:3%;transform:rotate(-4deg);z-index:2}.worn-by .cta-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:radial-gradient(ellipse at center,#0000001a,#0009 75%);z-index:3}.worn-by .cta-title{color:#fff;font-size:20px;line-height:1;letter-spacing:.02em;text-shadow:0 2px 10px rgba(0,0,0,.5);text-transform:uppercase}.worn-by .cta-link{display:flex;align-items:center;gap:6px;background:#fff;color:var(--ink);text-decoration:none;padding:6px 12px;border-radius:999px;font-weight:700;font-size:11px}.worn-by .cta-link .ig-icon{width:13px;height:13px}.worn-by .cta-link:hover{background:#eee}.worn-by .nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:none;background:#ffffffd9;color:var(--ink);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:4;box-shadow:0 2px 10px #0000002e;transition:background .15s}.worn-by .nav-btn:hover{background:#fff}.worn-by .nav-prev{left:8px}.worn-by .nav-next{right:8px}@media(max-width:820px){.worn-by{padding:40px 0}.worn-by .wrap{padding:0 16px}.worn-by .page{gap:8px}.worn-by .handle{font-size:10px;gap:4px}.worn-by .ig-icon{width:11px;height:11px}.worn-by .followers{font-size:8.5px}.worn-by .card-meta{margin-top:7px;gap:4px}.worn-by h2.heading{margin-bottom:20px}.worn-by .cta-tile{aspect-ratio:16 / 9;max-height:170px}.worn-by .cta-title{font-size:15px}.worn-by .cta-link{font-size:9.5px;padding:5px 10px}.worn-by .collage-photo{border-width:1.5px}.worn-by .nav-btn{width:28px;height:28px;font-size:12px}.worn-by .nav-prev{left:4px}.worn-by .nav-next{right:4px}}@media(max-width:480px){.worn-by .page{gap:5px}.worn-by .handle{font-size:9px}.worn-by .followers{font-size:7.5px}.worn-by .card-meta{flex-direction:column;align-items:flex-start;gap:1px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/our-caps-worn-by.css.map */