/* One gentle entrance; interaction replays the metallic highlight. */
.sr-brand-link .sr-brand-mark{isolation:isolate;animation:sr-brand-enter 900ms cubic-bezier(.2,.75,.25,1) backwards;transition:scale .35s ease,rotate .35s ease,filter .35s ease}
.sr-brand-link .sr-brand-mark:after{content:'';position:absolute;inset:-9px;z-index:1;pointer-events:none;background:linear-gradient(112deg,transparent 28%,#f8deb700 40%,#fff2cfcc 49%,#dbc18b66 54%,transparent 65%);background-size:260% 100%;background-position:160% 0;opacity:0;mask:url('/assets/os-express-mark-v3.png') center/66px 66px no-repeat;animation:sr-brand-glint 1.7s ease .65s both}
.sr-brand-link:focus-visible{outline:2px solid #b69a61;outline-offset:5px;border-radius:8px}
.sr-brand-link:focus-visible .sr-brand-mark{scale:1.045;rotate:-3deg;filter:drop-shadow(0 3px 5px #b99b5338)}
.sr-brand-link:focus-visible .sr-brand-mark:after{animation:sr-brand-glint-focus 1s ease both}
@media(hover:hover){.sr-brand-link:hover .sr-brand-mark{scale:1.045;rotate:-3deg;filter:drop-shadow(0 3px 5px #b99b5338)}.sr-brand-link:hover .sr-brand-mark:after{animation:sr-brand-glint-focus 1s ease both}}
.sr-brand-link:active .sr-brand-mark{scale:.97;rotate:0deg}
@keyframes sr-brand-enter{from{opacity:0;translate:0 5px;rotate:-5deg;scale:.94}to{opacity:1;translate:0 0;rotate:0deg;scale:1}}
@keyframes sr-brand-glint{0%{opacity:0;background-position:160% 0}25%,65%{opacity:.7}100%{opacity:0;background-position:-60% 0}}
@keyframes sr-brand-glint-focus{0%{opacity:0;background-position:160% 0}25%,65%{opacity:.7}100%{opacity:0;background-position:-60% 0}}
@media(max-width:720px){.sr-brand-link .sr-brand-mark:after{mask-size:60px 60px}}
@media(prefers-reduced-motion:reduce){.sr-brand-link .sr-brand-mark,.sr-brand-link .sr-brand-mark:after{animation:none!important;transition:none!important;scale:1!important;rotate:0deg!important}.sr-brand-link .sr-brand-mark:after{display:none}}
@media(forced-colors:active){.sr-brand-link .sr-brand-mark:after{display:none}}