.brand .mark.sac-logo-mark{--logo-main:var(--navy);--logo-accent:var(--teal);--logo-rx:0deg;--logo-ry:0deg;width:48px;height:48px;border-radius:0;background:transparent;color:var(--logo-main);display:grid;place-items:center;overflow:visible;perspective:500px;isolation:isolate}.sac-logo-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 3px 7px rgba(0,0,0,.1))}.sac-logo-group{cursor:pointer;transform-box:fill-box;transform-origin:center;transform:rotateX(var(--logo-rx)) rotateY(var(--logo-ry));transition:transform .18s ease,filter .3s}.sac-logo-shape{fill:currentColor;transform-box:fill-box;transform-origin:center;transition:fill .3s,transform .34s cubic-bezier(.2,.8,.2,1)}.brand:hover .sac-logo-group,.sac-logo-group:focus-visible{transform:rotateX(var(--logo-rx)) rotateY(var(--logo-ry)) translateY(-3px) scale(1.045);filter:drop-shadow(0 9px 14px rgba(0,0,0,.18));outline:none}.brand:hover .sac-logo-top,.sac-logo-group:focus-visible .sac-logo-top{transform:translate(5px,-3px)}.brand:hover .sac-logo-bottom,.sac-logo-group:focus-visible .sac-logo-bottom{fill:var(--logo-accent);transform:translate(-8px,8px)}footer .mark.sac-logo-mark{--logo-main:#fff;--logo-accent:var(--teal)}@media(max-width:600px){.brand .mark.sac-logo-mark{width:43px;height:43px}}@media(prefers-reduced-motion:reduce){.sac-logo-group,.sac-logo-shape{transition:none}.sac-logo-group{transform:none!important}}