/* Slide 01 — Cover */

.slide-cover {
  padding: 0;
}

/* Hero logo top-left — confident, not gigantic */
.slide-cover .cover-logo {
  position: absolute;
  top: 92px;
  left: 96px;
  height: 88px;
  width: auto;
  z-index: 3;
}

/* Upper-right corner mark */
.slide-cover .cover-corner {
  position: absolute;
  top: 130px;
  right: 96px;
  display: flex;
  gap: 16px;
  align-items: center;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--cream);
  opacity: 0.78;
  z-index: 3;
}
.slide-cover .cover-corner .cm-x {
  color: var(--orange);
  font-weight: 800;
  opacity: 0.9;
}
.slide-cover .cover-corner .cm-sep {
  opacity: 0.45;
}

/* Decorative dial arc — anchored off-screen right */
.slide-cover .cover-dial {
  position: absolute;
  width: 1320px;
  height: 1320px;
  right: -360px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  opacity: 0.85;
}

/* Headline block — left aligned, raised above center to clear footer */
.slide-cover .cover-headline-block {
  position: absolute;
  left: 96px;
  top: 312px;
  width: 1280px;
  z-index: 3;
}

.slide-cover .cover-eyebrow {
  display: flex;
  align-items: center;
  gap: 18px;
  font-size: 24px;
  color: var(--cream);
  opacity: 0.9;
  margin-bottom: 44px;
}
.slide-cover .cover-eyebrow .dot {
  width: 12px; height: 12px; border-radius: 50%;
  background: var(--orange);
  box-shadow: 0 0 18px rgba(252,138,20,0.85);
}
.slide-cover .cover-eyebrow .sep {
  color: var(--orange);
  font-weight: 800;
  opacity: 0.6;
}

.slide-cover .cover-headline {
  font-size: 232px;
  line-height: 0.92;
  letter-spacing: -0.035em;
  margin: 0;
  color: var(--white);
}

/* Orange hairline at headline baseline — edge to edge */
.slide-cover .cover-rule {
  position: absolute;
  left: -96px;
  right: -96px;
  margin-top: 32px;
  height: 1px;
  background: var(--orange);
  box-shadow: 0 0 18px rgba(252,138,20,0.45);
  z-index: 3;
}

.slide-cover .cover-subhead {
  margin: 56px 0 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.32;
  color: var(--cream);
  max-width: 1100px;
  letter-spacing: -0.005em;
}

/* Lower-left footer */
.slide-cover .cover-footer {
  position: absolute;
  left: 96px;
  bottom: 96px;
  display: flex;
  align-items: center;
  gap: 28px;
  font-size: 24px;
  color: var(--orange);
  letter-spacing: 0.18em;
  z-index: 3;
}
.slide-cover .cover-footer .cf-piece {
  display: inline-flex;
  align-items: baseline;
  gap: 12px;
}
.slide-cover .cover-footer .cf-key {
  color: var(--cream);
  opacity: 0.55;
  font-weight: 600;
}
.slide-cover .cover-footer .cf-val {
  color: var(--orange);
  font-weight: 800;
  letter-spacing: 0.16em;
}
.slide-cover .cover-footer .cf-bullet {
  color: var(--cream);
  opacity: 0.4;
}

/* Lower-right — VU meter ornament above the logo bug */
.slide-cover .cover-vu {
  position: absolute;
  right: 96px;
  bottom: 168px;
  display: flex;
  gap: 4px;
  align-items: flex-end;
  z-index: 3;
}
.slide-cover .cover-vu .seg {
  display: block;
  width: 6px;
  height: 18px;
  background: rgba(245,239,228,0.18);
  border-radius: 1px;
}
.slide-cover .cover-vu .seg:nth-child(1)  { height: 6px; }
.slide-cover .cover-vu .seg:nth-child(2)  { height: 8px; }
.slide-cover .cover-vu .seg:nth-child(3)  { height: 10px; }
.slide-cover .cover-vu .seg:nth-child(4)  { height: 12px; }
.slide-cover .cover-vu .seg:nth-child(5)  { height: 14px; }
.slide-cover .cover-vu .seg:nth-child(6)  { height: 16px; }
.slide-cover .cover-vu .seg:nth-child(7)  { height: 18px; }
.slide-cover .cover-vu .seg:nth-child(8)  { height: 20px; }
.slide-cover .cover-vu .seg:nth-child(9)  { height: 22px; }
.slide-cover .cover-vu .seg:nth-child(10) { height: 24px; }
.slide-cover .cover-vu .seg:nth-child(11) { height: 26px; }
.slide-cover .cover-vu .seg:nth-child(12) { height: 28px; }
.slide-cover .cover-vu .seg:nth-child(13) { height: 30px; }
.slide-cover .cover-vu .seg:nth-child(14) { height: 32px; }
.slide-cover .cover-vu .seg.lit {
  background: var(--orange);
  box-shadow: 0 0 10px rgba(252,138,20,0.55);
}

/* Logo bug bottom-right — present even on cover (smaller) */
.slide-cover::after {
  /* allow ::after used by field-dark vignette to remain; logo bug below as element */
}
.slide-cover .logo-bug-cover {
  position: absolute;
  right: 96px;
  bottom: 96px;
  height: 56px;
  width: auto;
  opacity: 0.95;
  z-index: 3;
}