.about-promo{display:flex;align-items:center;gap:8px;background:#e3dac6;color:#39342c;border-radius:8px;padding:10px 8px;margin:0 0 22px;min-width:0}
.about-promo-viewport{flex:1;min-width:0;overflow:hidden}
.about-promo-track{display:flex;width:max-content;animation:about-promo-scroll 60s linear infinite;font-weight:600}
.about-promo-track>span{display:flex;flex-shrink:0}
.about-promo-track>span>span{white-space:nowrap;padding-right:48px}
.about-promo-track>span>span:nth-child(even){color:#876323}
.about-promo>button{flex:none;width:30px;height:30px;border:1px solid #aaa18f;border-radius:6px;background:transparent;color:inherit;cursor:pointer}
#about:not([open]) .about-promo-track,.about-promo.paused .about-promo-track,.about-promo:hover .about-promo-track,.about-promo:focus-within .about-promo-track{animation-play-state:paused}
@keyframes about-promo-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.about-promo-track{animation:none;width:auto}.about-promo-track>span{flex-wrap:wrap;gap:12px}.about-promo-track>span>span{white-space:normal;padding:0}.about-promo-track>span[aria-hidden],.about-promo>button{display:none}}

html[data-design="zamm"] .about-promo{background:#fff2a8;color:#242424}
html[data-design="zamm"] .about-promo-track>span>span:nth-child(even){color:#785600}
html[data-design="zamm"] .about-promo>button{border-color:#c5aa43}

/* Mobile about header: logo and controls first, readable title below. */
@media(max-width:600px){
 html body #about .about-heading.window-sticky-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px;padding:12px 16px 16px!important}
 html body #about .about-heading .about-brand{grid-column:1;grid-row:1;align-self:center}
 html body #about .about-heading .about-brand img{width:92px;height:auto}
 html body #about .about-heading .window-controls{position:static;grid-column:2;grid-row:1;margin:0}
 html body #about .about-heading #about-title{grid-column:1 / -1;grid-row:2;margin:0!important;padding:0!important;min-height:0;min-width:0;font-size:22px!important;line-height:1.2!important;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:balance}
}