.hero.svelte-1uha8ag{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:2rem;padding:clamp(32px,7vw,96px) var(--gutter) clamp(24px,5vw,64px);max-width:1240px;margin:0 auto}h1.svelte-1uha8ag{font-size:clamp(2.6rem,5.6vw,4.6rem);color:var(--yellow);text-transform:uppercase;letter-spacing:-.02em;text-shadow:3px 0 0 rgb(255 42 77 / .55),-3px 0 0 rgb(59 240 232 / .35)}h1.svelte-1uha8ag span:where(.svelte-1uha8ag){display:block;white-space:nowrap}.glitch.svelte-1uha8ag{position:relative;text-shadow:3px 0 0 rgb(255 42 77 / .55),-3px 0 0 rgb(59 240 232 / .35)}.glitch.svelte-1uha8ag:before,.glitch.svelte-1uha8ag:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;text-shadow:none}.glitch.svelte-1uha8ag:before{color:var(--red)}.glitch.svelte-1uha8ag:after{color:var(--cyan)}.glitch.svelte-1uha8ag.glitching{animation:svelte-1uha8ag-jolt .17s steps(1,end)}.glitch.svelte-1uha8ag.glitching:before{animation:svelte-1uha8ag-slice-a .17s steps(1,end)}.glitch.svelte-1uha8ag.glitching:after{animation:svelte-1uha8ag-slice-b .17s steps(1,end)}@keyframes svelte-1uha8ag-jolt{0%{transform:translate(-6px) skew(-8deg);text-shadow:8px 0 0 var(--red),-8px 0 0 var(--cyan)}25%{transform:translate(5px) skew(6deg);text-shadow:-6px 0 0 var(--red),6px 0 0 var(--cyan);color:#fff}50%{transform:translate(-2px);text-shadow:4px 0 0 var(--red),-4px 0 0 var(--cyan)}75%{transform:translate(3px) skew(3deg)}to{transform:none}}@keyframes svelte-1uha8ag-slice-a{0%{opacity:1;clip-path:inset(10% 0 62% 0);transform:translate(-14px)}25%{opacity:1;clip-path:inset(55% 0 20% 0);transform:translate(12px)}50%{opacity:1;clip-path:inset(30% 0 48% 0);transform:translate(-8px)}75%{opacity:1;clip-path:inset(72% 0 6% 0);transform:translate(6px)}to{opacity:0}}@keyframes svelte-1uha8ag-slice-b{0%{opacity:0}12%{opacity:1;clip-path:inset(62% 0 14% 0);transform:translate(16px)}37%{opacity:1;clip-path:inset(4% 0 70% 0);transform:translate(-12px)}62%{opacity:1;clip-path:inset(40% 0 35% 0);transform:translate(10px)}87%{opacity:.8;clip-path:inset(18% 0 60% 0);transform:translate(-5px)}to{opacity:0}}.lede.svelte-1uha8ag{margin-top:1.25rem;max-width:46ch;color:var(--muted);font-size:1.15rem}.actions.svelte-1uha8ag{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.actions.svelte-1uha8ag .btn:where(.svelte-1uha8ag){min-width:220px}.fan.svelte-1uha8ag{position:relative;height:clamp(260px,38vw,460px);display:grid;place-items:center}.fan.svelte-1uha8ag img:where(.svelte-1uha8ag){position:absolute;width:clamp(150px,21vw,280px);border-radius:4.5%/3.3%;box-shadow:0 30px 60px #0009;transform:translate(calc(var(--i) * 46%)) rotate(calc(var(--i) * 9deg)) translateY(calc(var(--i) * var(--i) * 6%));transition:transform .4s cubic-bezier(.2,.8,.2,1)}.fan.svelte-1uha8ag img:where(.svelte-1uha8ag):nth-child(2){z-index:2}.fan.svelte-1uha8ag:hover img:where(.svelte-1uha8ag){transform:translate(calc(var(--i) * 62%)) rotate(calc(var(--i) * 13deg)) translateY(calc(var(--i) * var(--i) * 8%))}.modes.svelte-1uha8ag{max-width:1240px;margin:0 auto;padding:clamp(24px,4vw,48px) var(--gutter) clamp(40px,6vw,80px);display:grid;gap:clamp(40px,6vw,72px)}.modes.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:calc(clamp(8px,2vw,24px) - clamp(40px,6vw,72px))}.mode.svelte-1uha8ag{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(24px,5vw,64px)}.mode.flip.svelte-1uha8ag{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.mode.flip.svelte-1uha8ag .art:where(.svelte-1uha8ag){order:2}.art.svelte-1uha8ag{--cut: 22px;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:clamp(260px,30vw,360px);background:radial-gradient(ellipse 55% 60% at 50% 55%,rgb(252 238 10 / .1),transparent 70%),var(--night-2);overflow:hidden}.art.svelte-1uha8ag img:where(.svelte-1uha8ag){filter:drop-shadow(0 18px 26px rgb(0 0 0 / .6));transition:transform .35s cubic-bezier(.2,.9,.3,1.2)}.product.svelte-1uha8ag{height:82%;max-width:80%;object-fit:contain}.art.svelte-1uha8ag:hover .product:where(.svelte-1uha8ag){transform:translateY(-8px) rotate(-2deg)}.art-versus.svelte-1uha8ag .product:where(.svelte-1uha8ag){position:absolute;height:78%}.art-versus.svelte-1uha8ag .left:where(.svelte-1uha8ag){transform:translate(-36%) rotate(-9deg)}.art-versus.svelte-1uha8ag .right:where(.svelte-1uha8ag){transform:translate(36%) rotate(9deg)}.art-versus.svelte-1uha8ag:hover .left:where(.svelte-1uha8ag){transform:translate(-30%) rotate(-4deg)}.art-versus.svelte-1uha8ag:hover .right:where(.svelte-1uha8ag){transform:translate(30%) rotate(4deg)}.art-cards.svelte-1uha8ag .card:where(.svelte-1uha8ag){position:absolute;height:80%;border-radius:4.5%/3.3%;transform:translate(calc(var(--i) * 44%)) rotate(calc(var(--i) * 8deg)) translateY(calc(var(--i) * var(--i) * 5%))}.art-cards.svelte-1uha8ag .card:where(.svelte-1uha8ag):nth-child(2){z-index:1}.art-cards.svelte-1uha8ag:hover .card:where(.svelte-1uha8ag){transform:translate(calc(var(--i) * 56%)) rotate(calc(var(--i) * 12deg)) translateY(calc(var(--i) * var(--i) * 7%))}.about.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:clamp(2rem,4vw,3rem);line-height:1}.blurb.svelte-1uha8ag{margin:1rem 0 0;max-width:48ch;color:var(--muted);font-size:1.15rem}.points.svelte-1uha8ag{list-style:none;margin:1.25rem 0 1.75rem;padding:0;display:grid;gap:.45rem}.points.svelte-1uha8ag li:where(.svelte-1uha8ag){position:relative;padding-left:1.3rem}.points.svelte-1uha8ag li:where(.svelte-1uha8ag):before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;background:var(--yellow);clip-path:polygon(0 0,70% 0,100% 30%,100% 100%,30% 100%,0 70%)}.about.svelte-1uha8ag .btn:where(.svelte-1uha8ag){min-width:220px}.credit.svelte-1uha8ag{color:var(--muted);font-size:.8rem;opacity:.7}@media(prefers-reduced-motion:reduce){.art.svelte-1uha8ag img:where(.svelte-1uha8ag){transition:none}}@media(max-width:760px){.hero.svelte-1uha8ag{grid-template-columns:1fr}.fan.svelte-1uha8ag{order:-1;height:230px}.fan.svelte-1uha8ag img:where(.svelte-1uha8ag){width:130px}.actions.svelte-1uha8ag{display:grid;gap:10px}.actions.svelte-1uha8ag .btn:where(.svelte-1uha8ag){min-width:0}.mode.svelte-1uha8ag,.mode.flip.svelte-1uha8ag{grid-template-columns:1fr}.mode.flip.svelte-1uha8ag .art:where(.svelte-1uha8ag){order:0}.art.svelte-1uha8ag{height:230px}.about.svelte-1uha8ag .btn:where(.svelte-1uha8ag){width:100%}}
