/* Home effects (fx-home.js): the Q mark in liquid metal over its still, the pulsing border on the connect plate. */
.hero-q{position:relative;display:block;width:96px;height:96px;margin:0 0 18px -12px;pointer-events:none}
.hero-q img,.hero-q .fx-stage{position:absolute;inset:0;width:100%;height:100%}
.hero-q img{display:block;transition:opacity .3s ease .45s}
.hero-q .fx-stage canvas{opacity:0;transition:opacity .45s ease}
.hero-q.fx-live .fx-stage canvas{opacity:1}
.hero-q.fx-live img{opacity:0}
@media(max-width:600px){.hero-q{width:64px;height:64px;margin:0 0 12px -8px}}
body[data-page=home] .connect-plate{position:relative;isolation:isolate}
.fx-border{position:absolute!important;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;overflow:hidden}
.fx-border canvas{opacity:0;transition:opacity .6s ease}
.fx-border.fx-live canvas{opacity:1}
@media(prefers-reduced-motion:reduce){.hero-q img,.hero-q canvas,.fx-border canvas{transition:none}}