.quarto-title-block, .quarto-title-banner {
  display: none !important;
}

/* --- Parallax Split Cover --- */
.fwl-cover {
  --radius: 20px;
  --pad: clamp(18px, 3vw, 36px);
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
  margin: 1.25rem 0 1.75rem;
  min-height: clamp(320px, 42vw, 520px);
  display: grid;
  box-shadow: 0 22px 55px rgba(0,0,0,.20);
  isolation: isolate;
  background: #0e1226;
}

/* parallax image layer, from inline `--cover-url` */
.fwl-cover::before {
  content: "";
  position: absolute;
  inset: -10% -6% -18% -6%;
  background-image: var(--cover-url);
  background-size: cover;
  background-position: center;
  transform: translateY(var(--parallax, 0px)) scale(1.06);
  will-change: transform;
  filter: saturate(1.08) contrast(1.06);
  z-index: 0;
}

/* color overlay + vignette */
.fwl-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(900px 420px at 14% 18%, rgba(255,255,255,.13), rgba(255,255,255,0) 62%),
    radial-gradient(900px 520px at 90% 10%, rgba(148,116,255,.18), rgba(148,116,255,0) 58%),
    linear-gradient(100deg, rgba(14,18,38,.92), rgba(14,18,38,.55) 52%, rgba(14,18,38,.90));
  z-index: 1;
}

.fwl-cover-inner {
  position: relative;
  z-index: 2;
  padding: var(--pad);
  display: grid;
  gap: 14px;
  align-items: end;
}

@media (min-width: 900px) {
  .fwl-cover-inner {
    grid-template-columns: 1.25fr 0.95fr;
    gap: 18px;
    align-items: stretch;
  }
}

/* left side */
.fwl-lead {
  display: grid;
  align-content: end;
  gap: 12px;
}

.fwl-kicker {
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(255,255,255,.78);
}

.fwl-title {
  margin: 0;
  letter-spacing: -0.02em;
  line-height: 1.03;
  font-weight: 900;
  font-size: clamp(34px, 3.6vw, 56px);
  color: rgba(255,255,255,.98);
  text-shadow: 0 12px 44px rgba(0,0,0,.42);
}

.fwl-subtitle {
  margin: 0;
  font-size: clamp(14px, 1.45vw, 18px);
  color: rgba(255,255,255,.88);
  max-width: 46ch;
}

.fwl-chiprow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.fwl-chip {
  font-size: 12px;
  letter-spacing: .02em;
  padding: 6px 10px;
  border-radius: 999px;
  color: rgba(255,255,255,.92);
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
}

/* right side panel */
.fwl-panel {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 16px;
  padding: clamp(14px, 2.4vw, 22px) clamp(16px, 3vw, 26px);
  display: grid;
  align-content: center;
  gap: 12px;
}

.fwl-panel h3 {
  margin: 0;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.78);
}

.fwl-metric {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: start;
}

.fwl-metric .num {
  font-weight: 900;
  font-size: 22px;
  line-height: 1;
  color: rgba(255,255,255,.96);
  text-shadow: 0 10px 36px rgba(0,0,0,.35);
}

.fwl-metric .txt {
  color: rgba(255,255,255,.86);
  font-size: 13px;
  line-height: 1.35;
}

.fwl-eq {
  font-size: 14px;
  color: rgba(255,255,255,.92);
  line-height: 1.35;
}

/* subtle animated grain for depth */
.fwl-grain {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: .10;
  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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
  mix-blend-mode: overlay;
}

@media (prefers-reduced-motion: reduce) {
  .fwl-cover::before { transform: scale(1.06); }
}
