.brand-motion .brand-mark{display:inline-grid;position:relative;isolation:isolate;flex:0 0 auto;overflow:hidden;border-radius:26%;vertical-align:middle}
.brand-motion .brand-mark img{display:block;animation:brand-arrive .65s cubic-bezier(.2,.75,.2,1) backwards;transform-origin:50% 60%;transition:filter .22s}
.brand-motion .brand-mark::after{content:"";position:absolute;inset:-15%;pointer-events:none;background:linear-gradient(115deg,transparent 33%,#ffffffbd 49%,transparent 65%);opacity:0;transform:translateX(-125%);animation:brand-sheen 8s ease-in-out infinite;animation-play-state:paused}
.brand-motion.brand-visible .brand-mark::after{animation-play-state:running}
.brand-motion-paused .brand-mark::after{animation-play-state:paused!important}
.brand-motion-paused .brand-mark img{animation:none!important;transition:none!important}
.motion-off .brand-mark::after,.fx-effects-off .brand-mark::after{animation:none!important}
.brand-motion:focus-visible .brand-mark::after{animation:brand-greeting .85s ease-out}
@media(hover:hover){.brand-motion:hover .brand-mark::after{animation:brand-greeting .85s ease-out}.brand-motion:hover .brand-mark img{filter:saturate(1.12)}}
.brand-motion:active .brand-mark img{filter:brightness(.92)}
@keyframes brand-arrive{from{opacity:.35;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
@keyframes brand-sheen{0%,74%{opacity:0;transform:translateX(-125%)}78%{opacity:.75}88%{opacity:0;transform:translateX(125%)}100%{opacity:0;transform:translateX(125%)}}
@keyframes brand-greeting{0%{opacity:0;transform:translateX(-125%)}30%{opacity:.8}100%{opacity:0;transform:translateX(125%)}}
@media(prefers-reduced-motion:reduce){.brand-motion .brand-mark img{animation:none;transition:none}.brand-motion .brand-mark::after{display:none;animation:none!important}}

/* Keep the mark visible when compact typography hides the adjacent wordmark. */
.home-header .home-brand>.brand-mark{display:inline-grid}
.home-header .home-brand .brand-mark img{width:42px;height:42px}
@media(max-width:900px){.home-header .home-brand .brand-mark img{width:32px;height:32px}}