@view-transition{navigation:auto}::view-transition-old(root){animation:skmOut .45s cubic-bezier(.4,0,.2,1) both}::view-transition-new(root){animation:skmIn .9s cubic-bezier(.25,.1,.25,1) both}@keyframes skmOut{to{opacity:0}}@keyframes skmIn{from{opacity:0}}.rail{view-transition-name:skmrail}::view-transition-group(skmrail),::view-transition-old(skmrail),::view-transition-new(skmrail){animation:none}::view-transition-old(skmrail){display:none}
.brand{container-type:inline-size}.prism{transform:translateZ(-50cqw)}.face{transform:rotateY(calc(var(--k)*90deg)) translateZ(50cqw)!important}@keyframes prismIn{from{transform:translateZ(-50cqw) rotateY(90deg);opacity:0}}
@keyframes prismIn{from{transform:translateZ(-50cqw) rotateY(90deg);opacity:0}}
.pin:hover .head,.pin.sel .head{r:12}