.metal-logo{pointer-events:none;width:100%;height:100%;display:block;position:relative}.metal-logo>.metal-logo__canvas{opacity:0;width:150%;height:150%;transition:opacity .18s ease-out;display:block;position:absolute;inset:-25%}.metal-logo[data-renderer=ready]>.metal-logo__canvas{opacity:1}.metal-logo[data-renderer=ready]>.metal-logo__fallback{visibility:hidden;transition:visibility 0s linear .18s}.metal-logo__fallback{background:var(--metal-logo-color,var(--color-signal));display:block;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:auto 103.3%;mask-size:auto 103.3%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.metal-logo__headshot{isolation:isolate;visibility:hidden;transform-origin:50%;border-radius:50%;transition:scale .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:12.5%;overflow:hidden;scale:1}.metal-logo__headshot img{object-fit:cover;object-position:center top;transform-origin:top;filter:grayscale()contrast(1.1)brightness(1.2);mix-blend-mode:multiply;width:100%;height:100%;transform:scale(1.35)}.metal-logo[data-renderer=ready][data-portrait-texture=ready]>.metal-logo__headshot img{opacity:0}.metal-logo[data-headshot=true]>.metal-logo__headshot{visibility:visible;scale:1.5}.metal-logo[data-headshot-returning=true]>.metal-logo__headshot{transition-duration:2s;transition-timing-function:cubic-bezier(.4,0,.2,1);scale:1}@media (max-width:640px),(hover:none) and (pointer:coarse){.metal-logo[data-headshot=true]>.metal-logo__headshot{scale:1}}@media (prefers-reduced-motion:reduce){.metal-logo>.metal-logo__canvas,.metal-logo__headshot,.metal-logo[data-headshot-returning=true]>.metal-logo__headshot,.metal-logo[data-renderer=ready]>.metal-logo__fallback{transition:none}}