.ugcol-hero,.ugcol-hero *,.ugcol-hero *:before,.ugcol-hero *:after{margin:0;padding:0;box-sizing:border-box}.ugcol-hero{--black: #070707;--white: #ffffff;--gray-200: #cccccc;--gray-400: #999999;--font-display: "Bebas Neue", "Oswald", Impact, "Arial Narrow", sans-serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);position:relative;display:grid;grid-template-columns:minmax(0,100%);overflow:hidden;background:var(--black);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.ugcol-hero--compact{min-height:clamp(200px,22vw,300px)}.ugcol-hero--standard{min-height:clamp(250px,28vw,400px)}.ugcol-hero--tall{min-height:clamp(320px,36vw,520px)}.ugcol-hero--natural:not(.ugcol-hero--no-img){aspect-ratio:var(--ugcol-ratio, 2.35);min-height:0}.ugcol-hero--natural.ugcol-hero--no-img{min-height:clamp(250px,28vw,400px)}.ugcol-hero__bg{grid-area:1 / 1;position:relative;z-index:0}.ugcol-hero__bg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ugcol-hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(7,7,7,calc(.85 * var(--ugcol-tint, 1))),rgba(7,7,7,calc(.35 * var(--ugcol-tint, 1))) 45%,rgba(7,7,7,calc(.1 * var(--ugcol-tint, 1)))),linear-gradient(to right,rgba(7,7,7,calc(.7 * var(--ugcol-tint, 1))),rgba(7,7,7,calc(.25 * var(--ugcol-tint, 1))) 50%,#07070700 80%)}.ugcol-hero--no-img:before{content:attr(data-watermark);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:clamp(90px,16vw,240px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.ugcol-hero__inner{grid-area:1 / 1;align-self:end;position:relative;z-index:2;width:100%;min-width:0;max-width:100%;padding:clamp(28px,4vw,52px) clamp(24px,5vw,80px)}.ugcol-hero__label{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-200);margin-bottom:14px}.ugcol-hero__label:before{content:"";width:24px;height:1px;background:currentColor;opacity:.6}.ugcol-hero__row{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:16px}.ugcol-hero__title{font-family:var(--font-display);font-size:clamp(40px,6vw,88px);line-height:.92;text-transform:uppercase;font-weight:400;color:var(--white)}.ugcol-hero__count{font-family:var(--font-display);font-size:clamp(15px,1.6vw,22px);letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400)}.ugcol-hero__desc{margin-top:14px;max-width:640px;font-size:clamp(13px,1.3vw,15px);font-weight:400;line-height:1.7;color:var(--gray-200);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ugcol-hero__desc p{display:inline}.ugcol-hero__links{--chip-border: rgba(255,255,255,.35);--chip-text: var(--white);--chip-hover-bg: var(--white);--chip-hover-text: var(--black);display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(18px,2.2vw,26px);list-style:none;min-width:0;max-width:100%}.ugcol-hero--clean .ugcol-hero__links{--chip-border: rgba(7,7,7,.22);--chip-text: var(--black);--chip-hover-bg: var(--black);--chip-hover-text: var(--white);margin-top:clamp(16px,2vw,24px)}.ugcol-hero__chip{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border:1px solid var(--chip-border);border-radius:2px;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;white-space:nowrap;color:var(--chip-text);background:transparent;transition:background-color .25s var(--ease-out),color .25s var(--ease-out),border-color .25s var(--ease-out)}.ugcol-hero__chip:hover,.ugcol-hero__chip:focus-visible{background:var(--chip-hover-bg);border-color:var(--chip-hover-bg);color:var(--chip-hover-text);outline:none}.ugcol-hero__chip[aria-current]{background:var(--chip-hover-bg);border-color:var(--chip-hover-bg);color:var(--chip-hover-text)}.ugcol-hero__chip--all{font-weight:700}.ugcol-hero.ugcol-hero--logo{--gray-200: #6b6b6b;--gray-400: #8a8a8a;min-height:0;aspect-ratio:auto;background:transparent;color:var(--black);overflow:visible}.ugcol-hero--logo:before{content:none}.ugcol-hero--logo .ugcol-hero__inner{align-self:start;max-width:calc(var(--page-width, 1320px) + var(--gutter, 24px) * 2);margin:0 auto;padding:clamp(22px,3vw,44px) var(--gutter, 24px) clamp(14px,1.6vw,22px)}.ugcol-hero__head{display:flex;align-items:center;gap:clamp(16px,2.4vw,30px)}.ugcol-hero__logo{--logo-size: clamp(76px, 8vw, 116px);position:relative;flex:0 0 var(--logo-size);width:var(--logo-size);height:var(--logo-size);min-width:0;border-radius:50%;background:#fff;box-shadow:0 6px 22px #0707071a,0 0 0 1px #07070714,0 0 0 4px var(--ugcol-accent, transparent);overflow:hidden}.ugcol-hero__logo img{position:absolute;top:12%;right:12%;bottom:12%;left:12%;width:76%;height:76%;object-fit:contain}.ugcol-hero__text{min-width:0}.ugcol-hero--logo .ugcol-hero__row{flex-direction:column;align-items:flex-start;row-gap:6px}.ugcol-hero--logo .ugcol-hero__title{color:var(--black);font-size:clamp(38px,5.2vw,72px);line-height:.95}.ugcol-hero--logo .ugcol-hero__count{font-family:var(--font-body);font-size:12px;font-weight:400;letter-spacing:.14em;color:var(--gray-400)}.ugcol-hero--logo .ugcol-hero__links{--chip-border: rgba(7,7,7,.22);--chip-text: var(--black);--chip-hover-bg: var(--ugcol-accent, var(--black));--chip-hover-text: var(--ugcol-accent-text, var(--white))}.ugcol-hero--chips-filled .ugcol-hero__chip{background:var(--ugcol-accent);border-color:var(--ugcol-accent);color:var(--ugcol-accent-text, #ffffff)}.ugcol-hero--chips-filled .ugcol-hero__chip:hover,.ugcol-hero--chips-filled .ugcol-hero__chip:focus-visible{background:var(--ugcol-accent-hover, var(--ugcol-accent));border-color:var(--ugcol-accent-hover, var(--ugcol-accent));color:var(--ugcol-accent-text, #ffffff)}.ugcol-hero__links-label{margin-top:clamp(20px,2.6vw,30px);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-200)}.ugcol-hero__links-label+.ugcol-hero__links{margin-top:10px}.ugcol-hero__links--scroll{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:calc(-1 * var(--gutter, 24px));margin-right:calc(-1 * var(--gutter, 24px));padding:2px calc(var(--gutter, 24px) + 40px) 2px var(--gutter, 24px);max-width:calc(100% + 2 * var(--gutter, 24px));contain:inline-size;scroll-padding-left:var(--gutter, 24px);scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--gutter, 24px),#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--gutter, 24px),#000 calc(100% - 40px),transparent)}.ugcol-hero__links--scroll::-webkit-scrollbar{display:none}.ugcol-hero__links--scroll li{flex:0 0 auto;scroll-snap-align:start}.ugcol-hero__inner>*{opacity:0;transform:translateY(20px);animation:ugcol-in .8s var(--ease-out) forwards}.ugcol-hero__inner>*:nth-child(2){animation-delay:.08s}.ugcol-hero__inner>*:nth-child(3){animation-delay:.16s}.ugcol-hero__inner>*:nth-child(4){animation-delay:.24s}@keyframes ugcol-in{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ugcol-hero__inner>*{opacity:1;transform:none;animation:none}}.ugcol-hero.ugcol-hero--clean{--gray-200: #6b6b6b;--gray-400: #8a8a8a;min-height:0;aspect-ratio:auto;background:transparent;color:var(--black);overflow:visible}.ugcol-hero--clean:before{content:none}.ugcol-hero--clean .ugcol-hero__inner{align-self:start;width:100%;max-width:calc(var(--page-width, 1320px) + var(--gutter, 24px) * 2);margin:0 auto;padding:clamp(22px,3vw,44px) var(--gutter, 24px) clamp(14px,1.6vw,22px)}.cc-collection-hero+.cc-collection-products{margin-top:0}.ugcol-hero:not(.ugcol-hero--clean):not(.ugcol-hero--logo){margin-bottom:clamp(16px,2vw,24px)}.ugcol-hero__crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:clamp(12px,1.6vw,20px);font-size:12px;font-weight:400;letter-spacing:.02em;color:var(--gray-200)}.ugcol-hero__crumbs a{color:inherit;text-decoration:none;transition:color .2s var(--ease-out)}.ugcol-hero__crumbs a:hover,.ugcol-hero__crumbs span[aria-current]{color:var(--black)}.ugcol-hero__crumbs svg{width:10px;height:10px;opacity:.5}.ugcol-hero--clean .ugcol-hero__label{color:var(--gray-200);margin-bottom:10px}.ugcol-hero--clean .ugcol-hero__row{column-gap:14px;row-gap:6px}.ugcol-hero--clean .ugcol-hero__title{color:var(--black);font-size:clamp(38px,5.2vw,72px);line-height:.95}.ugcol-hero--clean .ugcol-hero__count{font-family:var(--font-body);font-size:12px;font-weight:400;letter-spacing:.14em;color:var(--gray-400)}.ugcol-hero--clean .ugcol-hero__desc{margin-top:12px;max-width:720px;font-weight:400;color:#4a4a4a;-webkit-line-clamp:3}.ugcol-hero--clean .ugcol-hero__desc a{color:inherit;text-decoration:underline}@media(max-width:767px){.ugcol-hero__links{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:calc(-1 * var(--gutter, 20px));margin-right:calc(-1 * var(--gutter, 20px));padding:2px var(--gutter, 20px);scroll-padding-left:var(--gutter, 20px);scroll-snap-type:x proximity;max-width:calc(100% + 2 * var(--gutter, 20px));contain:inline-size}.ugcol-hero__links::-webkit-scrollbar{display:none}.ugcol-hero__links li{scroll-snap-align:start;flex:0 0 auto}.ugcol-hero__chip{min-height:36px;padding:0 14px;font-size:11px}.ugcol-hero--logo .ugcol-hero__inner{padding-top:18px;padding-bottom:12px}.ugcol-hero__logo{--logo-size: 64px}.ugcol-hero--logo .ugcol-hero__title{font-size:clamp(30px,8.5vw,42px)}.ugcol-hero--logo .ugcol-hero__count{font-size:11px}.ugcol-hero--clean .ugcol-hero__inner{padding-top:18px;padding-bottom:12px}.ugcol-hero__crumbs{font-size:11px;margin-bottom:12px}.ugcol-hero--clean .ugcol-hero__title{font-size:clamp(34px,10vw,46px)}.ugcol-hero--clean .ugcol-hero__row{flex-direction:column;align-items:flex-start;row-gap:8px}.ugcol-hero--clean .ugcol-hero__count{font-size:11px}.ugcol-hero--clean .ugcol-hero__desc{-webkit-line-clamp:4}}@media(max-width:767px){.ugcol-hero--compact{min-height:180px}.ugcol-hero--standard{min-height:220px}.ugcol-hero--tall{min-height:280px}.ugcol-hero--natural:not(.ugcol-hero--no-img){min-height:200px}.ugcol-hero__desc{-webkit-line-clamp:3}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/collection-hero.css.map */