/* ==========================================================================
   Prism Universe CMS additions for the desktop design.
   The design's own CSS (style.css, responsive.css) is unchanged apart from
   asset paths; everything the CMS needs on top of it lives here.
   ========================================================================== */

/* <main> wraps the sections for accessibility without changing the layout */
.pu-main { display: contents; }

/* Inner pages (Privacy Policy, Terms, 404): heading + prose in the design's language */
.pu-page {
  position: relative;
  padding: 11rem 0 6rem;
  min-height: 70vh;
  background: #0b1126 url("../../img/founder-bg.jpg") center top / cover no-repeat;
  color: #fff;
}
.pu-page-more { min-height: 0; padding-top: 0; background: #0b1126; }
.pu-page-title { margin-bottom: 1.5rem; }
.pu-page-intro { font-size: 1.15rem; color: rgba(255, 255, 255, .78); max-width: 46rem; margin-bottom: 2.5rem; }
.pu-prose { max-width: 46rem; color: rgba(255, 255, 255, .82); font-size: 1.02rem; line-height: 1.75; }
.pu-prose h2, .pu-prose h3, .pu-prose-heading { color: #fff; font-weight: 700; margin: 2.4rem 0 1rem; }
.pu-prose h2, .pu-prose-heading { font-size: 1.6rem; }
.pu-prose h3 { font-size: 1.25rem; }
.pu-prose a { color: #a9b8ff; }
.pu-prose ul, .pu-prose ol { padding-left: 1.3rem; }
.pu-prose li { margin-bottom: .4rem; }
.pu-inner .site-footer { padding-top: 5rem; }
.pu-404 .btn-prism { margin-top: .5rem; }

/* A team member without a photo: initials in the portrait frame */
.pu-initials {
  display: grid; place-items: center; width: 100%; height: 100%; aspect-ratio: 4 / 5;
  background: radial-gradient(circle at 30% 20%, rgba(160, 120, 255, .45), transparent 60%), linear-gradient(160deg, #1b2a6b, #0b1126);
}
.pu-initials span { font-size: 3rem; font-weight: 700; letter-spacing: .06em; color: #fff; }

/* A press headline that links to the article keeps the design's look */
.pu-plain-link { color: inherit; text-decoration: none; }
.pu-plain-link:hover { text-decoration: underline; }

/* Buttons whose link is not available yet */
.btn[aria-disabled="true"] { cursor: default; }

/* Without the Journey box (hidden, or inner pages) the footer needs no room for it */
.pu-no-journey .site-footer { padding-top: 5rem; }
