@charset "UTF-8";@property --j{syntax: "<number>"; inherits: false; initial-value: 0;}@property --wy{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tilt{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --puff{syntax: "<number>"; inherits: false; initial-value: 1;}div.foo{width:90%;display:flex;justify-content:center}.logo-hero-link{display:inline-block;line-height:0}.logo-hero{display:block;width:260px;height:260px;overflow:visible;filter:drop-shadow(0 6px 20px rgba(0,0,0,.55)) drop-shadow(0 2px 6px rgba(0,0,0,.45))}.logo-hero-pieces>*{transform-box:fill-box;transform-origin:50% 50%;transform:translate(calc(var(--dx, 0px) * var(--j, 0)),calc(var(--dy, 0px) * var(--j, 0) + var(--arc-y, 0px) * sin(var(--j, 0) * 180deg))) translateY(var(--wy, 0px)) rotate(var(--tilt, 0deg)) scale(var(--puff, 1));transition:--j .52s cubic-bezier(.22,1,.36,1),--wy .32s cubic-bezier(.4,0,.2,1),--tilt .36s cubic-bezier(.4,0,.2,1),--puff .36s cubic-bezier(.4,0,.2,1),opacity .24s ease;animation:logo-piece-in 1.4s cubic-bezier(.22,1,.36,1) both}.logo-hero-pieces>rect{fill:#ffffff59;transition:opacity .24s ease .54s}.logo-hero-pieces>path,.logo-hero-pieces>polygon{fill:#fff;stroke:#2c180c40;stroke-width:.6;vector-effect:non-scaling-stroke}.logo-hero-pieces>*:nth-child(8){--dx: -157px;--dy: 78px;--arc-y: -85px}.logo-hero-pieces>*:nth-child(5){--dx: -156px;--dy: 79px;--arc-y: -95px}.logo-hero-pieces>*:nth-child(7){--dx: 157px;--dy: -78px;--arc-y: -55px}.logo-hero-pieces>*:nth-child(6){--dx: 158px;--dy: -74px;--arc-y: -68px}@keyframes logo-piece-in{0%{opacity:0;transform:translate(var(--ex, 0),var(--ey, 0)) scale(var(--es, .55)) rotate(var(--er, 0deg))}to{opacity:1;transform:translate(0) scale(1) rotate(0)}}.logo-hero-pieces>*:nth-child(1){--ex: 60px;--ey: -60px;--er: 12deg;animation-delay:.1s}.logo-hero-pieces>*:nth-child(2){--ex: -60px;--ey: 60px;--er: -12deg;animation-delay:.2s}.logo-hero-pieces>*:nth-child(3){--ex: -60px;--ey: -60px;--er: -12deg;animation-delay:.3s}.logo-hero-pieces>*:nth-child(4){--ex: 60px;--ey: 60px;--er: 12deg;animation-delay:.4s}.logo-hero-pieces>*:nth-child(5){--ex: 80px;--ey: -20px;--er: 8deg;animation-delay:.5s}.logo-hero-pieces>*:nth-child(6){--ex: 80px;--ey: 20px;--er: -8deg;animation-delay:.6s}.logo-hero-pieces>*:nth-child(7){--ex: -40px;--ey: 80px;--er: -6deg;animation-delay:.7s}.logo-hero-pieces>*:nth-child(8){--ex: -40px;--ey: -80px;--er: 6deg;animation-delay:.8s}.logo-hero.is-assembled .logo-hero-pieces>*{animation:none}.logo-hero.is-assembled:hover .logo-hero-pieces>rect{opacity:0;transition:opacity .24s ease 0ms}.logo-hero.is-assembled:hover .logo-hero-pieces>*:nth-child(8){--j: 1;transition:--j .64s cubic-bezier(.34,1.26,.44,1) .24s,--wy .32s cubic-bezier(.4,0,.2,1),--tilt .36s cubic-bezier(.4,0,.2,1),--puff .36s cubic-bezier(.4,0,.2,1);animation:flourish-F .64s cubic-bezier(.34,1.26,.44,1) .24s both,fuku-wave 1.2s cubic-bezier(.45,0,.25,1) .96s infinite}.logo-hero.is-assembled:hover .logo-hero-pieces>*:nth-child(5){--j: 1;transition:--j .64s cubic-bezier(.34,1.26,.44,1) .3s,--wy .32s cubic-bezier(.4,0,.2,1),--tilt .36s cubic-bezier(.4,0,.2,1),--puff .36s cubic-bezier(.4,0,.2,1);animation:flourish-U1 .64s cubic-bezier(.34,1.26,.44,1) .3s both,fuku-wave 1.2s cubic-bezier(.45,0,.25,1) 1.02s infinite}.logo-hero.is-assembled:hover .logo-hero-pieces>*:nth-child(7){--j: 1;transition:--j .64s cubic-bezier(.34,1.26,.44,1) .36s,--wy .32s cubic-bezier(.4,0,.2,1),--tilt .36s cubic-bezier(.4,0,.2,1),--puff .36s cubic-bezier(.4,0,.2,1);animation:flourish-K .64s cubic-bezier(.34,1.26,.44,1) .36s both,fuku-wave 1.2s cubic-bezier(.45,0,.25,1) 1.08s infinite}.logo-hero.is-assembled:hover .logo-hero-pieces>*:nth-child(6){--j: 1;transition:--j .64s cubic-bezier(.34,1.26,.44,1) .42s,--wy .32s cubic-bezier(.4,0,.2,1),--tilt .36s cubic-bezier(.4,0,.2,1),--puff .36s cubic-bezier(.4,0,.2,1);animation:flourish-U2 .64s cubic-bezier(.34,1.26,.44,1) .42s both,fuku-wave 1.2s cubic-bezier(.45,0,.25,1) 1.14s infinite}@keyframes flourish-F{0%{--tilt: 0deg;--puff: 1}30%{--tilt: -10deg;--puff: .94}65%{--tilt: -4deg;--puff: 1.06}to{--tilt: 0deg;--puff: 1}}@keyframes flourish-U1{0%{--tilt: 0deg;--puff: 1}30%{--tilt: 8deg;--puff: .95}65%{--tilt: 3deg;--puff: 1.05}to{--tilt: 0deg;--puff: 1}}@keyframes flourish-K{0%{--tilt: 0deg;--puff: 1}30%{--tilt: 10deg;--puff: .94}65%{--tilt: 4deg;--puff: 1.06}to{--tilt: 0deg;--puff: 1}}@keyframes flourish-U2{0%{--tilt: 0deg;--puff: 1}30%{--tilt: -8deg;--puff: .95}65%{--tilt: -3deg;--puff: 1.05}to{--tilt: 0deg;--puff: 1}}@keyframes fuku-wave{0%,to{--wy: 0px}40%{--wy: -32px}}@media screen and (max-width:768px){.logo-hero{width:200px;height:200px}}@media screen and (max-width:480px){.logo-hero{width:160px;height:160px}}@media(prefers-reduced-motion:reduce){.logo-hero-pieces>*{animation:none;transition:opacity .2s}.logo-hero.is-assembled:hover .logo-hero-pieces>rect{opacity:0}.logo-hero.is-assembled:hover .logo-hero-pieces>*{animation:none;--j: 0}}