/* ===== PPT-style slide (hero right) ===== */
.ppt-slide{
  width: min(560px, 42vw);
  aspect-ratio: 16 / 9;                 /* presentation feel */
  border-radius: 22px;
  padding: clamp(16px, 2.2vw, 28px);
  background:
    radial-gradient(140% 120% at 85% 10%, rgba(255,255,255,.65) 0 12%, transparent 45%),
    radial-gradient(120% 140% at 15% 85%, rgba(14,107,168,.12) 0 18%, transparent 52%),
    linear-gradient(145deg, var(--surface), #ffffff);
  box-shadow: var(--shadow-soft);
  color: var(--ink);
  overflow: hidden;
  isolation: isolate;
}

/* header */
.ppt-head{ margin-bottom: clamp(8px, 1.6vw, 16px); }
.ppt-title{                                 /* h1 inside the slide */
  font-size: clamp(22px, .2vw, 30px);
  line-height: 1.1;
  margin: 0 0 6px;
  font-weight: 500;
  letter-spacing: .01em;
  color: var(--ink);
}
.ppt-sub{                                   /* h4-style subtitle */
  margin: 0;
  font-size: clamp(14px, 1.25vw, 18px);
  line-height: 1.55;
  font-weight: 600;
  color: #4b5870;
}

/* bullets */
.ppt-bullets{
  list-style: none; margin: clamp(10px, 1.6vw, 14px) 0 0; padding: 0;
  display: grid; gap: clamp(6px, 1vw, 10px);
}
/* Bullet animation */
.ppt-bullets li {
  position: relative;
  padding-left: 1.4em;
  line-height: 1.45;
  color: var(--muted);
  font-size: clamp(13px, 1.05vw, 16px);
  opacity: 0;                          /* start hidden */
  transform: translateX(-12px);        /* slight slide-in */
  animation: bulletReveal .6s ease forwards;
}

/* Delay each bullet progressively */
.ppt-bullets li:nth-child(1){ animation-delay: 0.2s; }
.ppt-bullets li:nth-child(2){ animation-delay: 0.6s; }
.ppt-bullets li:nth-child(3){ animation-delay: 1.0s; }
.ppt-bullets li:nth-child(4){ animation-delay: 1.4s; }
.ppt-bullets li:nth-child(5){ animation-delay: 1.8s; }
.ppt-bullets li:nth-child(6){ animation-delay: 2.2s; }

@keyframes bulletReveal {
  from { opacity: 0; transform: translateX(-12px); }
  to   { opacity: 1; transform: translateX(0); }
}

.ppt-bullets li::before{
  content: ""; position: absolute; left: 0; top: .45em;
  width: .65em; height: .65em; border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #fff 0 45%, var(--brand));
  box-shadow: 0 0 0 2px rgba(14,107,168,.18);
}

/* responsive in the hero */
@media (max-width: 900px){
  .ppt-slide{
    width: min(520px, 88vw);
    aspect-ratio: auto;           /* allow natural height on small screens */
  }
}