.hero-cards{display:block;min-height:calc(100vh - var(--hero-offset, 8rem));min-height:calc(100dvh - var(--hero-offset, 8rem));position:relative;overflow:hidden;isolation:isolate;z-index:0;background:url(hero-bg.jpg) center / cover no-repeat}.hero-cards__scatter{position:relative;width:100%;height:calc(100vh - var(--hero-offset, 8rem));height:calc(100dvh - var(--hero-offset, 8rem))}@media screen and (max-width:749px){.hero-cards{min-height:calc(100vh - var(--hero-offset, 8rem) + 12rem);min-height:calc(100dvh - var(--hero-offset, 8rem) + 12rem)}.hero-cards__scatter{height:calc(100vh - var(--hero-offset, 8rem) + 12rem);height:calc(100dvh - var(--hero-offset, 8rem) + 12rem)}}.hero-cards__card{position:absolute;-webkit-user-select:none;user-select:none;z-index:1;transform-style:preserve-3d;transform:translate(-50%,-50%) rotate(var(--card-rotation, 0deg));transition:left .7s cubic-bezier(.4,0,.2,1),top .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1),box-shadow .4s ease;pointer-events:none}.hero-cards__card{width:22rem;height:16rem}@media screen and (min-width:750px){.hero-cards__card{width:28rem;height:20rem}}@media screen and (min-width:990px){.hero-cards__card{width:30rem;height:22rem}}.hero-cards__card.is-spotlight{left:50%!important;top:50%!important;transform:translate(-50%,-50%) rotate(0) scale(1.08)}.hero-cards__card.is-spotlight .hero-cards__card-front,.hero-cards__card.is-spotlight .hero-cards__card-back{box-shadow:0 24px 60px #00000073,0 6px 18px #00000040}.hero-cards__card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease;transform:perspective(800px) rotateY(0)}.hero-cards__card.is-flipped .hero-cards__card-inner{transform:perspective(800px) rotateY(180deg)}.hero-cards__card-front,.hero-cards__card-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:1.2rem;box-shadow:0 4px 16px #0000004d,0 1px 4px #0003;border:3px solid var(--rm-dark);overflow:hidden;transition:box-shadow .4s ease}.hero-cards__card-front{background:var(--rm-light);color:var(--rm-dark);padding:2.4rem;display:flex;align-items:center;justify-content:center}.hero-cards__card-front:before{content:"";position:absolute;top:1rem;left:1rem;right:1rem;bottom:1rem;border:1px solid rgba(var(--color-foreground),.06);border-radius:.8rem;pointer-events:none}div.hero-cards__card-back{background:#3d3845;transform:rotateY(180deg);display:flex;align-items:center;justify-content:center}.hero-cards__card-back:before{content:"";position:absolute;top:1rem;left:1rem;right:1rem;bottom:1rem;border:1px solid rgba(var(--rm-light-rgb),.25);border-radius:.8rem;pointer-events:none}.hero-cards__card-back:after{content:"\2726";font-size:2.4rem;color:var(--rm-light);opacity:.4}.hero-cards__card-text{font-family:Sticky,cursive;font-size:1.6rem;font-weight:700;line-height:.95;text-align:center;font-style:normal;color:var(--rm-dark);margin:0}@media screen and (min-width:750px){.hero-cards__card-text{font-size:1.8rem}}@media screen and (min-width:990px){.hero-cards__card-text{font-size:2rem}}@media(prefers-reduced-motion:reduce){.hero-cards__card,.hero-cards__card-inner{transition:none}}.hero-cards__fallback{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.6rem;padding:2.4rem;min-height:100vh;min-height:100dvh;align-content:center}@media screen and (min-width:750px){.hero-cards__fallback{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:2rem;padding:4rem}}.hero-cards__card-static .hero-cards__card-inner{height:auto;min-height:16rem}.hero-cards__scatter.design-mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1.6rem;padding:2.4rem;height:auto;min-height:100vh;min-height:100dvh;align-content:start}.design-mode-grid .hero-cards__card{position:static;opacity:1;animation:none;width:auto;height:auto;transform:none;cursor:default;transition:none}.design-mode-grid .hero-cards__card .hero-cards__card-inner{height:auto;min-height:16rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-cards.css.map */