/* /historia — helmet styles, ported verbatim from the Design Composer bundle.
   Keyframes drive the ambient loops (float / steam / pulse / spark);
   scroll-driven transforms are applied inline by historia.js. */
@font-face{font-family:'Inter';src:url('/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html,body{margin:0;padding:0;background:#FAF6F0}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:#161312;-webkit-font-smoothing:antialiased}
@keyframes ftFloat{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-9px)}}
@keyframes ftSteam{0%{transform:translateY(0) scaleX(1);opacity:0}30%{opacity:.65}100%{transform:translateY(-44px) scaleX(1.7);opacity:0}}
@keyframes ftPulse{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes ftSpark{0%,100%{transform:scale(.7);opacity:.5}50%{transform:scale(1.15);opacity:1}}