/* Original three smooth plates. Each turns gently in its isometric plane. */
.aero-core-svg{display:block;width:100%;height:auto;overflow:visible}
.aero-core{--core-duration:var(--phase-duration,6.5s)}
.hero-scene{--phase-duration:6s}
.aero-core :is(.aero-core-base,.aero-core-copper,.aero-core-lid){transform-box:view-box;animation:aero-plate-base var(--core-duration) ease-in-out infinite;animation-play-state:paused}
.aero-core .aero-core-base{transform-origin:130px 99px;animation-name:aero-plate-base}
.aero-core .aero-core-copper{transform-origin:130px 81px;animation-name:aero-plate-copper}
.aero-core .aero-core-lid{transform-origin:130px 60px;animation-name:aero-plate-lid}
.aero-core-shadow{transform-origin:130px 161px;animation:aero-core-ground var(--core-duration) ease-in-out infinite;animation-play-state:paused}
.aero-core-signal{stroke-dasharray:.18 .82;stroke-dashoffset:1;opacity:0;animation:aero-core-transfer var(--core-duration) ease infinite;animation-play-state:paused}
:where([data-play-state="playing"],[data-state="playing"]) .aero-core :is(.aero-core-base,.aero-core-copper,.aero-core-lid,.aero-core-shadow,.aero-core-signal){animation-play-state:running}
/* Undo the projection, turn the whole plate, then project back. The logo is
   a child of the lid, so it follows the same movement without being split. */
@keyframes aero-plate-base{
  0%,12%,100%{transform:scaleY(.54) rotate(0deg) scaleY(1.85185185)}
  40%{transform:scaleY(.54) rotate(10deg) scaleY(1.85185185)}
  72%{transform:scaleY(.54) rotate(-3deg) scaleY(1.85185185)}
}
@keyframes aero-plate-copper{
  0%,12%,100%{transform:translateY(0) scaleY(.54) rotate(0deg) scaleY(1.85185185)}
  40%{transform:translateY(-2px) scaleY(.54) rotate(-16deg) scaleY(1.85185185)}
  72%{transform:translateY(0) scaleY(.54) rotate(5deg) scaleY(1.85185185)}
}
@keyframes aero-plate-lid{
  0%,12%,100%{transform:translateY(0) scaleY(.54) rotate(0deg) scaleY(1.85185185)}
  40%{transform:translateY(-4px) scaleY(.54) rotate(18deg) scaleY(1.85185185)}
  72%{transform:translateY(0) scaleY(.54) rotate(-6deg) scaleY(1.85185185)}
}
@keyframes aero-core-ground{0%,12%,100%{opacity:.12;transform:scaleX(1)}40%{opacity:.09;transform:scaleX(.96)}}
@keyframes aero-core-transfer{0%,22%{opacity:0;stroke-dashoffset:1}30%{opacity:.8}66%{opacity:.8;stroke-dashoffset:0}78%,100%{opacity:0;stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.aero-core *{animation:none!important;transition:none!important}.aero-core-signal{display:none}}