/* Shared identity: two readable faces form a slowly turning medallion. */
.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%}
.brand.project-brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:0}
.project-brand .brand-words{font-weight:400;min-width:0}
.logo-token{--logo-size:82px;display:inline-block;position:relative;width:var(--logo-size);height:var(--logo-size);flex:0 0 var(--logo-size);perspective:650px;font-style:normal;vertical-align:middle}
.logo-token-inner{position:absolute;inset:0;display:block;transform-style:preserve-3d;animation:project-logo-turn 24s linear infinite}
.logo-token .logo-face{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #d1b47d;border-radius:50%;background:#101e24;overflow:hidden;box-shadow:0 4px 16px #0003}
.logo-token .logo-face-back{transform:rotateY(180deg)}
.logo-token .logo-face img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;border:0;border-radius:50%;margin:0;filter:none;box-shadow:none}
.logo-token.memory-token .logo-face img{width:94%;height:94%}
.logo-token.atlas-token .logo-token-inner{animation-delay:-8s}
.logo-token.history-token .logo-token-inner{animation-delay:-16s}
.logo-motion-toggle{display:inline-grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #b49c6d;border-radius:50%;padding:0;background:#101e24;color:#eee4d0;font:14px/1 Arial,sans-serif;cursor:pointer}
.logo-motion-toggle:focus-visible{outline:3px solid #d1b47d;outline-offset:4px}
.logo-token:hover .logo-token-inner,.brand-lockup:focus-within .logo-token-inner,.family-project:focus .logo-token-inner,html.logo-motion-paused .logo-token-inner{animation-play-state:paused}
@keyframes project-logo-turn{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}
@media(max-width:700px){.logo-token{--logo-size:62px}.brand.project-brand{gap:10px}.brand-lockup{gap:7px}.logo-motion-toggle{width:28px;height:28px;flex-basis:28px}}
@media(prefers-reduced-motion:reduce){.logo-token-inner{animation:none!important;transform:none!important}.logo-motion-toggle{display:none}}

.top{min-height:114px}.project-brand .brand-words{font:inherit}.project-brand .brand-words span{display:block}@media(max-width:700px){.top{min-height:98px;gap:10px}.brand.project-brand{font-size:1.15rem}}