/* ═══ INTRO LOGO SPLASH ═══ */
  .intro {
    position:fixed; inset:0; z-index:200;
    display:flex; align-items:center; justify-content:center;
    background:
      radial-gradient(ellipse at 46% 40%, #f4e7cd 0%, #e9d9b8 38%, #dbc79d 68%, #c4ab7e 100%);
    overflow:hidden;
  }
  /* aged parchment blotches */
  .intro::before {
    content:'';
    position:absolute; inset:0;
    background-image:
      radial-gradient(ellipse 42% 30% at 12% 18%, rgba(150,110,58,0.16) 0%, transparent 70%),
      radial-gradient(ellipse 34% 26% at 88% 26%, rgba(132,95,48,0.14) 0%, transparent 72%),
      radial-gradient(ellipse 46% 34% at 74% 88%, rgba(120,84,40,0.15) 0%, transparent 70%),
      radial-gradient(ellipse 30% 22% at 22% 80%, rgba(160,120,66,0.12) 0%, transparent 72%);
    pointer-events:none;
  }
  /* fibre grain + vignette */
  .intro::after {
    content:'';
    position:absolute; inset:0;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)' opacity='0.16'/%3E%3C/svg%3E"),
      radial-gradient(ellipse at 50% 50%, transparent 40%, rgba(92,62,26,0.24) 100%);
    mix-blend-mode:multiply;
    pointer-events:none;
  }
  /* deep vignette: darkest brown at the rim, parchment light at the centre */
  .intro-vignette {
    position:absolute; inset:0;
    pointer-events:none;
    z-index:3;
    background:
      radial-gradient(ellipse 80% 68% at 50% 46%,
        rgba(26,15,4,0)    0%,
        rgba(26,15,4,0)    30%,
        rgba(62,37,13,0.13) 50%,
        rgba(50,29,10,0.34) 68%,
        rgba(36,20,7,0.60) 85%,
        rgba(23,12,3,0.84) 100%);
  }

  .intro.leaving { animation:introOut 0.7s ease both; }
  @keyframes introOut { from { opacity:1; } to { opacity:0; visibility:hidden; } }

  .intro-inner { position:relative; width:min(80vw, 340px); z-index:2; }
  .intro-video { width:100%; display:block; }