@property --ring-outer-o{syntax:"<number>"; inherits:true; initial-value:0;}@property --ring-mid-o{syntax:"<number>"; inherits:true; initial-value:0;}@property --ring-inner-o{syntax:"<number>"; inherits:true; initial-value:.4;}@property --ring-core-o{syntax:"<number>"; inherits:true; initial-value:0;}@property --ring-inner-scale{syntax:"<number>"; inherits:true; initial-value:1;}@property --ring-core-scale{syntax:"<number>"; inherits:true; initial-value:.92;}@property --dial-glow{syntax:"<number>"; inherits:true; initial-value:.22;}#ps-afex-hero{background:radial-gradient(ellipse at 50% 40%,#fff0e6,#fff8f2 55%,#fff);min-height:auto;padding:48px 24px 40px;overflow:hidden}#ps-afex-hero .hero-product-bg{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);width:min(78vw,560px);max-width:640px;height:auto;opacity:.14;pointer-events:none;z-index:0;filter:none;-webkit-user-select:none;user-select:none}#ps-afex-hero .hero-dial-wrap{position:relative;width:200px;height:200px;margin:0 auto 4px}#ps-afex-hero .hero-dial{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2a2a2a,#0d0d0d 60%);border:1px solid var(--border);box-shadow:0 0 0 1px #ffffff08,0 0 60px #ff6a0040,inset 0 0 40px #000c;position:relative;overflow:hidden;--hero-dial-cycle:30s;--ring-outer-o:0;--ring-mid-o:0;--ring-inner-o:.4;--ring-core-o:0;--ring-inner-scale:1;--ring-core-scale:.92;--dial-glow:.22;animation:psAfexHeroTextureStages var(--hero-dial-cycle) linear infinite}#ps-afex-hero .hero-dial-spinner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;animation:psAfexHeroDialSpin var(--hero-dial-cycle) linear infinite;z-index:4;pointer-events:none}@keyframes psAfexHeroDialSpin{to{transform:rotate(360deg)}}#ps-afex-hero .hero-dial-marker{position:absolute;top:12px;left:50%;width:4px;height:22px;background:var(--orange);border-radius:2px;transform:translate(-50%);box-shadow:0 0 12px var(--orange)}#ps-afex-hero .hero-dial-rings{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;z-index:2;pointer-events:none}#ps-afex-hero .hero-dial-ring{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);border:2.5px solid transparent}#ps-afex-hero .hero-dial-ring.ring-outer{width:88%;height:88%;border-color:#ff37008c}#ps-afex-hero .hero-dial-ring.ring-mid{width:80%;height:80%;border-color:#ff5100a6}#ps-afex-hero .hero-dial-ring.ring-inner{width:71%;height:71%;border-color:#ff9a3d;box-shadow:0 0 10px #ff9a3d26}#ps-afex-hero .hero-dial-ring.ring-core{width:62%;height:62%;border-color:#ffb870;background:radial-gradient(circle,#050505 55%,#000)}@keyframes psAfexHeroTextureStages{0%{--ring-outer-o:0;--ring-mid-o:0;--ring-inner-o:.4;--ring-core-o:0;--ring-inner-scale:1;--ring-core-scale:.92;--dial-glow:.22}25%{--ring-outer-o:.35;--ring-mid-o:.5;--ring-inner-o:.85;--ring-core-o:0;--ring-inner-scale:1;--ring-core-scale:.94;--dial-glow:.32}50%{--ring-outer-o:.55;--ring-mid-o:.85;--ring-inner-o:1;--ring-core-o:.25;--ring-inner-scale:1.02;--ring-core-scale:.96;--dial-glow:.42}75%{--ring-outer-o:.7;--ring-mid-o:1;--ring-inner-o:1;--ring-core-o:1;--ring-inner-scale:1.04;--ring-core-scale:1;--dial-glow:.55}to{--ring-outer-o:0;--ring-mid-o:0;--ring-inner-o:.4;--ring-core-o:0;--ring-inner-scale:1;--ring-core-scale:.92;--dial-glow:.22}}#ps-afex-hero .hero-dial-rings .ring-outer{opacity:var(--ring-outer-o,0);transform:translate(-50%,-50%) scale(var(--ring-inner-scale,1))}#ps-afex-hero .hero-dial-rings .ring-mid{opacity:var(--ring-mid-o,0);transform:translate(-50%,-50%) scale(var(--ring-inner-scale,1))}#ps-afex-hero .hero-dial-rings .ring-inner{opacity:var(--ring-inner-o,.35);transform:translate(-50%,-50%) scale(var(--ring-inner-scale,1))}#ps-afex-hero .hero-dial-rings .ring-core{opacity:var(--ring-core-o,0);transform:translate(-50%,-50%) scale(var(--ring-core-scale,.92))}#ps-afex-hero .hero-dial-hub{position:absolute;top:30%;right:30%;bottom:30%;left:30%;border-radius:50%;background:radial-gradient(circle,#1c1c1c,#050505);box-shadow:inset 0 0 20px #000000e6,0 0 calc(18px * var(--dial-glow, .22)) #ff6a0059;z-index:3;pointer-events:none}#ps-afex-hero .hero-dial-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;border-radius:50%;background:radial-gradient(circle,rgba(255,106,0,.25),transparent 70%);filter:blur(20px);animation:psAfexPulseGlow 4s ease-in-out infinite;z-index:-1}@keyframes psAfexPulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}#ps-afex-hero .dial-face-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;z-index:3}#ps-afex-hero .dial-hello{font-size:16px;letter-spacing:2px;text-transform:uppercase;color:#fff;font-weight:600;opacity:.85}#ps-afex-hero .dial-name{font-size:clamp(22px,3vw,30px);font-weight:800;color:var(--orange);text-shadow:0 0 18px rgba(255,106,0,.7);max-width:180px;text-align:center;line-height:1.1;word-break:break-word;transition:transform .25s ease}#ps-afex-hero .dial-name.pulse{animation:psAfexNamePulse .3s ease}@keyframes psAfexNamePulse{50%{transform:scale(1.12)}}#ps-afex-hero .dial-cursor{display:inline-block;width:2px;height:1em;background:var(--orange);margin-left:2px;vertical-align:middle;animation:psAfexBlink 1s step-end infinite}@keyframes psAfexBlink{50%{opacity:0}}#ps-afex-hero .hero-text{margin-top:20px;text-align:center}#ps-afex-hero .name-stage{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:12px}#ps-afex-hero .name-label{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--grey)}#ps-afex-hero .name-input{background:#ffffffd9;border:1px solid rgba(0,0,0,.12);border-radius:40px;padding:14px 28px;font-size:17px;color:#282828;text-align:center;width:min(360px,80vw);outline:none;transition:border-color .3s,box-shadow .3s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:inherit}#ps-afex-hero .name-input:focus{border-color:var(--orange);box-shadow:0 0 24px #ff6a0040}#ps-afex-hero .name-input::placeholder{color:#999}#ps-afex-hero .name-hint{font-size:12px;color:var(--grey);letter-spacing:.5px;opacity:.75;min-height:16px}#ps-afex-hero .name-hint b{color:var(--orange);font-weight:600}#ps-afex-hero #ps-afex-welcomeStage{display:none;text-align:center}#ps-afex-hero #ps-afex-welcomeStage h1{margin-bottom:10px}#ps-afex-hero .scroll-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--grey);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.7}#ps-afex-hero .scroll-hint .line{width:1px;height:34px;background:linear-gradient(180deg,var(--orange),transparent);animation:psAfexScrollLine 1.8s ease-in-out infinite}@keyframes psAfexScrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}#ps-afex-hero .particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}#ps-afex-hero .particle{position:absolute;width:3px;height:3px;background:var(--orange);border-radius:50%;opacity:.5;animation:psAfexFloatUp linear infinite}@keyframes psAfexFloatUp{0%{transform:translateY(0);opacity:0}10%{opacity:.6}90%{opacity:.4}to{transform:translateY(-100vh);opacity:0}}#ps-afex-hero .ps-afex-hero-inner{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width:760px){#ps-afex-hero{min-height:auto;justify-content:flex-start;padding:40px 16px 32px}#ps-afex-hero .hero-product-bg{width:min(92vw,420px);top:56%;opacity:.12}#ps-afex-hero .hero-dial-wrap{width:min(140px,40vw);height:min(140px,40vw);margin-bottom:2px}#ps-afex-hero .hero-dial-marker{top:8px;width:3px;height:16px}#ps-afex-hero .hero-dial-hub{top:28%;right:28%;bottom:28%;left:28%}#ps-afex-hero .hero-dial-ring{border-width:2px}#ps-afex-hero .hero-dial-glow{top:-28px;right:-28px;bottom:-28px;left:-28px}#ps-afex-hero .dial-hello{font-size:14px;letter-spacing:1.5px}#ps-afex-hero .dial-name{font-size:clamp(16px,4.5vw,22px);max-width:110px}#ps-afex-hero .hero-text{margin-top:14px}#ps-afex-hero .name-stage{margin-top:20px;gap:8px;width:100%}#ps-afex-hero .name-input{width:min(100%,320px);padding:12px 20px;font-size:16px;min-height:46px}#ps-afex-hero .name-label{font-size:12px;letter-spacing:1.5px}#ps-afex-hero .name-hint{font-size:11px;padding:0 12px;text-align:center}#ps-afex-hero .scroll-hint{bottom:12px;font-size:10px;letter-spacing:2px}#ps-afex-hero .scroll-hint .line{height:20px}#ps-afex-hero #ps-afex-welcomeStage .cta-btn{margin-top:20px!important}}@media(prefers-reduced-motion:reduce){#ps-afex-hero .hero-dial-spinner,#ps-afex-hero .hero-dial{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/ps-afex-s1-hero.css.map */