/* Turing&Co — initials assemble, followed by a blue full stop. */
.logo{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;line-height:1;flex-shrink:0}

.logo .brand-wordmark,.logo .brand-initial{color:inherit;font:inherit;letter-spacing:inherit}
.logo .brand-initial{display:inline-block;transform-origin:50% 80%;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.logo .brand-t{animation:brand-t-in 1.2s cubic-bezier(.22,1,.36,1) backwards}
.logo .brand-c{animation:brand-c-in 1.2s .18s cubic-bezier(.22,1,.36,1) backwards}
.logo .brand-amp{font-weight:400;color:#a7a9b0}
.logo .brand-dot{display:inline-block;width:.19em;height:.19em;margin-left:.075em;border-radius:50%;background:#6689ff;animation:brand-dot-in .65s .8s cubic-bezier(.22,1,.36,1) backwards;transition:transform .35s}

footer .logo *{animation:none}
@keyframes brand-t-in{from{opacity:0;transform:translateY(-.3em) rotate(-12deg)}to{opacity:1;transform:none}}
@keyframes brand-c-in{from{opacity:0;transform:translateY(.3em) rotate(12deg)}to{opacity:1;transform:none}}
@keyframes brand-dot-in{0%{opacity:0;transform:scale(0)}65%{opacity:1;transform:scale(1.22)}100%{opacity:1;transform:scale(1)}}
@media(hover:hover){.logo:hover .brand-t{transform:translateY(-.08em)}.logo:hover .brand-c{transform:translateY(-.08em);transition-delay:.06s}.logo:hover .brand-dot{transform:scale(1.18)}}
.logo:focus-visible .brand-t,.logo:focus-visible .brand-c{transform:translateY(-.08em)}
@media(max-width:700px){header .logo{font-size:21px;gap:7px}header nav .btn.small{padding:11px 12px;gap:14px}}
@media(max-width:380px){header .logo{font-size:18px;gap:5px}header nav{gap:10px}header nav .btn.small{padding:10px;font-size:11px;gap:9px}footer{align-items:flex-start;gap:15px}footer>span{max-width:125px}}
@media(prefers-reduced-motion:reduce){.logo *,.logo:hover *,.logo:focus-visible *{animation:none!important;transition:none!important;transform:none!important;opacity:1}}