.hero-home{padding-block:var(--spacing-xl);background-color:var(--color-neutral-100);@media (width>=64rem){&>*{position:relative}}}.hero-home-title{@media (width>=64rem){max-width:40rem}@media (width>=80rem){max-width:52rem}}.hero-home-description{@media (width>=64rem){max-width:34rem}@media (width>=80rem){max-width:46rem}}.illust-home-group{max-width:586px;margin-left:auto;display:grid;&>img{grid-area:1/1}&>.illust-home-card-1{place-self:stretch end;width:70%;height:auto;animation:1s forwards reveal-cascade}&>.illust-home-card-2{z-index:1;height:auto;transition:var(--transition-duration);opacity:0;place-self:end;transition-property:translate;animation:2s cubic-bezier(.34,1.56,.64,1) .7s forwards pop-glow-pixels;@media (width>=80rem){translate:-20% 20%}}&>.illust-home-arrow{z-index:2;width:30vw;max-width:214px;height:auto;transition:var(--transition-duration);opacity:0;place-self:center start;transition-property:translate;animation:.5s linear .2s forwards reveal-arrow;translate:30% -40%;@media (width>=80rem){translate:5% 5%}}@media (width>=64rem){transform-origin:100% 0;position:absolute;top:0;right:0;scale:.8}}@keyframes reveal-cascade{0%{opacity:0;transform:translateY(20px)}to{opacity:1}}@keyframes reveal-arrow{0%{opacity:1;clip-path:circle(0 at 100% 0)}to{opacity:1;clip-path:circle(150% at 100% 0)}}@keyframes pop-glow-pixels{0%{opacity:0;filter:drop-shadow(0 0 #0000);scale:.8}20%{opacity:1;filter:drop-shadow(0 0 10px #13d1fb);scale:1}40%{opacity:1;filter:drop-shadow(0 0 10px #13d1fb);scale:1}to{opacity:1;filter:drop-shadow(0 0 #0000);scale:1}}