/* A small synthwave scene keeps the motion around the artwork. */
.home-page .hero-art{background:radial-gradient(ellipse at 50% 48%,#71356835,transparent 68%);isolation:isolate;transition:filter .4s ease}
.home-page .hero-art:hover{filter:brightness(1.12)}
.home-page .hero-art:after{display:block;content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#0e142024 4px 5px);pointer-events:none;z-index:4}
.home-page .synth-sun{width:66%;left:17%;top:10%;opacity:.7;background:linear-gradient(#ffdb86,#f58f9d 42%,#df5aa9 72%,#aa6ee0);mask-image:linear-gradient(#000 0 48%,transparent 48% 51%,#000 51% 59%,transparent 59% 63%,#000 63% 69%,transparent 69% 75%,#000 75% 81%,transparent 81% 89%,#000 89%);animation:home-sun-drift 9s ease-in-out infinite}
.home-page .cube-scene{animation:home-cube-float 6s ease-in-out infinite;z-index:2}
.home-page .wire-cube{animation:home-cube-turn 20s linear infinite}
.home-page .face{border-color:#8ddff0;box-shadow:0 0 14px #8ddff05c,inset 0 0 12px #8ddff024;background-color:#13213330;background-image:linear-gradient(#8ddff023 1px,transparent 1px),linear-gradient(90deg,#8ddff023 1px,transparent 1px);background-size:38px 38px}
.home-page .back,.home-page .right,.home-page .top{border-color:#e58fdb;box-shadow:0 0 14px #e58fdb55,inset 0 0 12px #e58fdb22}
.home-page .synth-horizon{position:absolute;left:0;right:0;top:72%;height:1px;background:#df85d0;box-shadow:0 0 15px #df85d080;z-index:1}
.home-page .art-grid{inset:72% -40% -90%;background-image:linear-gradient(#df85d055 1px,transparent 1px),linear-gradient(90deg,#8ddff048 1px,transparent 1px);background-size:36px 36px;transform:perspective(230px) rotateX(52deg);mask-image:linear-gradient(transparent,#000 12%,#000 60%,transparent);animation:home-grid-flow 4s linear infinite;opacity:.75}
.home-page .orbit-one{inset:15%;border-color:#c0b0f552;box-shadow:none;animation:home-orbit-drift 12s ease-in-out infinite;z-index:1}
@keyframes home-cube-turn{from{transform:rotateX(-20deg) rotateY(35deg) rotateZ(-10deg)}to{transform:rotateX(-20deg) rotateY(395deg) rotateZ(-10deg)}}
@keyframes home-cube-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes home-sun-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@keyframes home-grid-flow{to{background-position:0 36px}}
@keyframes home-orbit-drift{0%,100%{transform:rotate(-35deg) scaleY(.48)}50%{transform:rotate(-15deg) scaleY(.6)}}
@media(prefers-reduced-motion:reduce){.home-page .hero-art{transition:none}.home-page .cube-scene,.home-page .synth-sun{transform:none}.home-page .wire-cube{transform:rotateX(-20deg) rotateY(35deg) rotateZ(-10deg)}}
