.cards-shero{--cards-shero-text: #292929;--cards-shero-accent: #eb2529;--cards-shero-bg: #ffffff;background-color:var(--cards-shero-bg);overflow:clip}.cards-shero__container{max-width:1512px;margin:0 auto;display:flex;flex-direction:column;width:100%;height:calc(100dvh - 90px);overflow-y:visible}.cards-shero__content{padding:32px 30px 40px;width:100%;box-sizing:border-box;flex-shrink:0;overflow:auto}.cards-shero__content-inner{display:flex;flex-direction:column;gap:16px;max-width:1212px}.cards-shero__heading{font-family:var(--font-heading--family);font-weight:400;font-size:clamp(2.5rem,5.5vw,90px);line-height:1.22;letter-spacing:0;color:var(--cards-shero-text);margin:0}.cards-shero__accent{color:var(--cards-shero-accent);font-family:var(--font-heading--family)}.cards-shero__subheading{font-family:var(--font-heading--family);font-weight:400;font-size:clamp(1rem,1.2vw,18px);line-height:1.56;letter-spacing:0;color:var(--cards-shero-text);margin:0;max-width:719px}.cards-shero__title-line{display:block;overflow:hidden}.cards-shero__title-word,.cards-shero__title-char{display:inline-block}.cards-shero__desc-line{display:block}.cards-shero__desc-word,.cards-shero__desc-char{display:inline-block}.cards-shero__grid-wrap{padding:0 1rem;flex:1;min-height:0;display:flex;flex-direction:column}.cards-shero__grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:6px;border-radius:10px;height:100%;scrollbar-width:none}.cards-shero__grid::-webkit-scrollbar{display:none}.cards-shero__cell{position:relative;overflow:hidden;background:#e8e8e6;cursor:pointer;min-width:calc(100vw - 72px);height:320px;flex-shrink:0;scroll-snap-align:start;opacity:1;transform:translateY(0) scale(1);transition:opacity .7s ease,transform .7s ease}.cards-shero__cell.is-visible{opacity:1;transform:translateY(0) scale(1)}@media(prefers-reduced-motion:reduce){.cards-shero__cell{transition:none}}.cards-shero__cell-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.cards-shero__cell-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--obj-pos, center center);transform:scale(1.05);transition:transform .7s cubic-bezier(.25,.1,.25,1),filter .7s;filter:brightness(.88) contrast(1.03)}.cards-shero__cell:hover .cards-shero__cell-img,.cards-shero__cell.is-touched .cards-shero__cell-img{filter:brightness(1.1) contrast(1.05)}.cards-shero__cell-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e8e8e8}.cards-shero__cell-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background .5s;z-index:1}.cards-shero__cell:hover .cards-shero__cell-overlay,.cards-shero__cell.is-touched .cards-shero__cell-overlay{background:#0000004d}.cards-shero__cell-gradient{position:absolute;bottom:0;left:0;right:0;height:96px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);pointer-events:none;z-index:2}.cards-shero__cell-info{position:absolute;bottom:0;left:0;right:0;padding:1rem;z-index:3;display:flex;align-items:flex-end}.cards-shero__cell-name{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#fff9;position:absolute;bottom:1rem;left:1rem;transition:opacity .4s}.cards-shero__cell:hover .cards-shero__cell-name,.cards-shero__cell.is-touched .cards-shero__cell-name{opacity:0}.cards-shero__cell-logo{width:32px;height:32px;object-fit:fill;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s;-webkit-filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.cards-shero__cell:hover .cards-shero__cell-logo,.cards-shero__cell.is-touched .cards-shero__cell-logo{opacity:1;transform:translateY(0)}.cards-shero__cell-logo--invert{-webkit-filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.3));filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.3));-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.cards-shero__cell-arrow{position:absolute;top:1rem;right:1rem;z-index:3;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}.cards-shero__cell:hover .cards-shero__cell-arrow,.cards-shero__cell.is-touched .cards-shero__cell-arrow{opacity:1;transform:translateY(0)}.cards-shero__arrow-circle{width:32px;height:32px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}@media(max-width:989px){.cards-shero__container{height:auto}}@media(min-height:1831px){.cards-shero__container{height:auto}}@media(min-width:990px){.cards-shero__grid-wrap{padding:0 2.5rem}.cards-shero__grid{display:grid;grid-template-columns:1.55fr 1fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);flex:1}.cards-shero__cell{position:relative;min-width:0;min-height:0;height:100%;scroll-snap-align:unset}.cards-shero__cell-link{position:absolute;top:0;right:0;bottom:0;left:0}.cards-shero__cell-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cards-shero__cell--featured{grid-row:span 2}.cards-shero__cell:not(.cards-shero__cell--featured):nth-of-type(2){grid-column-start:2}.cards-shero__cell:not(.cards-shero__cell--featured):nth-of-type(3){grid-column-start:2;grid-row-start:2}.cards-shero__cell:not(.cards-shero__cell--featured):nth-of-type(4){grid-column-start:3;grid-row-start:1}.cards-shero__cell:not(.cards-shero__cell--featured):nth-of-type(5){grid-column-start:3;grid-row-start:2}.cards-shero__cell-logo{width:92px;height:60px;object-fit:contain}div.cards-shero__grid-wrap>div>div:nth-child(5)>div.cards-shero__cell-info>img{width:auto;max-width:100%;height:40px;object-fit:contain;min-width:0}div.cards-shero__grid-wrap>div>div:nth-child(5)>div.cards-shero__cell-info{overflow:visible}}@media(min-width:1024px){.cards-shero__grid-wrap{padding:0 30px}}@media screen and (max-width:989px){.cards-shero__content{padding:28px 40px 32px}.cards-shero__heading{font-size:49px;line-height:60px;font-family:var(--font-heading--family);font-weight:500}.cards-shero__subheading{font-size:16px}}@media screen and (max-width:749px){.cards-shero__content{padding:24px 20px 28px}.cards-shero__content-inner{gap:12px}.cards-shero__heading{font-size:49px;line-height:60px}.cards-shero__subheading{font-size:15px;line-height:1.5}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-cards-shero-hero.css.map */