.hero{position:relative;padding:64px 0 20px;overflow:visible}.hero .cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.deck{position:relative}.hero-halo{position:absolute;top:50%;left:50%;width:640px;height:520px;border-radius:50%;background:conic-gradient(from 210deg,#6ae9ff52,#9d84ff66,#e88cff57,#ffd98a4d,#9dffd847,#6ae9ff52);filter:blur(72px);opacity:.4;transform:translate(-50%,-50%);animation:haloSpin 22s linear infinite;pointer-events:none}@keyframes haloSpin{to{transform:translate(-50%,-50%) rotate(1turn)}0%{transform:translate(-50%,-50%) rotate(0)}}.deck-under{position:absolute;top:0;right:0;left:0;bottom:54px;border-radius:26px;border:1px solid transparent;background:linear-gradient(178deg,#161820b3,#0d0e13d1) padding-box,var(--foil-soft) border-box;background-size:auto,300% 100%;animation:foilShift 9s linear infinite;pointer-events:none}.deck-under.u1{transform:rotate(1.1deg) translate(14px,10px);opacity:.55}.deck-under.u2{transform:rotate(-1.4deg) translate(-12px,16px);opacity:.3}.deck-viewport{position:relative;display:grid;border-radius:26px;border:1px solid transparent;background:linear-gradient(178deg,#161820eb,#0d0e13f5) padding-box,var(--foil-soft) border-box;background-size:auto,300% 100%;animation:foilShift 9s linear infinite;box-shadow:0 44px 90px -30px #000000d9,0 0 80px -30px #9d84ff4d;overflow:hidden}@supports (backdrop-filter: blur(4px)){.deck-viewport{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.deck-slide{grid-area:1 / 1;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;padding:48px 56px;opacity:0;visibility:hidden;transform:translate(52px) rotate(.5deg);transition:opacity .6s var(--ease),transform .6s var(--ease),visibility 0s linear .6s;pointer-events:none}.deck-slide.from-back{transform:translate(-52px) rotate(-.5deg)}.deck-slide.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s;pointer-events:auto}.deck-slide.is-leaving{transform:translate(-52px) rotate(-.5deg)}.deck-slide.is-leaving-back{transform:translate(52px) rotate(.5deg)}.deck-copy .kicker{margin-top:20px}.deck-title{font-size:clamp(26px,3.4vw,42px);margin:16px 0 18px}.deck-title em{font-style:normal;background:var(--foil);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foilShift 9s linear infinite}.deck-body{color:var(--mut);font-size:16px;max-width:460px}.deck-media{position:relative;border-radius:16px;aspect-ratio:5 / 4;background:radial-gradient(120% 90% at 50% 0%,#f7f8fa,var(--plate) 55%,#dde1e7 100%);display:grid;place-items:center;overflow:hidden}.deck-media img{width:76%;height:82%;object-fit:contain;mix-blend-mode:multiply}.deck-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;box-shadow:inset 0 0 0 1px #0a0b0e14,inset 0 -18px 34px -22px #0a0b0e59;pointer-events:none}.deck-media.is-cover{background:var(--coal)}.deck-media.is-cover img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;filter:saturate(.88) contrast(1.05) brightness(.85)}.deck-media.is-cover:after{box-shadow:inset 0 0 0 1px #ffffff14}.deck-media-placeholder{width:30%;height:30%;color:#c3c9d4;opacity:.55}.deck-media.is-cover .deck-media-placeholder{color:var(--dim);opacity:.6}.deck-sweep{grid-area:1 / 1;position:relative;z-index:5;pointer-events:none;background:linear-gradient(112deg,transparent 32%,rgba(106,233,255,.16) 43%,rgba(232,140,255,.22) 50%,rgba(255,217,138,.16) 57%,transparent 68%);transform:translate(-140%) skew(-8deg)}.deck-sweep.run{animation:deckSweep .9s var(--ease)}@keyframes deckSweep{0%{transform:translate(-140%) skew(-8deg)}to{transform:translate(140%) skew(-8deg)}}.deck-controls{position:relative;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:26px}.deck-arrow{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:var(--glass);display:grid;place-items:center;color:var(--mut);transition:all .25s var(--ease)}.deck-arrow svg{width:16px;height:16px}.deck-arrow:hover{color:#0a0b0e;border-color:transparent;background:var(--foil);background-size:300% 100%;animation:foilShift 4s linear infinite}.deck-count{font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;color:var(--dim)}.spark{position:absolute;width:14px;height:14px;pointer-events:none;color:#dfe6ff;opacity:0;animation:twinkle 4.4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:.95;transform:scale(1) rotate(90deg)}}@media(max-width:1020px){.deck-slide{grid-template-columns:1fr;gap:30px;padding:34px 30px}.deck-media{aspect-ratio:16 / 10;order:-1}}@media(max-width:620px){.hero{padding-top:44px}.deck-slide{padding:26px 22px}.deck-under.u1{transform:rotate(.8deg) translate(8px,8px)}.deck-under.u2{transform:rotate(-1deg) translate(-7px,12px)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/holo-hero.css.map */