.cz-showcase-section{overflow-x:clip}.cz-showcase{--sc-accent: #ff0374;--sc-bg: #ffffff;--sc-text: #111111;--sc-gap: 6px;position:relative;width:100%;max-width:100%;background:var(--sc-bg);color:var(--sc-text);box-sizing:border-box}.czsc-hero{position:relative;width:100%;height:calc(var(--sc-hero-h, 88) * 1vh);height:calc(var(--sc-hero-h, 88) * 1dvh);min-height:460px;overflow:hidden;display:flex;align-items:flex-end;isolation:isolate;background:#0a0a0a}.czsc-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;will-change:transform}.czsc-hero__media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.06);transform-origin:center}.czsc-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 80% 0%,color-mix(in srgb,var(--sc-accent) 40%,transparent) 0%,transparent 55%),linear-gradient(135deg,#161616,#2a2a2a 60%,#111)}.czsc-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,calc(var(--sc-hero-scrim, .4) * .55)),#0000 26% 50%,rgba(0,0,0,calc(var(--sc-hero-scrim, .4) * 1.05)))}.czsc-hero__recede{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:#050505;opacity:0}.czsc-hero__noise{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.02;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}.czsc-hero__inner{position:relative;z-index:3;width:100%;max-width:960px;padding:clamp(22px,4vw,72px);display:flex;flex-direction:column;align-items:flex-start;gap:clamp(14px,1.6vw,22px)}.czsc-hero__eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#fff;opacity:0}.czsc-hero__eyebrow-line{display:block;width:38px;height:1px;background:var(--sc-accent);transform:scaleX(0);transform-origin:left}.czsc-hero__heading{margin:0;color:#fff;text-transform:uppercase;font-size:clamp(42px,8vw,124px);font-weight:800;line-height:.9;letter-spacing:-.035em;text-shadow:0 4px 44px rgba(0,0,0,.28)}.czsc-hero__line{display:block;overflow:hidden;padding-bottom:.04em}.czsc-hero__line-in{display:block;transform:translateY(112%)}.czsc-hero__text{margin:0;max-width:46ch;color:#ffffffd1;font-size:clamp(14px,1.3vw,18px);line-height:1.55;opacity:0}.czsc-hero__cta{display:inline-flex;align-items:center;gap:10px;margin-top:4px;padding:14px 26px;border-radius:100px;background:#fff;color:#0a0a0a;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;opacity:0;transition:background .35s cubic-bezier(.25,1,.5,1),color .35s ease,transform .35s cubic-bezier(.25,1,.5,1)}.czsc-hero__cta:hover{background:var(--sc-accent);color:#fff;transform:translateY(-2px)}.czsc-hero__cta svg{transition:transform .3s ease}.czsc-hero__cta:hover svg{transform:translate(4px)}.czsc-hero__cta:focus-visible{outline:2px solid #fff;outline-offset:3px}.czsc-hero__cue{position:absolute;bottom:clamp(16px,3vh,32px);left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:9px;color:#fff;opacity:0;pointer-events:none}.czsc-hero__cue-label{font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;opacity:.7}.czsc-hero__cue-line{position:relative;width:1px;height:42px;overflow:hidden;background:#ffffff2e}.czsc-hero__cue-line:after{content:"";position:absolute;top:0;left:0;width:1px;height:16px;background:linear-gradient(transparent,var(--sc-accent));animation:czCueTravel 2.1s cubic-bezier(.6,0,.4,1) infinite}@keyframes czCueTravel{0%{transform:translateY(-16px)}60%{transform:translateY(42px)}to{transform:translateY(42px)}}.cz-showcase.hero-ready .czsc-hero__line-in{transform:none}.cz-showcase.hero-ready .czsc-hero__eyebrow,.cz-showcase.hero-ready .czsc-hero__text,.cz-showcase.hero-ready .czsc-hero__cta,.cz-showcase.hero-ready .czsc-hero__cue{opacity:1}.cz-showcase.hero-ready .czsc-hero__eyebrow-line{transform:scaleX(1)}.cz-showcase__stage{position:relative;height:calc(100vh - var(--header-height, 60px));height:calc(100dvh - var(--header-height, 60px));overflow:hidden;display:flex;flex-direction:column;padding:16px;box-sizing:border-box;contain:layout paint}.cz-showcase__noise{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.018;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}.cz-showcase__header{position:absolute;bottom:clamp(28px,4vh,64px);left:clamp(20px,3vw,56px);z-index:10;pointer-events:none;max-width:55%}.cz-showcase__eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sc-accent);margin-bottom:12px}.cz-showcase__eyebrow:before{content:"";display:block;width:24px;height:1px;background:var(--sc-accent)}.cz-showcase__heading{font-size:clamp(32px,6vw,80px);font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:-.03em;line-height:.92;margin:0;text-shadow:0 2px 20px rgba(0,0,0,.35)}.cz-showcase__grid{position:relative;z-index:2;flex:1;display:grid;grid-template-rows:repeat(2,1fr);--sc-col: calc((100% - 3 * var(--sc-gap, 6px)) / 4);grid-template-columns:repeat(2,var(--sc-col));grid-auto-columns:var(--sc-col);grid-auto-flow:column dense;gap:var(--sc-gap, 6px);min-height:0;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;scroll-behavior:smooth;overscroll-behavior-x:contain}.cz-showcase__grid::-webkit-scrollbar{display:none}.cz-showcase__card--featured{grid-column:span 2;grid-row:1 / 3}.cz-showcase__card--wide{grid-column:span 2}.cz-showcase__card--tall{grid-row:span 2}.cz-showcase__card{scroll-snap-align:start}.cz-showcase__card{position:relative;display:block;overflow:hidden;border-radius:8px;cursor:pointer;text-decoration:none;color:inherit;min-height:0;min-width:0;margin:0;padding:0;align-self:stretch;opacity:0}.cz-showcase__stage.grid-ready .cz-showcase__card{opacity:1}.cz-showcase__card-inner{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;contain:paint}.cz-showcase__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.cz-showcase__media img,.cz-showcase__ph{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.25,1,.5,1),filter .8s ease}.cz-showcase__card:hover .cz-showcase__media img{transform:scale(1.06);filter:saturate(1.08) brightness(1.02)}.cz-showcase__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(175deg,transparent 30%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.65) 100%);transition:opacity .5s ease}.cz-showcase__card:hover .cz-showcase__overlay{opacity:.9}.cz-showcase__card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;z-index:4;background:var(--sc-accent);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.25,1,.5,1)}.cz-showcase__card:hover:after{transform:scaleX(1)}.cz-showcase__content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:clamp(14px,1.8vw,24px);display:flex;flex-direction:column;gap:4px}.cz-showcase__label{display:inline-flex;align-items:center;gap:8px;font-size:8px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sc-accent);opacity:0;transform:translateY(6px);transition:all .4s cubic-bezier(.25,1,.5,1)}.cz-showcase__label-line{display:block;width:16px;height:1px;background:var(--sc-accent);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.25,1,.5,1) .1s}.cz-showcase__card:hover .cz-showcase__label{opacity:1;transform:translateY(0)}.cz-showcase__card:hover .cz-showcase__label-line{transform:scaleX(1)}.cz-showcase__title{font-size:clamp(15px,1.6vw,24px);font-weight:700;color:#fff;text-transform:uppercase;line-height:1.1;letter-spacing:-.01em;margin:0;text-shadow:0 1px 6px rgba(0,0,0,.3);transition:transform .4s cubic-bezier(.25,1,.5,1)}.cz-showcase__card:hover .cz-showcase__title{transform:translateY(-2px)}.cz-showcase__card--featured .cz-showcase__title{font-size:clamp(20px,2.8vw,38px)}.cz-showcase__subtitle{font-size:12px;color:#fff9;line-height:1.4;margin:0;opacity:0;transform:translateY(6px);transition:all .4s ease .05s}.cz-showcase__card:hover .cz-showcase__subtitle{opacity:1;transform:translateY(0)}.cz-showcase__cta{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffffe6;margin-top:4px;opacity:0;transform:translateY(8px);transition:all .4s cubic-bezier(.25,1,.5,1) .1s}.cz-showcase__card:hover .cz-showcase__cta{opacity:1;transform:translateY(0)}.cz-showcase__cta svg{transition:transform .3s ease}.cz-showcase__card:hover .cz-showcase__cta svg{transform:translate(3px)}.cz-showcase__card:focus-visible{outline:2px solid var(--sc-accent);outline-offset:2px}.cz-showcase__card:focus-visible .cz-showcase__label,.cz-showcase__card:focus-visible .cz-showcase__subtitle,.cz-showcase__card:focus-visible .cz-showcase__cta{opacity:1;transform:none}@media(max-width:768px){.czsc-hero{height:calc(var(--sc-hero-h, 88) * 1vh);height:calc(var(--sc-hero-h, 88) * 1svh);min-height:420px;align-items:flex-end}.czsc-hero__inner{padding:24px 20px 56px;gap:14px}.czsc-hero__heading{font-size:clamp(40px,14vw,76px)}.czsc-hero__eyebrow{font-size:10px;letter-spacing:.22em}.czsc-hero__cue{bottom:14px}.czsc-hero__noise{display:none}.cz-showcase__stage{height:auto;min-height:calc(100svh - var(--header-height, 52px));padding:8px}.cz-showcase__grid{grid-template-rows:auto 1fr 1fr;--sc-col-m: calc((100% - var(--sc-gap, 6px)) / 2);grid-template-columns:repeat(2,var(--sc-col-m));grid-auto-columns:var(--sc-col-m);scroll-snap-type:x mandatory}.cz-showcase__card--featured{grid-column:1 / 3;grid-row:1;min-height:clamp(180px,35vw,260px);position:-webkit-sticky;position:sticky;left:0;z-index:3;scroll-snap-align:none}.cz-showcase__card--standard,.cz-showcase__card--wide,.cz-showcase__card--tall{grid-column:span 1;scroll-snap-align:start}.cz-showcase__card:not(.cz-showcase__card--featured):nth-child(2n){grid-row:2}.cz-showcase__card:not(.cz-showcase__card--featured):nth-child(odd){grid-row:3}.cz-showcase__card{border-radius:6px}.cz-showcase__label,.cz-showcase__subtitle,.cz-showcase__cta{opacity:1;transform:none;transition:none}.cz-showcase__label-line{transform:scaleX(1)}.cz-showcase__content{padding:12px}.cz-showcase__title{font-size:clamp(13px,3.5vw,18px)}.cz-showcase__card--featured .cz-showcase__title{font-size:clamp(16px,5vw,24px)}.cz-showcase__header{position:relative;bottom:auto;left:auto;max-width:100%;text-align:center;padding:4px 0 8px}.cz-showcase__heading{font-size:clamp(26px,9vw,44px);color:var(--sc-text);text-shadow:none}.cz-showcase__eyebrow:before{display:none}.cz-showcase__card:after{transform:scaleX(1)}}@media(max-width:375px){.cz-showcase__card--featured{min-height:160px}}.cz-showcase__arrow{display:none;position:absolute;top:50%;z-index:20;transform:translateY(-50%) scale(.9);width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease,transform .3s ease,background .2s ease,border-color .2s ease;pointer-events:none}.cz-showcase__arrow--left{left:28px}.cz-showcase__arrow--right{right:28px}.cz-showcase__arrow.is-visible{display:flex;pointer-events:auto}.cz-showcase__stage:hover .cz-showcase__arrow.is-visible{opacity:1;transform:translateY(-50%) scale(1)}.cz-showcase__arrow:hover{background:#000000b3;border-color:var(--sc-accent)}.cz-showcase__arrow:active{transform:translateY(-50%) scale(.92)}@media(max-width:768px){.cz-showcase__arrow{width:34px;height:34px;top:auto;bottom:calc(50% - 17px);transform:scale(1)}.cz-showcase__arrow--left{left:10px}.cz-showcase__arrow--right{right:10px}.cz-showcase__arrow.is-visible{opacity:.85;transform:scale(1)}.cz-showcase__arrow:active{transform:scale(.92)}}@media(prefers-reduced-motion:reduce){.cz-showcase,.cz-showcase *,.cz-showcase *:before,.cz-showcase *:after{animation:none!important;transition:none!important}.cz-showcase__card{opacity:1}.czsc-hero__line-in{transform:none}.czsc-hero__eyebrow,.czsc-hero__text,.czsc-hero__cta,.czsc-hero__cue{opacity:1}.czsc-hero__eyebrow-line{transform:scaleX(1)}.czsc-hero__media img{transform:scale(1)}.czsc-hero__recede{opacity:0}}html[data-theme=light] .cz-showcase{background:#fff;color:#1a1a1a}@media(max-width:768px){html[data-theme=light] .cz-showcase__heading{color:#1a1a1a;font-weight:600;letter-spacing:-.01em}}html[data-theme=light] .cz-showcase__arrow{background:#ffffffc7;border:1px solid rgba(0,0,0,.12);color:#1a1a1a}html[data-theme=light] .cz-showcase__arrow:hover{background:#fffffff2;border-color:var(--sc-accent, #ff0374)}
/*# sourceMappingURL=/cdn/shop/t/76/assets/cz-heroshowcase.css.map */