.story-vis .ph{height:440px}
.transp{background:var(--green-800);color:#eaf2ec;border-radius:var(--r-xl);padding:clamp(34px,5vw,60px);position:relative;overflow:hidden}
.transp .deco{position:absolute;inset:0;opacity:.4;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.1) 1px,transparent 0);background-size:28px 28px}
.transp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.transp-grid .t{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:24px}
.transp-grid .t .v{font-family:var(--font-display);font-weight:700;font-size:2rem;color:var(--gold)}
.transp-grid .t .l{color:#bfd6c9;font-size:.95rem;margin-top:4px}
.patron{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(28px,4vw,44px);box-shadow:var(--shadow)}
.patron .badge{width:120px;height:120px;background:var(--cream);border-radius:24px;padding:14px;border:1px solid var(--line)}
@media (max-width:880px){.story-vis .ph{height:300px}.transp-grid{grid-template-columns:1fr}.patron{grid-template-columns:1fr;text-align:center}.patron .badge{margin-inline:auto}}