.pf-hero{--pf-r: 13rem;--pf-moon: 7rem;--px: 0px;--py: 0px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(60% 70% at 78% 45%,rgba(var(--pf-pool),.35) 0%,transparent 60%),radial-gradient(50% 60% at 10% 90%,rgba(var(--pf-gum),.28) 0%,transparent 60%),rgb(var(--pf-mist));color:rgb(var(--pf-plum));padding:9rem 0 6rem}@media screen and (min-width:750px){.pf-hero{--pf-r: 21rem;--pf-moon: 10rem;padding:11rem 0 8rem}}@media screen and (min-width:1200px){.pf-hero{--pf-r: 24rem;--pf-moon: 11.5rem}}.pf-hero__stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.pf-hero__stars span{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:rgb(var(--pf-plum));opacity:.25;animation:pfTwinkle 3.2s ease-in-out var(--d) infinite}@keyframes pfTwinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.6;transform:scale(1.8)}}.pf-hero__inner{display:grid;grid-template-columns:1fr;gap:5.6rem;align-items:center}@media screen and (min-width:990px){.pf-hero__inner{grid-template-columns:1.05fr 1fr;gap:4rem}}.pf-hero__heading{margin:0;font-family:var(--pf-display);font-weight:800;font-size:clamp(4.4rem,9vw,10.4rem);line-height:.95;letter-spacing:-.03em;color:rgb(var(--pf-plum))}.pf-hero__word{display:inline-block;white-space:nowrap}.pf-hero__char{display:inline-block;transform-origin:50% 100%;animation:pfLetter .9s var(--pf-bounce) both;animation-delay:calc(var(--i) * 45ms + .15s)}@keyframes pfLetter{0%{opacity:0;transform:translateY(.9em) rotate(12deg) scale(.6)}60%{opacity:1}to{opacity:1;transform:none}}@media(hover:hover){.pf-hero__char:hover{animation:pfJiggle .5s var(--pf-bounce);color:rgb(var(--pf-gum))}}@keyframes pfJiggle{0%{transform:none}30%{transform:translateY(-.18em) rotate(-8deg)}60%{transform:translateY(.04em) rotate(5deg)}to{transform:none}}.pf-hero__text{margin:2.4rem 0 0;max-width:44rem;font-size:clamp(1.7rem,1.6vw,2rem);line-height:1.55;color:rgba(var(--pf-plum),.8);animation:pfFadeUp .8s var(--pf-ease) .9s both}.pf-hero__actions{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:3.2rem;animation:pfFadeUp .8s var(--pf-ease) 1.05s both}@keyframes pfFadeUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:none}}@media screen and (max-width:749px){.pf-hero__actions .pf-btn{flex:1 1 100%}}.pf-hero__space{position:relative;justify-self:center;width:calc(var(--pf-r) * 2 + var(--pf-moon));height:calc(var(--pf-r) * 2 + var(--pf-moon));max-width:100%;transform:translate(var(--px),var(--py));transition:transform .6s var(--pf-ease)}.pf-hero__planet{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:calc(var(--pf-r) * 1.15);height:calc(var(--pf-r) * 1.15);border-radius:50%;background:radial-gradient(circle at 32% 28%,rgb(var(--pf-white)),rgb(var(--pf-yolk)) 22%,rgb(var(--pf-gum)));box-shadow:inset -2.4rem -2.4rem rgba(var(--pf-plum),.12),0 3rem 6rem rgba(var(--pf-gum),.45);animation:pfFloat 6s ease-in-out infinite}.pf-hero__planet img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pf-hero__planet-face{position:absolute;top:22%;right:22%;bottom:22%;left:22%;color:rgba(var(--pf-plum),.85)}.pf-hero__planet-face svg{width:100%;height:100%}.pf-hero__ring{position:absolute;left:-22%;right:-22%;top:44%;height:16%;border-radius:50%;border:.5rem solid rgb(var(--pf-plum));transform:rotate(-14deg);clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}@keyframes pfFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-1.4rem) rotate(4deg)}}.pf-hero__orbit{position:absolute;inset:calc(var(--pf-moon) / 2);margin:0;padding:0;list-style:none;border-radius:50%;border:2px dashed rgba(var(--pf-plum),.25);animation:pfSpin var(--pf-orbit-speed, 40s) linear infinite}.pf-hero__moon{position:absolute;top:50%;left:50%;width:var(--pf-moon);height:var(--pf-moon);margin:calc(var(--pf-moon) / -2) 0 0 calc(var(--pf-moon) / -2);transform:rotate(calc(var(--n) * 360deg / var(--pf-count))) translate(var(--pf-r)) rotate(calc(var(--n) * -360deg / var(--pf-count)))}.pf-hero__moon-link{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:rgb(var(--pf-white));box-shadow:0 1rem 2.4rem rgba(var(--pf-plum),.22);border:.4rem solid rgb(var(--pf-white));animation:pfSpin var(--pf-orbit-speed, 40s) linear infinite reverse;transition:transform .3s var(--pf-bounce),box-shadow .3s var(--pf-ease)}.pf-hero__moon-link img{width:100%;height:100%;object-fit:cover}@keyframes pfSpin{to{transform:rotate(360deg)}}@media(hover:hover){.pf-hero__orbit:hover,.pf-hero__orbit:hover .pf-hero__moon-link{animation-play-state:paused}.pf-hero__moon-link:hover{box-shadow:0 0 0 .5rem rgb(var(--pf-yolk)),0 1.4rem 3rem rgba(var(--pf-plum),.3)}}.pf-hero__moon-link:focus-visible{outline:3px solid rgb(var(--pf-pool));outline-offset:3px}@media screen and (max-width:749px){.pf-hero__space{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-pf-hero.css.map */