.hero-masonry-section{--cc-bg: #ffffff;--cc-ink: rgb(35, 31, 32);--cc-muted: rgb(113, 114, 115);--cc-rule: rgb(34, 55, 93);--cc-noise: #f1efec;--cc-yellow: rgb(249, 204, 70);--cc-stage-w: 1260px;--cc-stage-h: 1500px;--cc-stage-w-num: 1260;--cc-stage-h-num: 1500;--cc-duration: 1.1s;--cc-stagger: 90ms;--cc-ease: cubic-bezier(.22, .61, .36, 1);--cc-rise: 64px;position:relative;background:var(--cc-bg);color:var(--cc-ink);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}.hero-masonry-section__pin-wrap{position:relative;height:170vh}.hero-masonry-section__pin{position:fixed;top:25rem;left:0;transform:transition(-50%);height:0vh;width:100%;display:flex;align-items:center;justify-content:center;padding:0 6vw;box-sizing:border-box;background:#fff;z-index:1;pointer-events:none;--p: 0;will-change:opacity,transform,filter}.hero-masonry-section__pin.is-concealed{visibility:hidden;pointer-events:none;opacity:0}.hero-masonry-section__pin-heading{margin:0;width:100%;max-width:1180px;text-align:center;pointer-events:auto}.hero-masonry-section__pin-heading:focus{outline:none}.hero-masonry-section__pin-heading:focus-visible{outline:2px solid var(--cc-rule);outline-offset:6px;border-radius:2px}.hero-masonry-section__pin-title{display:block;margin:0;max-width:1180px;text-align:center;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.04;font-size:clamp(22px,3.2vw,42px);color:var(--cc-ink);opacity:calc(1 - var(--p) * 1.6);transform:translate3d(0,calc(var(--p) * -40px),0) scale(calc(1 - var(--p) * .04));filter:blur(calc(var(--p) * 6px));transition:none}.hero-masonry-section__pin-word{font-style:normal!important;display:inline-block;white-space:nowrap;opacity:0;transform:translate3d(0,28px,0);filter:blur(14px);transition:opacity var(--cc-duration) var(--cc-ease) var(--d, 0ms),transform var(--cc-duration) var(--cc-ease) var(--d, 0ms),filter var(--cc-duration) var(--cc-ease) var(--d, 0ms)}.hero-masonry-section__pin.is-in .hero-masonry-section__pin-word{opacity:1;transform:translateZ(0);filter:blur(0)}.hero-masonry-section__pin-word+.hero-masonry-section__pin-word{margin-left:.28em}.hero-masonry-section__pin-break{display:none;height:0}@media(min-width:750px){.hero-masonry-section__pin-break+.hero-masonry-section__pin-word{margin-left:.28em}}.hero-masonry-section .cascade-collage{position:relative;z-index:2;background:transparent;margin-top:-100vh;padding:0 0 clamp(64px,8vw,120px);overflow:hidden}.hero-masonry-section .cascade-collage__stage{margin-top:-14%}.cascade-collage__rules{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cascade-collage__rules:before,.cascade-collage__rules:after{content:"";position:absolute;top:0;bottom:0;width:2px}.cascade-collage__rules:before{left:0}.cascade-collage__rules:after{right:0}.cascade-collage__heading{margin:0 auto;max-width:880px;padding:0 32px clamp(36px,5vw,80px);text-align:center;font-weight:400;font-size:clamp(20px,2.2vw,30px);line-height:1.1;letter-spacing:-.01em}.cascade-collage__eyebrow{display:block;font-family:Times New Roman,Times,serif;font-weight:700;font-size:12px;letter-spacing:.32em;margin-bottom:22px;color:var(--cc-ink)}.cascade-collage__stage{position:relative;margin:0 auto;width:min(100%,var(--cc-stage-w));aspect-ratio:var(--cc-stage-w-num) / var(--cc-stage-h-num)}.cascade-collage__paper{position:absolute;left:7%;top:52%;width:513px;height:420px;background-image:url(dark-denim-3.png);background-position:center;background-repeat:repeat}.cascade-collage__paper_2{position:absolute;right:10%;top:22%;width:735px;height:300px;background-image:url(asfalt-dark.png);background-position:center;background-repeat:repeat}@media(hover:hover)and (pointer:fine){.hero-masonry-section__cursor{position:fixed;top:0;left:0;z-index:100;width:42px;height:42px;pointer-events:none;opacity:0;visibility:hidden;transform:translate3d(-9999px,-9999px,0);transition:opacity .12s var(--cc-ease),visibility 0s linear .12s}.hero-masonry-section__cursor svg{display:block;width:42px;height:42px}.hero-masonry-section.is-cursor-active .hero-masonry-section__cursor{opacity:1;visibility:visible;transition:opacity .12s var(--cc-ease),visibility 0s}.hero-masonry-section.is-cursor-active .cascade-collage .cc-tile--has-product,.hero-masonry-section.is-cursor-active .cascade-collage .cc-tile--has-product *{cursor:none!important}}.cc-tile{position:absolute;left:var(--x, 0%);top:var(--y, 0%);width:var(--w, 16%);transform-origin:50% 70%;will-change:transform,opacity,filter;opacity:0;filter:blur(8px);transform:translate3d(0,var(--cc-rise),0) scale(.94);transition:opacity var(--cc-duration) var(--cc-ease),transform var(--cc-duration) var(--cc-ease),filter var(--cc-duration) var(--cc-ease);transition-delay:calc(var(--i, 0) * var(--cc-stagger))}.cascade-collage.is-in .cc-tile,.cc-tile.is-in{opacity:1;filter:blur(0);transform:translateZ(0) scale(1) rotate(var(--r, 0deg))}.cc-tile__media{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.cc-tile a{display:block;outline:none}.cc-tile a:focus-visible .cc-tile__media{outline:2px solid var(--cc-rule);outline-offset:4px}.cc-tile--link:not(.cc-tile--has-product) a{transition:transform .6s var(--cc-ease);transform:translateZ(0)}.cc-tile--link:not(.cc-tile--has-product) a:hover{transform:translate3d(0,-4px,0) scale(1.02)}.cc-tile--has-product:hover .cc-product-thumb,.cc-tile--has-product.is-popup-open .cc-product-thumb{transform:translate3d(0,-4px,0) scale(1.02)}.cc-tile__placeholder{display:flex;align-items:flex-end;width:100%;aspect-ratio:var(--ph-ratio, 1 / 1);background:repeating-linear-gradient(135deg,#231f200b 0 6px,#231f2017 6px 12px);border:1px solid rgba(35,31,32,.12);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.18em;color:#231f208c;padding:10px 12px;text-transform:uppercase;box-shadow:0 18px 40px -22px #14182340}.cc-video{position:relative;width:100%;overflow:hidden;line-height:0}.cc-video__el{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.cc-video__controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;padding:10px 12px;line-height:normal;background:linear-gradient(to top,#141823a6,#14182300);opacity:0;transform:translate3d(0,8px,0);transition:opacity .2s var(--cc-ease),transform .2s var(--cc-ease);pointer-events:none;z-index:2}.cc-video:hover .cc-video__controls,.cc-video:focus-within .cc-video__controls{opacity:1;transform:none;pointer-events:auto}.cc-video__btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:50%;background:#ffffff2e;color:#fff;cursor:pointer;transition:background .15s var(--cc-ease)}.cc-video__btn:hover{background:#ffffff52}.cc-video__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.cc-video__icon{display:none;width:16px;height:16px}.cc-video__play .cc-video__icon--play{display:block}.cc-video.is-playing .cc-video__play .cc-video__icon--play{display:none}.cc-video.is-playing .cc-video__play .cc-video__icon--pause,.cc-video__mute .cc-video__icon--volume{display:block}.cc-video.is-muted .cc-video__mute .cc-video__icon--volume{display:none}.cc-video.is-muted .cc-video__mute .cc-video__icon--muted{display:block}.cc-video__seek,.cc-video__volume{height:4px;margin:0;cursor:pointer;accent-color:#fff;background:transparent}.cc-video__seek{flex:1 1 auto;min-width:40px}.cc-video__volume{flex:0 0 56px;width:56px}.cc-video__seek:focus-visible,.cc-video__volume:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:2px}.cc-card{position:relative;width:100%;background:#ffffffc7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,1);box-shadow:0 30px 60px -30px #14182359;padding:22px 24px 26px}.cc-card--popup{position:absolute;left:0;top:0;width:min(280px,100%);max-width:120%;height:max-content;transform-origin:0 0;opacity:0;pointer-events:none;transform:scale(var(--popup-scale, .98));transition:opacity .18s ease;z-index:5}.cc-card--popup.cc-card--popup--follow{position:absolute;width:min(280px,92vw);margin:0;z-index:5}.cc-tile--has-product{overflow:visible}.cc-tile--has-product>a{position:relative;display:block;overflow:visible}.cc-product-thumb{position:relative;z-index:1;transition:transform .6s var(--cc-ease);transform:translateZ(0)}.cc-product-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;background:#ffffff6b;opacity:0;pointer-events:none;z-index:2}.cc-product-overlay__icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#00000040;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.cc-product-overlay__glyph{display:block;width:18px;height:18px}.cc-tile--has-product:hover,.cc-tile--has-product.is-popup-open,.cc-tile--has-product:focus-within{z-index:10}.cc-tile--has-product.is-popup-open .cc-card--popup,.cc-tile--has-product:focus-within .cc-card--popup{opacity:1;pointer-events:none;transform:scale(var(--popup-scale, 1))}.cc-card__badge{position:absolute;left:24px;top:-11px;background:var(--cc-yellow);color:#fff;font-weight:700;font-size:7px;letter-spacing:.06em;padding:4px 16px 6px 0;border-radius:2px;height:22px;width:fit-content;display:flex;justify-content:center;align-items:center;text-transform:uppercase}.cc-card__badge span{margin-left:-1px;margin-right:5px}.cc-card__media{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:contain;margin-bottom:16px}.cc-card__title{margin:0 0 12px;font-size:14px;font-weight:700;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;color:var(--cc-ink)}.cc-card__price{margin:0 0 16px;font-size:13px;letter-spacing:.05em;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.cc-card__price-sale{color:var(--cc-ink)}.cc-card__price-compare{color:#231f2066;text-decoration:line-through;order:-1}.cc-card__cta{display:none;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cc-ink);text-decoration:none;border-bottom:1px solid var(--cc-ink);padding-bottom:3px;transition:opacity .2s ease}.cc-card__cta:hover{opacity:.65}@media(max-width:749px){.hero-masonry-section{--cc-duration: .55s;--cc-stagger: 40ms;--cc-rise: 24px}.hero-masonry-section__pin-wrap{height:160vh;display:flex;justify-content:center}.hero-masonry-section__pin-title{font-size:revert!important}.hero-masonry-section__pin-break{display:block}.hero-masonry-section .cascade-collage{margin-top:-60vh}.hero-masonry-section .cascade-collage__stage{margin-top:0}.cascade-collage__stage{aspect-ratio:auto;display:flex;flex-flow:row wrap;align-items:flex-start;gap:10px;padding:0 16px}.cascade-collage__stage figure{margin:0!important}.cascade-collage__stage>.cc-tile{width:100%!important}.cascade-collage__paper,.cascade-collage__paper_2{display:none}.cc-tile--hide-mobile{display:none!important}.cc-video__controls{opacity:1;transform:none;pointer-events:auto}.cc-video--pending .cc-video__controls{opacity:0;pointer-events:none}.cc-tile{position:static;width:auto!important;filter:blur(4px);transform:translate3d(0,20px,0) scale(.98)}.cascade-collage.is-in .cc-tile,.cc-tile.is-in{transform:translateZ(0) scale(1)}.cc-tile:nth-child(odd){margin-top:36px}.cc-tile:nth-child(2n){margin-top:0}.cc-tile--has-product .cc-product-overlay{display:flex;opacity:0;transition:opacity .18s var(--cc-ease);transition-delay:0ms}.cc-tile--has-product.is-in .cc-product-overlay{opacity:1;transition-duration:.22s;transition-delay:calc(var(--cc-duration, .05s) + var(--i, 0) * var(--cc-stagger, 10ms) + 80ms)}.section-hero-masonry{padding:0!important}figure:nth-child(4)>img{height:199px;object-fit:cover}.cascade-collage__stage>figure:nth-child(6),.cascade-collage__stage>figure:nth-child(7){width:calc(50% - 5px)!important}figure:nth-child(6) img,figure:nth-child(7) img{height:260px;width:100%;object-fit:cover}}@media(prefers-reduced-motion:reduce){.hero-masonry-section__pin-title{transform:none!important;filter:none!important}.hero-masonry-section__pin.is-concealed,.hero-masonry-section__pin.is-concealed .hero-masonry-section__pin-title{opacity:0!important;visibility:hidden}.hero-masonry-section__pin-word{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.cc-tile{transition-duration:0ms!important;transition-delay:0ms!important;filter:none;transform:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/hero-masonry-section.css.map */