.hero__media.is-photo.is-swap{background:none;padding:0;box-shadow:none;overflow:visible}.hero__media.is-swap:after{display:none}.swap{display:block;position:relative}.swap__card{position:relative;border-radius:clamp(20px,2.4vw,32px);overflow:hidden;isolation:isolate;background:var(--studio);box-shadow:0 50px 90px -46px #ff5a1f6b,0 0 0 1px #ffffff0f;transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .7s cubic-bezier(.2,.8,.2,1);will-change:transform}.swap__layers{display:grid}.swap__layer{grid-area:1/1;position:relative;display:grid;place-items:center;padding:clamp(14px,3vw,40px);background:var(--studio);visibility:hidden}.swap__layer:after{content:"";position:absolute;left:18%;right:18%;bottom:7%;height:24px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.18),transparent);pointer-events:none}.swap__layer.is-on{visibility:visible;z-index:1}.swap__layer.is-in{visibility:visible;z-index:2;-webkit-mask-image:linear-gradient(100deg,#000 45%,transparent 55%);mask-image:linear-gradient(100deg,#000 45%,transparent 55%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0}.swap__beam{position:absolute;top:-10%;bottom:-10%;left:-13%;width:26%;z-index:3;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28) 38%,rgba(255,140,90,.55) 50%,rgba(255,255,255,.28) 62%,transparent);mix-blend-mode:screen;filter:blur(2px)}.swap__glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(38% 42% at var(--gx,50%) var(--gy,30%),rgba(255,255,255,.55),transparent 70%);mix-blend-mode:soft-light}.swap.is-hover .swap__glare{opacity:1}.swap .chips{z-index:4}.swap__dots{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px}.swap__dot{position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 16px 11px;border-radius:999px;font-size:.88rem;font-weight:500;color:color-mix(in srgb,var(--on-dark) 72%,transparent);background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff1f;cursor:pointer;overflow:hidden;transition:color .3s,background .3s,box-shadow .3s}.swap__dot:hover{color:var(--on-dark)}.swap__dot.is-on{color:var(--on-dark);background:#ffffff1a;box-shadow:inset 0 0 0 1px #ff5a1f99}.swap__dot .dot{width:12px;height:12px;flex:none}.swap__dot:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:left}.swap.is-playing .swap__dot.is-tick:after{animation:swapTick var(--swap-ms,5s) linear forwards}@keyframes swapTick{to{transform:scaleX(1)}}.hero__media.is-swap{width:min(980px,100%)}.swap__card.is-tech{background:radial-gradient(120% 90% at 50% 12%,#1e2228,#0e1013 55%,#07080a);box-shadow:0 0 0 1px #ffffff14,0 70px 120px -60px #ff5a1f80}.stage__bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.stage__floor{position:absolute;left:-60%;right:-60%;bottom:-6%;height:56%;overflow:hidden;transform:perspective(520px) rotateX(66deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(to top,#000 5%,transparent 80%);mask-image:linear-gradient(to top,#000 5%,transparent 80%)}.stage__floor:before{content:"";position:absolute;left:0;right:0;top:-56px;bottom:0;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:56px 56px;animation:stageFloor 5s linear infinite;will-change:transform}@keyframes stageFloor{to{transform:translateY(56px)}}.swap.is-off .stage__floor:before,.swap.is-off .stage__glow,.swap.is-off .stage__product,.swap.is-off .hud__dot:after{animation-play-state:paused}.stage__glow{position:absolute;left:50%;top:50%;width:72%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(255,90,31,.32),rgba(255,90,31,.08) 55%,transparent);animation:stageGlow 5s ease-in-out infinite alternate}@keyframes stageGlow{0%{opacity:.55;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}.stage__meta{position:absolute;left:18px;right:18px;top:14px;z-index:4;display:flex;justify-content:space-between;gap:12px;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#f5f5f780}.stage__meta b{color:#f5f5f7;font-weight:500}.stage__product{position:relative;z-index:2;width:min(100%,58vh,600px);aspect-ratio:1;margin:clamp(40px,5vw,56px) auto clamp(16px,2.6vw,28px);animation:stageBob 6.5s ease-in-out infinite alternate}@keyframes stageBob{to{transform:translateY(-10px)}}.is-tech .swap__layer{background:none;padding:0;place-items:stretch}.is-tech .swap__layer:after{left:12%;right:12%;bottom:2%;height:7%;z-index:-1;background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent)}.hero__media.is-photo .is-tech .swap__layer img{width:100%!important;height:100%;max-height:none;object-fit:contain;mix-blend-mode:normal;filter:contrast(1.06) saturate(1.06) drop-shadow(0 28px 34px rgba(0,0,0,.6))}.stage__spot{position:absolute;left:50%;top:-30%;width:95%;height:85%;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.13),rgba(255,255,255,.04) 55%,transparent)}.stage__product{container-type:inline-size}@supports (-webkit-box-reflect:below 0) and (width:1cqi){.stage__product{margin-bottom:clamp(44px,7vw,76px)}.hero__media.is-photo .is-tech .swap__layer:not(.has-bg) img{-webkit-box-reflect:below -9cqi linear-gradient(to bottom,transparent 78%,rgba(255,255,255,.3))}}.is-tech .swap__layer.has-bg{background:var(--studio);border-radius:clamp(14px,2vw,22px);padding:4%}.hero__media.is-photo .is-tech .swap__layer.has-bg img{mix-blend-mode:multiply;filter:none}.is-tech .swap__beam{background:linear-gradient(90deg,transparent,rgba(255,255,255,.18) 38%,rgba(255,120,60,.6) 50%,rgba(255,255,255,.18) 62%,transparent)}.is-tech .swap__glare{mix-blend-mode:screen;background:radial-gradient(34% 40% at var(--gx,50%) var(--gy,30%),rgba(255,255,255,.12),transparent 70%)}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;list-style:none;margin:0;padding:0;pointer-events:none}.hud li{position:absolute;left:var(--x);top:var(--y);width:0;height:0}.hud__dot{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #ff5a1f38,0 0 16px #ff5a1fd9;transition:opacity .4s,transform .4s}.hud__dot:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1px solid rgba(255,90,31,.65);animation:hudPing 2.4s cubic-bezier(.2,.6,.2,1) infinite}@keyframes hudPing{0%{transform:scale(.4);opacity:1}to{transform:scale(1.9);opacity:0}}.hud__label{position:absolute;top:0;left:8px;display:flex;align-items:center;white-space:nowrap;transform:translateY(-50%)}.hud li[data-side=l] .hud__label{left:auto;right:8px;flex-direction:row-reverse}.hud__label:before{content:"";flex:none;width:clamp(26px,3.6vw,54px);height:1px;background:linear-gradient(90deg,#ff5a1ff2,#ffffff73);transform-origin:left}.hud li[data-side=l] .hud__label:before{background:linear-gradient(270deg,#ff5a1ff2,#ffffff73);transform-origin:right}.hud__txt{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:9px;font-size:clamp(.74rem,1vw,.86rem);font-weight:500;color:#f5f5f7;background:#0c0e11bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #ffffff21;transition:box-shadow .4s}.hud__txt b{font-size:.68em;font-weight:500;color:var(--accent);letter-spacing:.08em}.hud li.is-active .hud__txt{box-shadow:inset 0 0 0 1px #ff5a1fbf,0 0 24px -6px #ff5a1f99}.js .hud__label:before{transform:scaleX(0);animation:hudLine .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.9s + var(--i)*.16s)}.js .hud__txt{opacity:0;animation:hudTxt .5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(1.15s + var(--i)*.16s)}@keyframes hudLine{to{transform:scaleX(1)}}@keyframes hudTxt{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.stage__caption{display:none}@media(max-width:899px){.hud__label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.hud li:not(.is-active) .hud__dot{opacity:.5;transform:scale(.75);box-shadow:none}.hud li:not(.is-active) .hud__dot:after{display:none}.stage__caption{display:block;position:relative;z-index:4;margin:0 auto 18px;min-height:1.4em;text-align:center;font-size:.86rem;font-weight:500;color:#f5f5f7}.stage__caption b{font-family:var(--f-m,monospace);font-size:.74em;font-weight:500;color:var(--accent);letter-spacing:.1em;margin-right:8px}.stage__caption.is-swapping{animation:hudTxt .45s cubic-bezier(.2,.8,.2,1)}.stage__product{margin-top:44px;width:min(100%,46vh)}}@media(prefers-reduced-motion:reduce){.swap__card{transition:none;transform:none}.swap__beam,.swap__glare{display:none}.stage__floor:before,.stage__glow,.stage__product,.hud__dot:after,.stage__caption.is-swapping{animation:none}.js .hud__label:before,.js .hud__txt{animation:none;opacity:1;transform:none}}.mat__imgnote{position:absolute;right:12px;bottom:10px;z-index:1;font-size:.7rem;line-height:1.2;letter-spacing:.01em;color:#f5f5f7b8;padding:4px 8px;border-radius:6px;background:#0b0c0e8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/3/compiled_assets/styles.css.map */