/* End CTA round 2: the universal closing CTA (Nov 4, 2026, claude-site, LOCAL draft only). Scoped to .tif-enduni, which only draft page 855 renders.
   Existing dark panel. Buttons: .tif-pcta-btn (17px, original coral #f16251 pill, equal), made white-label on dark by end-cta-options.css. */
.tif-enduni .tif-commercial-cta__copy h2 { margin-top: 0; }
.tif-enduni .tif-commercial-cta__body p { margin: 0; }
.tif-enduni .tif-commercial-cta__body { max-width: 52ch; }

/* (A) side-by-side: the brand line fills the left column as display type. */
.tif-enduni__brand-col { display: flex; align-items: center; container-type: inline-size; }
/* Sized to the column (cqi), so "Built around you." stays on one line at every width. */
.tif-enduni__brand { font-family: "PP Fragment Glare", Georgia, serif; color: #fff; font-size: clamp(34px, 12.4cqi, 72px); letter-spacing: -0.03em; line-height: 1; margin: 0; width: 100%; }
.tif-enduni__brand span { display: block; white-space: nowrap; }
.tif-enduni--a .tif-commercial-cta__copy { display: flex; flex-direction: column; justify-content: center; }
@media (min-width: 768px) {
  .tif-enduni--a .tif-commercial-cta__panel { grid-template-columns: 5fr 7fr; /* round 3 (Jen, Nov 4): left a little smaller, brand line scaled to fit */ }
  .tif-enduni--a .tif-enduni__brand-col, .tif-enduni--a .tif-commercial-cta__copy { padding: 56px !important; }
}

/* (B) single column, centred: headline, short body, and the button(s). */
.tif-enduni--b .tif-commercial-cta__panel { grid-template-columns: 1fr; background: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0) 60%), linear-gradient(135deg, #191919, #090909 55%, #191919); }
.tif-enduni__single { padding: 56px 40px; text-align: center; }
.tif-enduni__single h2 { margin-inline: auto; }
.tif-enduni__single .tif-commercial-cta__body { margin-inline: auto; }
.tif-enduni__single .tif-endcta__buttons { justify-content: center; }
@media (max-width: 767.98px) {
  .tif-enduni__single { padding: 40px 24px; }
  .tif-enduni__single .tif-endcta__buttons { align-items: center; }
  .tif-enduni .tif-endcta__buttons .tif-pcta-btn { width: 100%; }
}
