.about-canvas{border:3px solid var(--border);background:var(--bg-secondary);width:100%;max-width:440px;box-shadow:var(--shadow-hard);border-radius:16px;margin-inline:auto;overflow:hidden}.about-illu{width:100%;height:auto;display:block}.about-scroll-long{transform-origin:111px 28px}.about-scroll-card{opacity:1}.about-pulse{transform-origin:50%;transform-box:fill-box}.about-piece-l,.about-piece-r{transform-box:fill-box}@media (min-width:768px){.about-canvas{max-width:none}}@media (prefers-reduced-motion:no-preference){.about-float{animation:5.6s ease-in-out infinite about-float}.about-run{transform-origin:55% 70%;transform-box:fill-box;animation:3.4s ease-in-out infinite about-run}.about-note{transform-box:fill-box;transform-origin:50%}.about-note--1{animation:6.4s ease-in-out infinite about-note-a}.about-note--2{animation:7.2s ease-in-out .4s infinite about-note-b}.about-note--3{animation:6.8s ease-in-out .8s infinite about-note-c}.about-pop{animation:.55s cubic-bezier(.2,.85,.25,1) both about-pop-in;animation-delay:calc(var(--about-i,0) * .16s)}.about-crew{animation:6.2s ease-in-out .8s infinite about-float}.about-scroll-long{animation:8.5s ease-in-out infinite about-deflate}.about-scroll-card{transform-origin:50%;transform-box:fill-box;animation:8.5s ease-in-out infinite about-card-in}.about-pulse{animation:2.6s ease-in-out infinite about-pulse}.about-idea{transform-box:fill-box;transform-origin:50%}.about-idea--1{animation:4.2s ease-in-out infinite about-idea}.about-idea--2{animation:4.2s ease-in-out .7s infinite about-idea}.about-idea--3{animation:4.2s ease-in-out 1.4s infinite about-idea}.about-idea--4{animation:4.2s ease-in-out 2.1s infinite about-idea}.about-piece-l{animation:6.4s cubic-bezier(.45,0,.2,1) infinite about-join-l}.about-piece-r{animation:6.4s cubic-bezier(.45,0,.2,1) infinite about-join-r}.about-steam{transform-box:fill-box}.about-steam--1{animation:3.6s ease-out infinite about-steam}.about-steam--2{animation:3.6s ease-out .6s infinite about-steam}.about-steam--3{animation:3.6s ease-out 1.2s infinite about-steam}.about-cozy{animation:6.8s ease-in-out infinite about-float}}@keyframes about-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes about-run{0%,to{transform:translate(0)rotate(-1.4deg)}50%{transform:translate(5px,-6px)rotate(1.6deg)}}@keyframes about-note-a{0%,18%{opacity:1;transform:translate(0)rotate(-10deg)}48%,62%{opacity:.12;transform:translate(-16px,88px)rotate(8deg)scale(.4)}82%,to{opacity:1;transform:translate(0)rotate(-10deg)}}@keyframes about-note-b{0%,18%{opacity:1;transform:translate(0)rotate(8deg)}48%,62%{opacity:.12;transform:translate(-36px,72px)rotate(-6deg)scale(.38)}82%,to{opacity:1;transform:translate(0)rotate(8deg)}}@keyframes about-note-c{0%,18%{opacity:1;transform:translate(0)rotate(-4deg)}48%,62%{opacity:.12;transform:translate(-18px,62px)rotate(10deg)scale(.34)}82%,to{opacity:1;transform:translate(0)rotate(-4deg)}}@keyframes about-pop-in{0%{opacity:0;transform:translateY(16px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes about-deflate{0%,16%{opacity:1;transform:scaleY(1)}38%,74%{opacity:.15;transform:scaleY(.12)}92%,to{opacity:1;transform:scaleY(1)}}@keyframes about-card-in{0%,18%{transform:scale(.96)}38%,72%{transform:scale(1.04)}88%,to{transform:scale(.96)}}@keyframes about-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes about-idea{0%{opacity:0;transform:translateY(6px)scale(.7)}18%{opacity:1}72%{opacity:1;transform:translate(10px,-34px)scale(1)}to{opacity:0;transform:translate(16px,-46px)scale(.85)}}@keyframes about-join-l{0%,16%{transform:translate(0)}36%,50%{transform:translate(-22px)}70%,to{transform:translate(0)}}@keyframes about-join-r{0%,16%{transform:translate(0)}36%,50%{transform:translate(22px)}70%,to{transform:translate(0)}}@keyframes about-steam{0%{opacity:0;transform:translateY(4px)}24%{opacity:.75}to{opacity:0;transform:translateY(-22px)}}