/* Shared portable type and a small, explicit control for the real data mode. */
html{font-synthesis:none}
body{font-family:'Arimo',Arial,sans-serif}
.experience-control{position:absolute;right:3.5%;top:128px;z-index:21;display:flex;align-items:center;gap:15px;font:10px/1.5 'Courier Prime',monospace;letter-spacing:.04em}
.experience-status{color:#b4c3af}
.experience-switch{color:#d2dc94;border-bottom:1px solid #d2dc9460;padding:4px 0}
.experience-switch:hover{border-color:#d2dc94}
[data-data-mode="reduced"] .experience-status{color:#f1eddc}
[data-data-mode="reduced"] .experience-status:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#d2dc94}
[data-data-mode="reduced"]{scroll-behavior:auto}
[data-data-mode="reduced"] .hero-track{height:auto;min-height:0}
[data-data-mode="reduced"] .hero{position:relative;height:100svh;min-height:670px}
[data-data-mode="reduced"] .motion-toggle,[data-data-mode="reduced"] .boxer-frames{display:none}
[data-data-mode="reduced"] .boxer-poster{opacity:1}
[data-data-mode="reduced"] .hero-copy,[data-data-mode="reduced"] .art,[data-data-mode="reduced"] .rings{transform:none!important}
[data-data-mode="reduced"] .history-glove img,[data-data-mode="reduced"] .fighter-anchor img{transition:none}
.art .boxer-poster{object-fit:contain}
@media(max-width:600px){
  .experience-control{top:125px;left:6%;right:6%;justify-content:space-between;font-size:9px;gap:10px}
  [data-page="home"] .hero-copy{top:176px}
  [data-page="home"] .hero{min-height:825px}
  [data-data-mode="reduced"] [data-page="home"] .hero{min-height:825px}
  [data-page="history"] .experience-control{top:93px}
  [data-page="history"] .intro{top:151px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}