/* Clean centered Hollywood design without background name */
* { box-sizing: border-box; margin: 0; padding: 0; }

body, h1, h2, h3, p, a, li {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif !important;
  color: #17151f;
}

body {
  background: radial-gradient(circle at top, #f9f7ff 0, #f1eef9 45%, #e3dfef 100%);
  padding: 18px;
}

.page { max-width: 880px; margin: 0 auto 64px auto; }

/* Hero */
.hero-centered { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 26px; }

.hero-photo img {
  width: 210px; height: 210px; object-fit: cover;
  border-radius: 999px;
  box-shadow: 0 20px 40px rgba(7,5,25,0.25);
  border: 4px solid #fff;
}

h1 { font-size: 28px; margin-top: 12px; font-weight: 600; }

.roles { margin-top: 6px; font-size: 14px; opacity: 0.9; }
.location { margin-top: 4px; font-size: 13px; opacity: 0.8; }

/* Chips */
.chip {
  display: inline-flex; padding: 7px 18px;
  border-radius: 999px; background: #fff;
  border: 1px solid rgba(40,24,120,0.06);
  text-decoration: none; color: #272336; font-size: 13px;
}

.nav-centered { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 16px; }

/* Cards */
.card {
  background: #fff; border-radius: 24px;
  padding: 20px; box-shadow: 0 14px 32px rgba(12,8,40,0.06);
  margin-bottom: 16px;
}

.card h2 { margin-bottom: 10px; font-size: 18px; font-weight: 600; }
.card ul { list-style: disc; padding-left: 20px; }
.card li + li { margin-top: 4px; }

.card a {
  color: #4f3de6; font-weight: 500; text-decoration: underline;
}