/* plain double border + separate orbit track with a ball at today's position in the year */
html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-lfx{background:conic-gradient(from 210deg,#8a6a12,#f7e7a1,#d4af37,#8a6a12,#f3d77a,#b8901f,#8a6a12)!important;filter:none!important}
html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-ltrack{position:absolute!important;inset:-19px!important;border-radius:50%;pointer-events:none;display:block!important;width:auto!important;height:auto!important;margin:0!important;z-index:0!important;
 background:conic-gradient(from 0deg,#d4af3700 0deg,#f2d78ab3 var(--hfx-yp,0deg),#d4af3738 var(--hfx-yp,0deg),#d4af3738 360deg);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 1.4px),#000 calc(100% - 1.4px + .6px));mask:radial-gradient(farthest-side,#0000 calc(100% - 1.4px),#000 calc(100% - 1.4px + .6px));}
html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-lorb{inset:-19px!important}
html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-lorb::after{top:-4.3px!important;width:10px!important;height:10px!important;margin-left:-5px!important;background:radial-gradient(circle at 35% 30%,#ffffff 0%,#fff3c4 22%,#e9c45a 50%,#b8901f 78%,#7a5c0e 100%)!important;box-shadow:0 0 6px 1px #f2d78acc,0 0 12px 3px #d4af3766,0 1px 2px #0008!important;animation:hfxYDot 2.6s ease-in-out infinite}
@media (max-width:700px){
 html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-ltrack,html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-lorb{inset:-14px!important}
 html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-lorb::after{top:-3.3px!important;width:8px!important;height:8px!important;margin-left:-4px!important}
}

html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer{margin:0 12px 0 14px!important}
@media (max-width:700px){ html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer{margin:0 7px 0 9px!important} }

html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>img,html body #siteHeader#siteHeader#siteHeader#siteHeader#siteHeader#siteHeader#siteHeader#siteHeader#siteHeader .header-brand #headerLogoContainer.brand-icon>img{width:100%!important;height:100%!important;margin:0!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important}
html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer,html body #siteHeader#siteHeader#siteHeader#siteHeader#siteHeader#siteHeader#siteHeader#siteHeader#siteHeader .header-brand #headerLogoContainer.brand-icon{overflow:visible!important}

/* 12 month dots on the orbit; the ball hops month to month */
html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-ltrack{background:conic-gradient(from 0deg,#f2d78a99 0deg,#f2d78a99 var(--hfx-mp,0deg),#d4af372e var(--hfx-mp,0deg),#d4af372e 360deg)!important}
html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-lmon{position:absolute!important;inset:-19px!important;border-radius:50%;pointer-events:none;display:block!important;width:auto!important;height:auto!important;margin:0!important;z-index:3!important}
html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-lmon>b{position:absolute;inset:0;transform:rotate(calc(var(--k) * 30deg))}
html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-lmon>b::after{content:"";position:absolute;top:-2.2px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#3a3420;box-shadow:inset 0 0 0 1px #d4af3780;transition:background .25s,box-shadow .25s}
html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-lmon>b.on::after{background:radial-gradient(circle at 35% 30%,#fff3c4,#d4af37 70%);box-shadow:0 0 4px #f2d78aaa}
html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-lorb{transition:transform .32s cubic-bezier(.5,-0.25,.4,1.35)!important;z-index:5!important}
html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-lorb::after{animation:none!important}
html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-lorb.hop::after{animation:hfxHop .32s ease-out!important}
html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-lorb.rest::after{animation:hfxYDot 2.4s ease-in-out infinite!important}
@keyframes hfxHop{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-6px) scale(1.25)}100%{transform:translateY(0) scale(1)}}
@media (max-width:700px){ html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-lmon{inset:-14px!important} html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-lmon>b::after{width:4px;height:4px;margin-left:-2px;top:-1.7px} @keyframes hfxHop{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-4px) scale(1.25)}100%{transform:translateY(0) scale(1)}} }
@media (prefers-reduced-motion:reduce){ html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-lorb{transition:none!important} html body #home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home#home .hfx-h2-top #heroLogoContainer>.hfx-lorb.hop::after{animation:none!important} }