/* Adopted concept C: the open workshop sign. Shared by home and contact. */
.brand{display:inline-flex;flex:none;align-items:center;line-height:1;gap:0;border-radius:8px}
.brand-logo{display:block;width:216px;height:72px;object-fit:contain;transition:transform .18s ease;transform-origin:22% 70%}
.brand:focus-visible{outline:3px solid #c8471f;outline-offset:4px}
.brand:active .brand-logo{transform:rotate(-2deg) scale(.97)}
header .wrap{height:88px}
section,#about,#data{scroll-margin-top:104px}
#game-mike,#game-margin{scroll-margin-top:106px}
@media(hover:hover){.brand:hover .brand-logo{transform:rotate(-1.5deg) translateY(-1px)}}
@media(max-width:760px){.brand-logo{width:168px;height:56px}header .wrap{height:72px;gap:8px}header nav{gap:9px;font-size:12px}section,#about,#data{scroll-margin-top:88px}#game-mike,#game-margin{scroll-margin-top:90px}}
@media(max-width:360px){.brand-logo{width:144px;height:48px}header nav{gap:8px;font-size:11px}header .wrap{gap:6px}}
:root[data-calm="true"] .brand-logo{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.brand-logo{transition:none!important;transform:none!important}}