.splash{display:none}.js .splash{z-index:100;cursor:pointer;display:block;position:fixed;inset:0}.intro-playing{overflow:hidden}.intro-playing .hero-in{animation-play-state:paused}.splash-curtain{will-change:clip-path;position:absolute;inset:0}.splash-curtain--orange{background:linear-gradient(135deg,#ff8a3d,#ff6b0f 45%,#c73d02)}.splash-curtain--dark{background:#08090a;place-items:center;display:grid;overflow:hidden}.splash-grid{background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);background-size:44px 44px;animation:.6s ease-out both splash-fade;position:absolute;inset:0;mask-image:radial-gradient(#000 10%,#0000 65%)}.splash-glow{background:radial-gradient(circle,#ff6b0f52,#0000 62%);border-radius:9999px;width:38rem;height:38rem;animation:1.4s cubic-bezier(.16,1,.3,1) both splash-glow;position:absolute;top:50%;left:50%;translate:-50% -50%}.splash-content{text-align:center;flex-direction:column;align-items:center;padding:1rem;display:flex;position:relative}.splash-mark{filter:drop-shadow(0 14px 32px #ff6b0f8c)}.splash-mark-box{transform-box:fill-box;transform-origin:50%;animation:.55s cubic-bezier(.34,1.56,.64,1) both splash-box}.splash-mark-g{stroke-dasharray:100;stroke-dashoffset:100px;animation:.6s cubic-bezier(.65,0,.35,1) .25s forwards splash-draw}.splash-mark-dot{transform-box:fill-box;transform-origin:50%;animation:.3s cubic-bezier(.34,1.56,.64,1) .75s both splash-pop}.splash-word{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;white-space:nowrap;margin-top:1.4rem;font-size:clamp(2.4rem,9vw,4.25rem);font-weight:700;line-height:1}.splash-ch{animation:splash-ch .5s calc(.35s + var(--i) * 45ms) cubic-bezier(.16, 1, .3, 1) both;display:inline-block}.splash-ch--accent{color:#ff7a24;animation-name:splash-ch,splash-glitch;animation-duration:.5s,.35s;animation-delay:calc(.35s + var(--i) * 45ms), 1s;animation-timing-function:cubic-bezier(.16,1,.3,1),steps(2,end);animation-fill-mode:both,none}.splash-bar{background:#ffffff1a;border-radius:2px;width:min(16rem,60vw);height:2px;margin-top:1.4rem;position:relative;overflow:hidden}.splash-bar span{transform-origin:0;background:linear-gradient(90deg,#ff8a3d,#ff6b0f,#fff);animation:1.1s cubic-bezier(.65,0,.35,1) .3s both splash-load;position:absolute;inset:0;box-shadow:0 0 12px #ff6b0f}.splash-tag{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:#868b94;margin-top:.9rem;font-size:.7rem;font-weight:600;animation:.5s ease-out .8s both splash-fade}.splash.is-leaving .splash-content{animation:.35s cubic-bezier(.7,0,.84,0) forwards splash-out}.splash.is-leaving .splash-curtain--dark{animation:.5s cubic-bezier(.83,0,.17,1) 50ms forwards splash-wipe}.splash.is-leaving .splash-curtain--orange{animation:.5s cubic-bezier(.83,0,.17,1) .16s forwards splash-wipe}@keyframes splash-fade{0%{opacity:0}}@keyframes splash-glow{0%{opacity:0;scale:.4}}@keyframes splash-box{0%{opacity:0;transform:scale(.3)rotate(-25deg)}}@keyframes splash-draw{to{stroke-dashoffset:0}}@keyframes splash-pop{0%{opacity:0;transform:scale(0)}}@keyframes splash-ch{0%{opacity:0;filter:blur(8px);transform:translateY(.45em)}to{opacity:1;filter:blur();transform:none}}@keyframes splash-glitch{0%{text-shadow:-2px 0 #00e5ff,2px 0 #ff2d55;transform:translate(2px,-1px)}50%{text-shadow:2px 0 #00e5ff,-2px 0 #ff2d55;transform:translate(-2px,1px)}to{text-shadow:none;transform:none}}@keyframes splash-load{0%{transform:scaleX(0)}}@keyframes splash-out{to{opacity:0;filter:blur(6px);transform:scale(1.08)}}@keyframes splash-wipe{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100%)}}.pm-stage{--w:236px;--h:488px;--r:40px;--t:13px;--g:84px;perspective:1900px;perspective-origin:38% 42%;width:100%;max-width:36rem;height:40rem;margin-inline:auto;position:relative}@media (width<=1279.98px){.pm-stage{transform-origin:50% 40%;scale:.86}}.pm-glow{filter:blur(10px);background:radial-gradient(circle,#ff6b0f54,#0000 62%);border-radius:9999px;width:30rem;height:30rem;position:absolute;top:46%;left:38%;translate:-50% -50%}.pm-shadow{background:radial-gradient(#000000bf,#0000 70%);border-radius:50%;width:15rem;height:2.2rem;transition:opacity 1s,scale 1.2s cubic-bezier(.65,0,.35,1);position:absolute;bottom:4.4rem;left:36%;translate:-50%}[data-state=exploded] .pm-shadow{opacity:.35;scale:1.5 1}.pm-rotor{--rx:8deg;--ry:-24deg;--rz:0deg;width:var(--w);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--w) / -2);transform-style:preserve-3d;--ty:0px;transform:translateY(var(--ty)) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz));transition:transform 1.25s cubic-bezier(.65,0,.35,1);animation:6s ease-in-out infinite pm-float;position:absolute;top:45%;left:36%}@keyframes pm-float{0%,to{translate:0}50%{translate:0 -10px}}[data-state=exploded] .pm-rotor{--ty:-6px;--rx:60deg;--ry:0deg;--rz:32deg}.pm-rotor.no-trans{transition:none}.pm-slice,.pm-layer{border-radius:var(--r);position:absolute;inset:0}.pm-slice{transform:translateZ(calc(var(--i) * var(--t) / 9));background:linear-gradient(90deg,#6b707a,#2a2d33 18%,#3d4149 50%,#2a2d33 82%,#6b707a);transition:opacity .35s}[data-state=exploded] .pm-slice{opacity:0;transition-delay:0s}.pm-slice{transition-delay:.9s}.pm-layer{transform-style:preserve-3d;transform:translateZ(var(--z));transition:transform 1.25s cubic-bezier(.65,0,.35,1),opacity .4s}[data-state=exploded] .pm-layer{transform:translateZ(var(--ze))}.pm-front{--z:calc(var(--t) / 2 + .6px);--ze:calc(var(--g) * 2);backface-visibility:hidden}.pm-frame-layer{--z:calc(var(--t) / 2 - 2px);--ze:var(--g)}.pm-board-layer{--z:1px;--ze:0px}.pm-battery-layer{--z:-2px;--ze:calc(var(--g) * -1)}.pm-back-inner{--z:calc(var(--t) / -2 + 1px);--ze:calc(var(--g) * -2)}.pm-back-outer{transform:translateZ(calc(var(--t) / -2 - .6px)) rotateY(180deg);backface-visibility:hidden;background:linear-gradient(150deg,#2e3138,#15171a 55%,#0b0c0e);box-shadow:inset 0 0 0 1.5px #ffffff14}[data-state=exploded] .pm-back-outer{transform:translateZ(calc(var(--g) * -2 - 1px)) rotateY(180deg)}.pm-frame-layer,.pm-board-layer,.pm-battery-layer,.pm-back-inner{opacity:0;transition-delay:0s,.85s}[data-state=exploded] :is(.pm-frame-layer,.pm-board-layer,.pm-battery-layer,.pm-back-inner){opacity:1;transition-delay:0s}.pm-front{background:#050506;padding:9px;box-shadow:inset 0 0 0 1.5px #ffffff1f,0 0 0 1px #000}.pm-display{border-radius:calc(var(--r) - 9px);background:#0b0c0e;height:100%;position:relative;overflow:hidden}.pm-poster,.pm-display video{object-fit:cover;object-position:58% center;width:100%;height:100%;position:absolute;inset:0}.pm-poster{background:url(/media/hero-mobile-poster.jpg) 58%/cover}.pm-display video{opacity:0;transition:opacity .8s}.pm-display video.is-on{opacity:1}.pm-island{background:#000;border-radius:999px;width:34%;height:22px;position:absolute;top:12px;left:50%;translate:-50%;box-shadow:inset 0 0 0 1px #ffffff0f}.pm-glare{pointer-events:none;background:linear-gradient(115deg,#ffffff29 0%,#0000 28% 70%,#ffffff0d);position:absolute;inset:0}.pm-frame-layer{inset:4px}.pm-frame-ring{border-radius:inherit;background:linear-gradient(160deg,#ffffff0f,#0000 40%);border:7px solid #4a4f58;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff26,0 0 0 1px #0009}.pm-btn{background:#6b707a;border-radius:3px;width:5px;position:absolute;left:-3px}.pm-btn-a{height:6%;top:18%}.pm-btn-b{height:9%;top:27%}.pm-btn-c{height:9%;top:38%}.pm-board-layer{inset:10px}.pm-board{filter:drop-shadow(0 0 14px #ff6b0f40);width:100%;height:100%}.pm-battery-layer{inset:10px}.pm-battery{background:linear-gradient(160deg,#3d4149,#1c1e22 60%);border-radius:14px;position:absolute;inset:40% 9% 9% 10%;box-shadow:inset 0 0 0 1.5px #ffffff1f,0 10px 24px -8px #0009}.pm-battery-tab{background:linear-gradient(90deg,#ff8a3d,#f05200);border-radius:4px;width:24%;height:14px;position:absolute;top:-10px;left:38%}.pm-battery-lines{background:repeating-linear-gradient(90deg,#ffffff1f 0 2px,#0000 2px 9px);border-radius:4px;height:22%;position:absolute;top:40%;left:18%;right:18%}.pm-back-inner{background:linear-gradient(160deg,#23262b,#121316);box-shadow:inset 0 0 0 1.5px #ffffff1a}.pm-coil{aspect-ratio:1;opacity:.85;background:repeating-radial-gradient(circle,#b8732c 0 2px,#2a1c0e 2px 5px);border-radius:50%;width:46%;position:absolute;top:52%;left:50%;translate:-50% -50%}.pm-cam-cut{aspect-ratio:1;background:#050506;border-radius:24%;width:38%;position:absolute;top:4%;left:8%;box-shadow:inset 0 0 0 2px #4a4f58}.pm-cam{aspect-ratio:1;background:linear-gradient(150deg,#3a3e46,#1a1c20);border-radius:26%;width:42%;position:absolute;top:3.5%;left:7%;box-shadow:inset 0 0 0 1.5px #ffffff24,0 6px 16px #00000080}.pm-lens{aspect-ratio:1;background:radial-gradient(circle at 38% 35%,#5b7a9a 0 8%,#0a0d14 22%,#050608 55%,#2a2d33 58%,#111 70%);border-radius:50%;width:40%;position:absolute;box-shadow:0 0 0 2px #2a2d33}.pm-lens:first-child{top:8%;left:8%}.pm-lens:nth-child(2){top:52%;left:8%}.pm-lens:nth-child(3){top:30%;left:52%}.pm-flash{aspect-ratio:1;background:#e8e2c8;border-radius:50%;width:12%;position:absolute;top:10%;right:12%}.pm-back-logo{position:absolute;top:56%;left:50%;translate:-50% -50%}.pm-anchor{width:1px;height:1px;position:absolute}.pm-label{pointer-events:none;opacity:0;z-index:2;transition:opacity .45s;position:absolute;top:0;left:0}.pm-label.is-on{opacity:1}.pm-label-dot{left:var(--ax);top:var(--ay);background:#ff6b0f;border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;box-shadow:0 0 0 4px #ff6b0f40,0 0 14px #ff6b0f}.pm-label-line{left:var(--ax);top:var(--ay);width:var(--len);transform-origin:0;height:1px;rotate:var(--ang);transition:scale .5s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s);background:linear-gradient(90deg,#ff6b0f,#ff8a3d66);position:absolute;scale:0 1}.pm-label.is-on .pm-label-line{scale:1}.pm-label-card{left:var(--cx);top:var(--cy);backdrop-filter:blur(10px);opacity:0;width:11.5rem;transition:opacity .45s,translate .55s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--d,0s) + .12s);background:#0f1012e0;border-radius:.9rem;align-items:center;gap:.65rem;padding:.55rem .8rem .55rem .6rem;display:flex;position:absolute;translate:0 6px;box-shadow:inset 0 0 0 1px #ffffff1a,0 14px 30px -12px #000000b3}.pm-label.is-on .pm-label-card{opacity:1;translate:0}.pm-label-num{color:#ffad70;letter-spacing:.05em;background:#ff6b0f26;border-radius:.55rem;flex-shrink:0;place-items:center;width:1.75rem;height:1.75rem;font:600 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.pm-label-title{font-family:var(--font-display);color:#fff;font-size:.8rem;font-weight:600;line-height:1.2;display:block}.pm-label-text{color:#868b94;margin-top:1px;font-size:.68rem;line-height:1.3;display:block}.pm-rating{z-index:3;background:#fff;border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:opacity .5s,translate .6s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:-.5rem;left:0;box-shadow:0 25px 50px -12px #00000080}[data-state=exploded] .pm-rating{opacity:0;translate:0 10px}.pm-status{color:#ff8a3d;letter-spacing:.04em;z-index:3;background:#ffffff0d;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.72rem;font-weight:600;display:inline-flex;position:absolute;top:.25rem;right:.5rem;box-shadow:inset 0 0 0 1px #ffffff1a}.pm-status [data-pm-caption]{color:#d9dbdf;transition:opacity .3s}@media (prefers-reduced-motion:reduce){.pm-rotor{animation:none!important}}
