.hero-showcase{display:block}.hero-showcase__frame{position:relative;padding:2px;border-radius:14px;overflow:hidden;background:#bfaf8073}.hero-showcase__frame:before{content:"";position:absolute;top:50%;left:50%;width:300%;height:300%;transform:translate(-50%,-50%) rotate(0);background:conic-gradient(from 0deg,#6b6240,#bfaf80 60deg,#f0e4a4,#bfaf80 120deg,#6b6240,#bfaf80 240deg,#f0e4a4,#bfaf80 300deg,#6b6240 360deg);animation:borderSpin 6s linear infinite;z-index:0}@keyframes borderSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.hero-showcase__inner{background-color:rgb(var(--color-background));border-radius:12px;position:relative;z-index:1;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:8rem;align-items:center;min-height:525px;padding:4rem;box-shadow:inset 0 0 60px #0006}.hero-showcase__text{display:flex;flex-direction:column;gap:3rem;z-index:1}.hero-showcase__heading{font-size:clamp(2.5rem,4vw,3.5rem);line-height:1;color:#bfaf80;margin:0;transition:opacity .4s ease}.hero-showcase__subheading{color:#f0eef1b3;font-size:clamp(1.2rem,1.5vw,1.5rem);margin:0;transition:opacity .4s ease;line-height:1.6}.hero-showcase__stage{position:relative;height:475px;display:flex;align-items:center;justify-content:center}.hero-showcase__set{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 1s ease;pointer-events:none}.hero-showcase__set--active{opacity:1;pointer-events:auto}.hero-showcase__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;pointer-events:none;z-index:0;transition:opacity 1s ease}.hero-showcase__bg--active{opacity:.12}.hero-showcase__card{position:absolute;width:278px;height:386px;border-radius:12px;overflow:hidden;display:block;text-decoration:none;transform-origin:bottom center;transform:rotate(var(--card-rotation, 0deg)) translate(var(--card-x, 0px),var(--card-y, 0px)) translateY(var(--card-lift, 0px));transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;box-shadow:0 8px 24px #0000008c;cursor:pointer}.hero-showcase__card img,.hero-showcase__card .placeholder-svg{width:100%;height:100%;object-fit:cover;object-position:top;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.hero-showcase__card--1{--card-rotation: -10deg;--card-x: -100px;--card-y: -24px;z-index:1}.hero-showcase__card--2{--card-rotation: 0deg;--card-x: 0px;--card-y: -24px;z-index:2}.hero-showcase__card--3{--card-rotation: 10deg;--card-x: 100px;--card-y: -24px;z-index:3}.hero-showcase__card.is-lifted{--card-lift: -22px;z-index:10;box-shadow:0 20px 48px #000000a6,0 0 0 2px #bfaf8073}.hero-showcase__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:overlay;background-size:400% 100%;background-position:90% 0;background-repeat:no-repeat;background-image:linear-gradient(135deg,#fff0 45%,#fff,#fff0 55%);opacity:0;transition:background-position 2s ease,opacity .4s ease}.hero-showcase__card.is-lifted:after{opacity:.25;background-position:left 0}.hero-showcase__dots{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:20}.hero-showcase__dot{width:2rem;height:.5rem;border-radius:99px;background-color:#bfaf804d;border:none;cursor:pointer;padding:0;flex-shrink:0;transition:width .45s cubic-bezier(.4,0,.2,1),background-color .4s ease}.hero-showcase__dot--active{width:4rem;background-color:#bfaf80}@media screen and (min-width:750px)and (max-width:989px){.hero-showcase__inner{gap:3rem;padding:3rem;min-height:400px}.hero-showcase__stage{height:380px}.hero-showcase__card{width:195px;height:272px}.hero-showcase__card--1{--card-x: -72px;--card-y: -18px}.hero-showcase__card--2{--card-x: 0px;--card-y: -18px}.hero-showcase__card--3{--card-x: 72px;--card-y: -18px}.hero-showcase__heading{font-size:clamp(2.6rem,3.5vw,3.2rem)}}@media screen and (max-width:749px){.hero-showcase__inner{grid-template-columns:1fr;min-height:unset;gap:1.5rem;padding:2.5rem 2rem 2rem}.hero-showcase__stage{height:270px;order:-1}.hero-showcase__card{width:140px;height:195px}.hero-showcase__card--1{--card-rotation: -10deg;--card-x: -55px;--card-y: 0px;z-index:0}.hero-showcase__card--2{--card-rotation: 0deg;--card-x: 0px;--card-y: 0px;z-index:0}.hero-showcase__card--3{--card-rotation: 10deg;--card-x: 55px;--card-y: 0px;z-index:0}.hero-showcase__heading{font-size:clamp(2.4rem,7vw,3.2rem)}.hero-showcase__text{gap:2rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-hero-card-showcase.css.map */