/* ============================================================================ Privia-specific slides. Two sections, both scoped so nothing here can reach the shared deck chassis: .pcare — "In primary care, the diagnosis code decides the patient's cost share." A dark slide, sits between The Protocol and The Product. .proof — Consensus Health + Allied Physicians Group, the two athenaOne physician networks closest to Privia's shape. Blue band slide, sits between Storefront and Proven at scale. Class prefixes .pcare / .proof were checked against styles.css for collisions before use (the deck's own price-equation slide is .pcalc, which is close enough to be worth saying out loud — do not shorten .pcare to .pc). Requires, in , after skylight-overlay.css: No JS. Both slides use the deck's own .reveal/data-d entrance mechanism. ========================================================================= */ /* ---------- Slide 05 — the coding example, inside the check-out desk copy column ---------- Lives in .cko__copy (36% of the slide, max-width 34ch by default), so the two claims stack rather than sitting side by side, and the descriptive prose is gone: the codes and the two amounts carry it. Widened slightly here because two code rows need the room. */ .s-pcare .cko { grid-template-columns: 40% minmax(0, 1fr); } .s-pcare .cko__copy { max-width: 42ch; } .pcare__split { display: grid; grid-template-columns: 1fr; gap: clamp(8px, 1.2vh, 14px); margin-top: clamp(12px, 2vh, 22px); } .pcare__claim { border: 1px solid rgba(255,255,255,.28); border-radius: 4px; padding: clamp(9px, 1.3vh, 15px) clamp(11px, 1.1vw, 18px); display: flex; flex-direction: column; gap: clamp(5px, .8vh, 9px); background: rgba(255,255,255,.09); } .pcare__claim--b { border-color: rgba(255,255,255,.62); background: rgba(255,255,255,.17); } .pcare__tag { font-size: 9.5px; letter-spacing: .16em; color: rgba(255,255,255,.72); } .pcare__claim--b .pcare__tag { color: #fff; } .pcare__codes { display: flex; flex-wrap: wrap; gap: 4px; } .pcare__code { font-family: var(--mono); font-size: clamp(9px, .72vw, 11.5px); letter-spacing: -.01em; color: rgba(255,255,255,.88); border: 1px solid rgba(255,255,255,.34); border-radius: 3px; padding: 2px 5px; white-space: nowrap; } .pcare__claim--b .pcare__code--new { border-color: #fff; color: #fff; background: rgba(255,255,255,.14); } .pcare__amtrow { display: flex; align-items: baseline; gap: 9px; flex-wrap: wrap; } .pcare__amt { font-size: clamp(24px, 2.4vw, 38px); font-weight: 400; letter-spacing: -.02em; line-height: 1; font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; color: #fff; } .pcare__amtnote { font-size: clamp(9.5px, .78vw, 12px); line-height: 1.4; color: rgba(255,255,255,.8); } @media (max-width: 1000px) { .s-pcare .cko { grid-template-columns: 1fr; } .s-pcare .cko__copy { max-width: none; } .pcare__split { grid-template-columns: 1fr 1fr; } } @media (max-width: 600px) { .pcare__split { grid-template-columns: 1fr; } } /* ---------- Slide 07 — proof: Consensus Health + Allied Physicians Group ---------- White cards on the blue band, matching the Storefront and check-out cards rather than the translucent-white overlay this started as. The overlay meant customer logos needed a plate behind them to read; a real white surface lets both marks sit in their own colours with nothing around them, and the text inside flips dark to suit. Slide-level copy (eyebrow, title, footer) stays white on the band. */ .s-proof { color: #fff; } .proof { width: min(1560px, 100%); } .proof__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(14px, 2vw, 34px); margin-top: clamp(16px, 2.6vh, 34px); } .proof__panel { background: #fff; border: none; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,20,55,.12), 0 25px 60px rgba(0,20,55,.14); padding: clamp(16px, 2.2vh, 28px) clamp(16px, 1.6vw, 28px); display: flex; flex-direction: column; gap: clamp(9px, 1.3vh, 16px); } /* Customer wordmarks in their own colours, straight on the white card. Knocking them out to white (the Scale slide's marquee treatment) was tried first and failed at panel scale — the Consensus circle became a blob and Allied's "physicians group" sub-line vanished. Heights are per logo, not shared: Consensus is a single 4.6:1 line, Allied is a 2.5:1 stacked mark, so a common height leaves Allied looking half the size. */ .proof__logo { display: block; width: auto; object-fit: contain; object-position: left center; align-self: flex-start; } .proof__logo--consensus { height: clamp(26px, 2.6vh, 34px); max-width: 220px; } .proof__logo--allied { height: clamp(38px, 3.8vh, 50px); max-width: 210px; } /* Second intro paragraph on the primary-care slide: the problem line states the gap, this one states what we do about it. Held apart from the first so they don't read as one block. */ .s-pcare .prod__intro--ans { margin-top: clamp(8px, 1.2vh, 14px); color: #fff; font-weight: 500; } .proof__who { font-size: 10px; letter-spacing: .14em; color: #6B7480; } .proof__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(8px, 1.2vh, 16px) clamp(10px, 1.2vw, 20px); } .proof__stat { border-top: 1px solid #E2E6EB; padding-top: clamp(5px, .8vh, 9px); } .proof__val { display: block; font-size: clamp(22px, 2.5vw, 40px); font-weight: 400; letter-spacing: -.02em; line-height: 1.05; color: #0F1420; font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; } .proof__key { display: block; font-size: clamp(10px, .8vw, 12.5px); line-height: 1.45; color: #5B6570; margin-top: 4px; } /* Direction glyph. The panels mix a Superscript result with the pre-go-live decline that result is measured against, so the arrow has to be able to point both ways: --down marks the "before" state and is held back so it never reads as one of our outcomes. */ .proof__dir { font-style: normal; font-size: .5em; line-height: 1; margin-right: .16em; position: relative; top: -.18em; color: #0098ff; } .proof__dir--down { color: #A7B0BA; } /* One hero stat per panel, so the eye lands on the outcome before the supporting figures. */ .proof__stat--hero { grid-column: 1 / -1; border-top-color: #C9D1DA; } .proof__stat--hero .proof__val { font-size: clamp(34px, 3.9vw, 62px); color: #0098ff; } .proof__stat--hero .proof__key { font-size: clamp(11px, .88vw, 14px); color: #2A3340; max-width: 46ch; } /* The pre-go-live baseline is context, not a claim. Hold it back from the rest. */ .proof__stat--was .proof__val { color: #8A939B; } .proof__stat--was .proof__key { color: #8A939B; } .proof__body { font-size: clamp(11px, .95vw, 15px); line-height: 1.55; color: #2A3340; margin: auto 0 0; } .proof__link { display: inline-block; font-size: clamp(10px, .8vw, 12.5px); letter-spacing: .06em; color: #0098ff; text-decoration: none; border-bottom: 1px solid rgba(0,152,255,.45); padding-bottom: 2px; align-self: flex-start; } @media (max-width: 1000px) { .proof__grid { grid-template-columns: 1fr; } } @media (max-width: 620px) { .proof__stats { grid-template-columns: 1fr 1fr; } }