.hero-showcase{position:relative;overflow:hidden}.hero-showcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60rem 40rem at 72% 55%,#1f7a4f1a,#1f7a4f00 70%);pointer-events:none}.hero-showcase__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-showcase__bg img{width:100%;height:100%;object-fit:cover;opacity:var(--bg-opacity, .45)}.hero-showcase__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(var(--color-background),.9),rgba(var(--color-background),.7) 55%,rgba(var(--color-background),.45))}@media screen and (min-width:990px){.hero-showcase__bg:after{background:linear-gradient(90deg,rgb(var(--color-background)),rgba(var(--color-background),.85),rgba(var(--color-background),.3) 70%,rgba(var(--color-background),.5))}}.hero-showcase__inner{position:relative;z-index:1;display:grid;gap:var(--sv-space-5);align-items:center}@media screen and (min-width:990px){.hero-showcase__inner{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--sv-space-6);min-height:52rem}}.hero-showcase__eyebrow{display:inline-flex;align-items:center;gap:var(--sv-space-1);margin:0 0 var(--sv-space-3);padding:.5rem 1.2rem;border-radius:var(--sv-radius-pill);background:var(--sv-mint);color:var(--sv-ink);font-size:var(--sv-text-caption);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hero-showcase__eyebrow:before{content:"";width:.8rem;height:.8rem;border-radius:50%;background:var(--sv-green)}.hero-showcase__heading{margin:0;font-family:var(--font-heading-family);font-weight:700;font-size:3.4rem;line-height:1.05;letter-spacing:-.02em;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.hero-showcase__heading{font-size:4.6rem}}@media screen and (min-width:1200px){.hero-showcase__heading{font-size:5.6rem}}.hero-showcase__text{max-width:48ch;margin:var(--sv-space-3) 0 0;font-size:1.6rem;line-height:1.55;color:rgba(var(--color-foreground),.82)}.hero-showcase__buttons{display:flex;flex-wrap:wrap;gap:var(--sv-space-2);margin-top:var(--sv-space-5)}.hero-showcase__buttons .button{min-height:4.8rem;padding:0 var(--sv-space-5);font-size:1.5rem;font-weight:700}@media screen and (max-width:749px){.hero-showcase__buttons .button{flex:1 1 14rem}}.hero-showcase__trust{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sv-space-1) var(--sv-space-2);margin:var(--sv-space-4) 0 0;font-size:1.3rem;color:rgba(var(--color-foreground),.82)}.hero-showcase__stars{display:inline-flex;gap:.2rem;color:var(--sv-gold)}.hero-showcase__stars svg{width:1.4rem;height:1.4rem}.hero-showcase__stage{position:relative;height:21rem;margin:0 auto;width:100%;max-width:44rem}@media screen and (min-width:750px){.hero-showcase__stage{height:40rem;max-width:60rem}}@media screen and (min-width:990px){.hero-showcase__stage{height:46rem;max-width:none}}.hero-showcase__stage:after{content:"";position:absolute;left:10%;right:10%;bottom:2%;height:12%;border-radius:50%;background:radial-gradient(closest-side,#06281c38,#06281c00);z-index:0}.hero-showcase__item{position:absolute;left:var(--x);top:var(--y);z-index:var(--z);width:var(--w);aspect-ratio:1;display:block;padding:4%;box-sizing:border-box;background:var(--sv-surface);border-radius:1.6rem;box-shadow:0 18px 40px -12px #06281c59,0 2px 6px #06281c14;transform:rotate(var(--r));transition:transform .3s ease,box-shadow .3s ease}.hero-showcase__item img{width:100%;height:100%;object-fit:contain;display:block}.hero-showcase__item:focus-visible{outline:2px solid var(--sv-ink);outline-offset:4px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.hero-showcase__item:hover{transform:rotate(var(--r)) translateY(-8px) scale(1.03);box-shadow:0 26px 50px -14px #06281c6b,0 2px 6px #06281c14;z-index:10}}.hero-showcase__item:nth-child(1){--x: 29%;--y: 16%;--w: 42%;--r: -2deg;--z: 5}.hero-showcase__item:nth-child(2){--x: 2%;--y: 26%;--w: 36%;--r: -10deg;--z: 4}.hero-showcase__item:nth-child(3){--x: 62%;--y: 24%;--w: 36%;--r: 9deg;--z: 4}.hero-showcase__item:nth-child(4){--x: 13%;--y: 0%;--w: 30%;--r: -5deg;--z: 2}.hero-showcase__item:nth-child(5){--x: 56%;--y: 0%;--w: 30%;--r: 6deg;--z: 2}@media screen and (max-width:749px){.hero-showcase__item:nth-child(1){--x: 27%;--y: 6%;--w: 46%}.hero-showcase__item:nth-child(2){--x: 1%;--y: 20%;--w: 38%}.hero-showcase__item:nth-child(3){--x: 61%;--y: 18%;--w: 38%}.hero-showcase__item:nth-child(n+4){display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-hero-showcase.css.map */