@layer theme,base;@layer components{.hero-fan{--rx:0deg;--ry:0deg;isolation:isolate;aspect-ratio:1.36;perspective:1600px;position:relative}.hero-fan-glow{z-index:-1;background:radial-gradient(closest-side, color-mix(in oklch, var(--glow,var(--accent)) 70%, transparent), transparent);filter:blur(48px);opacity:.32;pointer-events:none;border-radius:50%;position:absolute;inset:12% 6% 6%}:root[data-theme=dark] .hero-fan-glow{opacity:.4}@media (prefers-color-scheme:dark){:root:not([data-theme=light],[data-theme=dark]) .hero-fan-glow{opacity:.4}}.hero-fan-stage{transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .9s var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.hero-fan[data-live] .hero-fan-stage{transition-duration:.24s}.hero-fan-card{--x:0%;--y:0%;--r:0deg;--s:1;border-radius:var(--card-radius);width:68%;box-shadow:var(--shadow-3);translate:var(--x) var(--y);rotate:var(--r);scale:var(--s);transition:translate .7s var(--ease-out), rotate .7s var(--ease-out), scale .7s var(--ease-out), transform .35s var(--ease-out);-webkit-tap-highlight-color:transparent;outline:none;grid-area:1/1;display:block}.hero-fan-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.hero-fan-card[data-pos=front]{z-index:3;--y:9%;--r:-3deg}.hero-fan-card[data-pos=left]{z-index:1;--x:-23%;--y:-11%;--r:-11deg;--s:.86;box-shadow:var(--shadow-2)}.hero-fan-card[data-pos=right]{z-index:2;--x:24%;--y:-15%;--r:8deg;--s:.9;box-shadow:var(--shadow-2)}@media (hover:hover) and (pointer:fine){.hero-fan:hover .hero-fan-card[data-pos=left]{--x:-29%;--y:-13%;--r:-14deg}.hero-fan:hover .hero-fan-card[data-pos=right]{--x:30%;--y:-18%;--r:11deg}.hero-fan-card:hover{transform:translateY(-3%)}}@media (hover:none){.hero-fan-card:active{transform:scale(var(--press-tile));transition-duration:var(--dur-1)}}@media (prefers-reduced-motion:reduce){.hero-fan-stage,.hero-fan-card{transition:none;transform:none!important}.hero-fan:hover .hero-fan-card[data-pos=left]{--x:-23%;--y:-11%;--r:-11deg}.hero-fan:hover .hero-fan-card[data-pos=right]{--x:24%;--y:-15%;--r:8deg}}.home-wordmark{text-align:center;height:.74em;color:var(--ink);opacity:.06;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:min(21vw,300px);line-height:1;overflow:hidden}}@layer utilities;