/* Header logo turns to anniversary badge and repeats without blocking the page. */
.site-header .anniversary-brand{width:144px;height:58px;display:block;perspective:700px;flex:0 0 144px;text-decoration:none}
.anniversary-brand__rotor{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;animation:octo-header-turn 8s ease-in-out infinite}
.anniversary-brand__face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.site-header .anniversary-brand__front img{width:100%;height:100%;object-fit:contain;object-position:center}
.anniversary-brand__back{transform:rotateY(180deg);flex-direction:column;color:#ffab62;line-height:1;text-align:center;background:radial-gradient(ellipse,rgba(255,147,62,.1),transparent 75%);border-top:1px solid rgba(255,171,98,.35);border-bottom:1px solid rgba(255,171,98,.35);border-radius:9px}
.anniversary-brand__back small{font-size:7px;letter-spacing:1.7px;font-weight:700;margin-bottom:2px}
.anniversary-brand__back strong{font-size:29px;letter-spacing:-1px;font-weight:800;color:#fff5e9}
.anniversary-brand__back sup{font-size:13px;vertical-align:super;letter-spacing:0;margin-left:1px;color:#ffab62}
.anniversary-brand__back>span{font-size:9px;font-weight:800;letter-spacing:2px;margin-top:2px}
@keyframes octo-header-turn{0%,30%{transform:rotateY(0)}43%,75%{transform:rotateY(180deg)}88%,100%{transform:rotateY(360deg)}}
@media(max-width:680px){.site-header .anniversary-brand{width:132px;height:54px;flex-basis:132px}}
@media(prefers-reduced-motion:reduce){.anniversary-brand__rotor{animation:none}.anniversary-brand__back{transform:none;inset:auto 0 -8px;background:none;border:0}.anniversary-brand__back small,.anniversary-brand__back strong{display:none}.anniversary-brand__back>span{font-size:7px;letter-spacing:1px}.anniversary-brand__back>span:before{content:"2nd "}}