.hero{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(1.75rem,.8rem + 4vw,5rem) clamp(2.5rem,1.5rem + 4vw,5.5rem)}.hero__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(55% 55% at 76% 42%,color-mix(in srgb,var(--c-brand) 34%,transparent),transparent 72%),radial-gradient(38% 45% at 96% 96%,color-mix(in srgb,var(--c-brand-3) 20%,transparent),transparent 70%),radial-gradient(40% 40% at 0% 0%,color-mix(in srgb,var(--c-brand-2) 14%,transparent),transparent 70%)}.hero__backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgb(255 255 255 / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 65% at 62% 42%,#000 15%,transparent 75%);mask-image:radial-gradient(ellipse 70% 65% at 62% 42%,#000 15%,transparent 75%)}.hero__grid{display:grid;gap:1.35rem;grid-template-areas:"title" "visual" "lead" "actions" "facts";align-items:center}.hero__content{display:contents}.hero__title{grid-area:title;display:grid;gap:.9rem}.hero__visual{grid-area:visual}.hero__lead{grid-area:lead}.hero__actions{grid-area:actions}.hero__facts{grid-area:facts}.hero__kicker{font-size:.72rem}.hero__headline{display:block;font-size:calc(clamp(2.125rem,1.2rem + 3.9vw,4.25rem) * var(--heading-scale));color:#fff}.hero__lead{max-width:34rem;font-size:clamp(1rem,.95rem + .35vw,1.2rem);color:var(--fg-2)}.hero__actions{display:grid;gap:.5rem}.hero__cta{justify-content:space-between;gap:1rem}.hero__secondary{--btn-fg: var(--fg-2);justify-content:center}.hero__secondary:hover{--btn-fg: #fff}.hero__play{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgb(255 255 255 / .2);transition:border-color var(--dur-2),transform var(--dur-2) var(--ease-out)}.hero__play .icon{width:16px;height:16px}.hero__secondary:hover .hero__play{border-color:#ffffff80;transform:translateY(2px)}.hero__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.5rem}.hero__fact{display:flex;align-items:flex-start;gap:.7rem;padding:.85rem;border-radius:var(--r-md);background:#ffffff0a;border:1px solid var(--line);font-size:.8125rem;line-height:1.35}.hero__fact strong{display:block;color:#fff;font-size:.875rem}.hero__fact span span{color:var(--fg-muted)}.hero__fact-icon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:var(--r-sm);background:#ffffff12;color:var(--c-brand-3)}.hero__fact-icon .icon{width:18px;height:18px}.hero__visual{position:relative}.hero__stage{position:relative;width:min(74vw,330px);aspect-ratio:1;margin-inline:auto}.hero__card{position:absolute;aspect-ratio:1;overflow:hidden;border-radius:var(--r-xl);background:#fff;box-shadow:0 40px 80px -32px #000000bf,0 0 0 1px #ffffff14}.hero__card img{width:100%;height:100%;object-fit:cover}.hero__card--front{z-index:2;left:4%;top:12%;width:74%;transform:rotate(-4deg)}.hero__card--back{z-index:1;right:0;top:2%;width:50%;transform:rotate(9deg);filter:brightness(.82) saturate(.9)}.hero__card--back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(200deg,transparent 40%,rgb(7 8 13 / .35))}.hero__ring{position:absolute;z-index:0;left:41%;top:49%;width:92%;aspect-ratio:1;border-radius:50%;border:1px solid color-mix(in srgb,var(--c-brand-3) 45%,transparent);transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none}.hero__stage--rings .hero__ring{animation:hero-ring 4.8s var(--ease-out) infinite}.hero__ring--2{animation-delay:1.6s!important}.hero__ring--3{animation-delay:3.2s!important}@keyframes hero-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}20%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}.hero__chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .8rem .45rem .45rem;border-radius:var(--r-pill);font-size:.75rem;font-weight:var(--font-body-weight-bold);line-height:1.2;white-space:nowrap}.hero__chip--top{left:-2%;top:2%;color:#fff;background:#ffffff14;border:1px solid rgb(255 255 255 / .16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero__chip--bottom{right:-2%;bottom:4%;padding:.5rem .6rem .5rem .5rem;border-radius:var(--r-md);background:#fff;color:var(--c-ink);box-shadow:0 24px 48px -18px #0009}.hero__chip-text{display:grid;gap:.1rem}.hero__chip-text span{font-weight:var(--font-body-weight);color:#5b6272;font-size:.7rem}.hero__chip-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--grad-cta);color:#fff}.hero__chip-icon .icon{width:16px;height:16px}.hero__chip-icon--light{background:#f1f3f8;border-radius:var(--r-sm);width:34px;height:34px}.hero__chip-icon--light .icon{width:20px;height:20px}.hero__chip-icon--pulse{position:relative}.hero__chip-icon--pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid color-mix(in srgb,var(--c-brand-3) 70%,transparent);animation:chip-pulse 2.4s ease-out infinite}@keyframes chip-pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.hero__chip-check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--c-success);color:#fff}.hero__chip-check .icon{width:14px;height:14px}@media(prefers-reduced-motion:no-preference){.hero__card--front{animation:hero-float 7s ease-in-out infinite}.hero__chip--bottom{animation:hero-chip-in .9s .6s var(--ease-out) both}@keyframes hero-float{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-8px)}}@keyframes hero-chip-in{0%{opacity:0;transform:translateY(12px) scale(.96)}}}@media(min-width:600px){.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem}.hero__cta{justify-content:center}.hero__facts{grid-template-columns:repeat(4,minmax(0,1fr))}.hero__stage{width:min(70vw,460px)}.hero__chip{font-size:.8125rem}}@media(min-width:1024px){.hero{min-height:min(calc(100svh - var(--header-h) - 38px),860px);display:grid;align-items:center}.hero__grid{grid-template-areas:none;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(2.5rem,4vw,5rem)}.hero__content{display:grid;gap:1.75rem;align-content:center}.hero__title,.hero__visual,.hero__lead,.hero__actions,.hero__facts{grid-area:auto}.hero__title{gap:1.25rem}.hero__stage{width:min(100%,580px)}.hero__facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-top:1rem;padding-top:1.75rem;border-top:1px solid var(--line)}.hero__fact{flex-direction:column;gap:.7rem;padding:0;background:none;border:0}.hero__chip--top{left:-6%;top:4%}.hero__chip--bottom{right:-4%;bottom:8%}}@media(min-width:1280px){.hero__lead{font-size:1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hero.css.map */