@layer properties,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:flat;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);-webkit-tap-highlight-color:transparent;outline:none;grid-area:1/1;display:block}.hero-fan-card>*{transition:transform var(--dur-1) var(--ease-out)}.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}}@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,.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}}.hero-stage{aspect-ratio:4/5;position:relative}@media (width<=639.98px){.hero-fold{min-height:calc(100vh - var(--header-h));min-height:calc(100svh - var(--header-h))}.hero-fold-stage{flex-direction:column;flex:auto;display:flex}.hero-fold-stage .hero-stage{aspect-ratio:auto;flex:auto;min-height:17rem}}@media (width>=640px){.hero-stage{aspect-ratio:5/4}}@media (width>=1024px){.hero-stage{aspect-ratio:10/9}}.hero-stage-fan{transition:opacity .6s var(--ease-out), scale .9s var(--ease-out);align-items:center;display:grid;position:absolute;inset:0}.hero-stage[data-ready] .hero-stage-fan{opacity:0;pointer-events:none;scale:.97}@media (prefers-reduced-motion:reduce){.hero-stage-fan{transition:opacity var(--dur-2) linear}.hero-stage[data-ready] .hero-stage-fan{scale:none}}.author-stacks{--stack-spring:cubic-bezier(.28, 1.28, .42, 1);--stack-move:.74s var(--stack-spring);grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px;display:grid}@supports (transition-timing-function:linear(0, 1)){.author-stacks{--stack-spring:linear(0, .032, .114, .225, .351, .478, .599, .708, .802, .88, .942, .989, 1.023, 1.045, 1.057, 1.063, 1.063, 1.059, 1.053, 1.045, 1.037, 1.029, 1.022, 1.015, 1.01, 1.005, 1.002, .999, .998, .997, .996, .996, .996, .996, .997, .997, .998, 1)}}@media (width>=1024px){.author-stacks{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=639.98px),(width<=1023.98px) and (hover:none){.author-stacks{margin-inline:calc(-1 * var(--gutter));padding:8px var(--gutter) 24px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:82%;grid-auto-flow:column;gap:16px;margin-block:-8px -24px;overflow:auto hidden}.author-stacks::-webkit-scrollbar{display:none}.author-stacks>li{scroll-snap-align:start}}@media (width>=640px) and (width<=1023.98px) and (hover:none){.author-stacks{grid-auto-columns:42%;gap:24px}}.author-col{flex-direction:column;min-width:0;display:flex;container-type:inline-size}.author-stack{--ch:calc(100cqw * 969 / 1536);--peek:calc(var(--ch) * var(--wallet-peek));--gap:calc(var(--ch) * .04);--h:calc(var(--ch) + var(--bands) * var(--peek));height:var(--h);clip-path:inset(-48px);transition:clip-path .2s linear .35s;position:relative}.author-stack[data-open]{clip-path:inset(-48px -48px 0);transition-duration:0s;transition-delay:0s}.author-stack-card{--y:calc(var(--slot) * var(--peek));--end:var(--h);border-radius:var(--card-radius);translate:0 var(--y);box-shadow:0 -1px 3px oklch(0% 0 0/.1), var(--shadow-2);transition:translate var(--stack-move), box-shadow .2s linear .35s;-webkit-tap-highlight-color:transparent;outline:none;display:block;position:absolute;inset:0 0 auto}.author-stack-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.author-stack[data-active="0"]>[data-slot="1"]{--y:calc(var(--ch) + var(--gap));--end:calc(var(--h) - var(--peek) / 2)}.author-stack[data-active="0"]>[data-slot="2"]{--y:calc(var(--ch) + var(--peek) + var(--gap) / 2)}.author-stack[data-active="1"]>[data-slot="2"]{--y:calc(var(--ch) + var(--peek) + var(--gap))}.author-stack-card[data-away]{--cut:calc(var(--y) + var(--ch) - var(--end));transition:translate var(--stack-move);box-shadow:0 -3px 3px -2px oklch(0% 0 0/.12)}.author-stack-card:not([data-slot="0"]) .ca-art{clip-path:inset(0 round var(--card-radius));transition:clip-path var(--stack-move)}.author-stack-card[data-away] .ca-art{clip-path:inset(0 0 var(--cut) round var(--card-radius))}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.author-stack:not([data-open]):hover>.author-stack-card{translate:0 calc(var(--y) + var(--slot) * var(--peek) * .1)}.author-stack[data-open]{clip-path:inset(-48px -48px calc(var(--bands) * var(--peek) * -.11))}}@media (prefers-reduced-motion:reduce){.author-stack,.author-stack-card,.author-stack-card .ca-art{transition:none}}}@layer utilities;