/* mit-poster.css */
:root {
    --poster-bg: #05040a;
    --text-color: #f5f5f5;
    --subtitle-color: #d0d0d0;
  }
  
  /* Center the poster on the page (optional) */
  body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
  }
  
  .poster {
    position: relative;
    width: min(420px, 80vw);
    aspect-ratio: 3 / 4;
    background: var(--poster-bg);
    overflow: hidden;
  }
  
  /* Canvas fills the whole plate */
  #mit-plate {
    width: 100%;
    height: 100%;
    display: block;
  }
  
  /* CRT vertical scanlines */
  .poster::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
  
    /* vertical repeating stripes */
    background-image:
      repeating-linear-gradient(
        to right,
        rgba(0, 0, 0, 0.45) 0px,
        rgba(0, 0, 0, 0.45) 1px,
        transparent 1px,
        transparent 3px
      );
    mix-blend-mode: multiply;
  }
  
  /* Text overlay */
  .poster-text {
    position: absolute;
    top: 9%;
    left: 11%;
    color: var(--text-color);
    font-size: 1.2rem;
    line-height: 1.15;
    letter-spacing: 0.03em;
  }
  
  .poster-subtitle {
    margin-top: 0.9rem;
    font-size: 0.45rem;
    line-height: 1.3;
    color: var(--subtitle-color);
    max-width: 10rem;
  }