.d3d-hero{position:relative;overflow:hidden;isolation:isolate}.d3d-hero__grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;position:relative;z-index:1}@media screen and (min-width:990px){.d3d-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:4rem}}.d3d-hero__copy{max-width:60rem}.d3d-hero__heading{margin-bottom:1.6rem;text-wrap:balance}.d3d-hero__text{font-size:1.8rem;max-width:46rem}@media screen and (min-width:750px){.d3d-hero__text{font-size:2rem}}.d3d-hero__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.4rem}.d3d-hero__trust{display:flex;flex-wrap:wrap;gap:.8rem 2rem;margin:2.6rem 0 0;padding:0;font-weight:700;font-size:1.4rem}.d3d-hero__trust li{display:inline-flex;align-items:center;gap:.6rem}.d3d-hero__check{display:inline-flex;width:2rem;height:2rem;color:rgb(var(--color-foreground))}.d3d-hero__check svg{width:100%;height:100%}.d3d-hero__stage{position:relative;padding:2.4rem 2.4rem 3.2rem;transition-delay:.1s}.d3d-hero__main{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 18px #1b1a2e24;border:6px solid rgba(255,255,255,.85);transform:rotate(1.5deg);background:#fff6;aspect-ratio:5 / 4}.d3d-hero__main-link{display:block;height:100%}.d3d-hero__main-img,.d3d-hero__placeholder svg{width:100%;height:100%;object-fit:cover;display:block}.d3d-hero__main-img{transition:transform .6s ease}.d3d-hero__main:hover .d3d-hero__main-img{transform:scale(1.03)}.d3d-hero__sticker{position:absolute;width:clamp(120px,26%,200px);background:#fff;border-radius:20px;padding:.6rem;box-shadow:0 10px #1b1a2e24;text-decoration:none;color:var(--d3d-ink, #1b1a2e);transform:rotate(var(--rot, -6deg));transition:transform .25s ease;z-index:2}.d3d-hero__sticker:hover{animation:d3d-wobble .5s ease forwards}.d3d-hero__sticker img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:14px}.d3d-hero__sticker-label{display:flex;flex-direction:column;gap:.2rem;padding:.7rem .4rem .3rem}.d3d-hero__sticker-title{font-weight:800;font-size:1.25rem;line-height:1.2}.d3d-hero__sticker-price{align-self:flex-start;font-weight:800;font-size:1.2rem;background:var(--d3d-orange, #ff7a1a);color:#fff;padding:.15em .7em;border-radius:999px}.d3d-hero__sticker--tl{top:0;left:0}.d3d-hero__sticker--tr{top:0;right:0}.d3d-hero__sticker--bl{bottom:0;left:0}.d3d-hero__sticker--br{bottom:0;right:0}.d3d-hero__badge{position:absolute;width:clamp(96px,20%,150px);aspect-ratio:1;display:grid;place-items:center;text-align:center;font-weight:800;font-size:1.3rem;line-height:1.1;transform:rotate(var(--rot, 8deg));z-index:3;background:transparent!important;filter:drop-shadow(0 6px 0 rgba(27,26,46,.15))}.d3d-hero__badge svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:rgb(var(--color-background))}.d3d-hero__badge span{position:relative;padding:0 16%;color:rgb(var(--color-foreground))}.d3d-hero__badge--tl{top:-1rem;left:-1rem}.d3d-hero__badge--tr{top:-1rem;right:-1rem}.d3d-hero__badge--bl{bottom:-1rem;left:-1rem}.d3d-hero__badge--br{bottom:-1rem;right:-1rem}@media screen and (min-width:750px){.d3d-hero__badge{font-size:1.6rem}}.d3d-hero__blob{position:absolute;z-index:0;fill:#ffffff59;pointer-events:none}.d3d-hero__blob--1{width:34vw;max-width:520px;top:-12%;right:-8%}.d3d-hero__blob--2{width:26vw;max-width:380px;bottom:-18%;left:-6%;fill:#1b1a2e0f}.d3d-hero__dot{position:absolute;border-radius:50%;z-index:0;pointer-events:none}.d3d-hero__dot--1{width:14px;height:14px;background:var(--d3d-pink, #ff4d9d);top:18%;left:46%}.d3d-hero__dot--2{width:22px;height:22px;background:var(--d3d-teal, #1fb8b0);bottom:14%;left:38%}.d3d-hero__dot--3{width:10px;height:10px;background:var(--d3d-purple, #6e4dff);top:8%;left:44%}@media screen and (max-width:989px){.d3d-hero__dot--1,.d3d-hero__dot--2{display:none}.d3d-hero__stage{padding:1.6rem 1.2rem 2.4rem}}@media screen and (max-width:749px){.d3d-hero__dot--3{display:none}.d3d-hero__stage{display:grid;grid-template-columns:1fr 1fr;gap:2rem 1.6rem;padding:.8rem 1.2rem 2rem}.d3d-hero__main{grid-column:1 / -1;transform:rotate(.8deg)}.d3d-hero__sticker{position:static;width:auto;max-width:20rem;justify-self:center;transform:rotate(var(--rot, -4deg))}.d3d-hero__sticker:nth-of-type(odd){justify-self:end}.d3d-hero__sticker:nth-of-type(2n){justify-self:start}.d3d-hero__badge{top:-.6rem!important;right:.4rem!important;bottom:auto!important;left:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/d3d-hero.css.map */
