.about-card:hover .about-card-icon{animation:.4s cubic-bezier(.25,1,.5,1) about-icon-wiggle}@keyframes about-icon-wiggle{0%{transform:rotate(0)}25%{transform:rotate(-8deg)}50%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}.ink-arriving .about-hero__letter{animation:about-letter-rise .6s var(--ease-settle) both;animation-delay:calc(var(--i,0) * 45ms)}@keyframes about-letter-rise{0%{transform:translateY(105%)}}.ink-arriving .about-hero__settle{animation:about-hero-settle .5s var(--ease-settle) both;animation-delay:var(--settle-delay,0s)}@keyframes about-hero-settle{0%{transform:translateY(10px)}}.hero-matrix__tint{background:color-mix(in oklab, var(--tint) 32%, transparent);-webkit-mask-image:radial-gradient(ellipse farthest-corner at var(--tint-at), #000 15%, transparent 78%);mask-image:radial-gradient(ellipse farthest-corner at var(--tint-at), #000 15%, transparent 78%);transform-origin:var(--tint-at)}.dark .hero-matrix__tint{background:color-mix(in oklab, var(--tint-dark) 14%, transparent)}.hero-matrix__tint--q1{--tint:var(--color-quadrant-q1);--tint-dark:var(--color-quadrant-q1-accent);--tint-at:100% 100%}.hero-matrix__tint--q2{--tint:var(--color-quadrant-q2);--tint-dark:var(--color-quadrant-q2-accent);--tint-at:0 100%}.hero-matrix__tint--q3{--tint:var(--color-quadrant-q3);--tint-dark:var(--color-quadrant-q3-accent);--tint-at:100% 0}.hero-matrix__tint--q4{--tint:var(--color-quadrant-q4);--tint-dark:var(--color-quadrant-q4-accent);--tint-at:0 0}.ink-arriving .hero-matrix__tint{animation:hero-tint-bloom .48s var(--ease-settle) both;animation-delay:calc(.64s + var(--tint-i,0) * 80ms)}@keyframes hero-tint-bloom{0%{opacity:0;transform:scale(.94)}}:root.ink-arriving .hero-matrix .ink-reveal{animation:hero-cross-draw var(--draw-for,.3s) cubic-bezier(.45, .05, .2, 1) var(--draw-at,0s) backwards}@keyframes hero-cross-draw{0%{stroke-dasharray:1 2;stroke-dashoffset:1px}to{stroke-dasharray:1 2;stroke-dashoffset:0}}@media (prefers-reduced-motion:no-preference){.ink-arriving .about-parade__slot{clip-path:inset(-100% -100% 0)}.ink-arriving .about-parade__cat{animation:about-cat-rise .6s var(--ease-settle) both;animation-delay:calc(.72s + var(--cat-i,0) * 90ms)}}@keyframes about-cat-rise{0%{translate:0 90%}}.about-dots-band{background-image:radial-gradient(var(--dot) 1.15px, transparent 1.4px);background-position:50%;background-size:24px 24px;-webkit-mask-image:radial-gradient(50% 50%,#000 30%,#0000 100%);mask-image:radial-gradient(50% 50%,#000 30%,#0000 100%)}@media (prefers-reduced-motion:reduce){.about-hero__letter,.about-hero__settle,.hero-matrix__tint,.hero-matrix .ink-reveal,.about-parade__cat,.about-card:hover .about-card-icon{animation:none!important}}@layer theme,base;@layer components{@media (width>=48rem) and (height>=600px){.matrix-story[data-pinned]{height:180vh}.matrix-story[data-pinned] .matrix-story__stage{align-items:center;min-height:100svh;display:flex;position:sticky;top:0}}.matrix-story__board{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid;position:relative}.matrix-story__cell{min-height:168px;color:var(--color-meower-dark);flex-direction:column;padding:12px 12px 10px;display:flex;position:relative}.matrix-story__chip{isolation:isolate;transform-origin:50%;border-radius:12px;align-items:center;gap:8px;max-width:100%;min-height:44px;padding:0 12px 0 6px;display:inline-flex;position:relative}.matrix-story__chip:before{content:"";z-index:-1;border-radius:inherit;background:var(--paper);box-shadow:0 0 0 1.5px var(--ink), 3px 4px 0 var(--shadow);opacity:var(--lift,0);position:absolute;inset:0}.matrix-story[data-pinned] .matrix-story__chip:not([data-landed]){will-change:transform}.matrix-story__title{min-width:0;color:var(--color-meower-dark);font-size:13px;font-weight:500;line-height:1.3}.matrix-story__cat{z-index:30;pointer-events:none;opacity:0;transition:opacity .6s var(--ease-settle), transform .6s var(--ease-settle);position:absolute;bottom:calc(100% - 10px);right:28px;transform:translateY(12px)}.matrix-story__cat[data-shown]{opacity:1;transform:none}@media (width>=40rem){.matrix-story__board{gap:16px}.matrix-story__cell{min-height:184px;padding:14px 16px 12px}.matrix-story__chip{gap:10px}.matrix-story__title{font-size:14.5px}}@media (width>=64rem){.matrix-story__cell{min-height:204px}}@media (width>=64rem) and (height>=600px){.matrix-story[data-pinned]{height:250vh}}@media (prefers-reduced-motion:reduce){.matrix-story__cat{transition:none}}@media print{.matrix-story[data-pinned]{height:auto}.matrix-story__chip{transform:none!important}.matrix-story__chip:before{opacity:0}}}@layer utilities;
