/* about-typewriter.css — v8.1: 'Miniature Worlds…' smaller again, 'Whether…' smaller (emphasis-md) */
:root{ --reveal-pad-x: 10px; --reveal-pad-y: 8px; }
.va-about__frame{ position: relative; }

#about-typewriter{
  position: relative;
  white-space: pre-wrap;
  line-height: 1.9;
  letter-spacing: 0.18px;
  max-width: 82ch;
  margin: 0 auto;
  color: inherit;
  text-shadow: 0 0 6px rgba(253,253,244,0.25);
}

/* Helpers */
#about-typewriter .block{ margin: 1.3rem 0; }
#about-typewriter .center{ text-align: center; }
#about-typewriter .em{ font-style: italic; }

/* Headings baseline */
#about-typewriter .h1{ font-size: clamp(1.02rem, 0.98rem + 0.66vw, 1.38rem); font-weight:700; letter-spacing:.22px; }
#about-typewriter .h2{ font-size: clamp(1.01rem, 0.98rem + 0.56vw, 1.27rem); font-weight:600; }
#about-typewriter .h3{ font-size: clamp(1.02rem, 0.99rem + 0.50vw, 1.24rem); font-weight:600; }

/* Emphasis lines */
#about-typewriter .emphasis-xl{ font-size: clamp(0.96rem, 0.94rem + 0.58vw, 1.26rem); font-weight:700; }
/* New: slightly smaller emphasis for the 'Whether…' line */
#about-typewriter .emphasis-md{ font-size: clamp(0.90rem, 0.90rem + 0.52vw, 1.18rem); font-weight:700; }

/* Titles */
#about-typewriter .title-characters{ font-size: clamp(1.06rem, 1.00rem + 0.78vw, 1.46rem); font-weight:700; }
/* Smaller again than v8 */
#about-typewriter .title-worlds{ font-size: clamp(0.88rem, 0.88rem + 0.44vw, 1.12rem); font-weight:700; }

/* Fonts per-title */
#about-typewriter .font-orbitron{ font-family: "Orbitron", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; letter-spacing: 0.28px; }
#about-typewriter .font-helios{ font-family: "Helios Gothic", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; letter-spacing: 0.26px; }
#about-typewriter .font-thunder{ font-family: "Thunderstrike Half", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; letter-spacing: 0.26px; }

/* Optional faces (safe if already loaded elsewhere) */
@font-face{ font-family:"Helios Gothic"; src:url("../../../-footage-/fonts/hellios-gothic.otf") format("opentype"); font-display:swap; }
@font-face{ font-family:"Thunderstrike Half"; src:url("../../../-footage-/fonts/thunderstrikehalf.ttf") format("truetype"); font-display:swap; }

/* Colors & effects */
#about-typewriter .violet{ color:#a78bfa; text-shadow:0 0 14px rgba(167,139,250,.28); }
#about-typewriter .pink{ color:#f472b6; text-shadow:0 0 14px rgba(244,114,182,.28); }
#about-typewriter .grad-violet-pink{ background:linear-gradient(90deg,#7c5cff 0%,#f472b6 100%); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:none; }
#about-typewriter .glow-strong{ text-shadow:0 0 8px rgba(167,139,250,.38), 0 0 18px rgba(244,114,182,.28); }

/* Bold name (non-titles) */
#about-typewriter .name-inline{ font-weight:700; }

/* Controls */
.va-about__frame > .va-typewriter-controls{
  position:absolute; top:var(--reveal-pad-y); right:var(--reveal-pad-x);
  z-index:1000; display:flex; gap:6px; margin:0; padding:0;
}
.va-typewriter__btn{
  appearance:none; background:rgba(18,16,24,.55); border:1px solid rgba(199,146,234,.9);
  color:#fdfdf4; padding:4px 10px; font:600 .76rem system-ui,-apple-system, Segoe UI, Roboto, Arial, sans-serif;
  border-radius:6px; cursor:pointer; backdrop-filter:blur(3px);
}

/* Cursor */
#about-typewriter .cursor-block{ display:inline-block; width:.6ch; height:1em; background:#fdfdf4; vertical-align:-.12em; margin-left:.02em; animation:blockBlink 1.05s steps(1) infinite; }
@keyframes blockBlink{ 0%,49%{opacity:1} 50%,100%{opacity:0} }