@font-face {
  font-family: "Studio Inter Display";
  src: url("https://framerusercontent.com/assets/bHYNJqzTyl2lqvmMiRRS6Y16Es.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Studio Inter Display";
  src: url("https://framerusercontent.com/assets/qITWJ2WdG0wrgQPDb8lvnYnTXDg.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "Studio Instrument Serif";
  src: url("https://fonts.gstatic.com/s/instrumentserif/v5/jizBRFtNs2ka5fXjeivQ4LroWlx-2zcZj1bIkNo.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

html.current-site-theme {
  --studio-black: #050505;
  --studio-ink: #111111;
  --studio-white: #f4f4f0;
  --studio-paper: #ecece7;
  --studio-gray: #777773;
  --studio-line: rgba(17, 17, 17, 0.2);
  --studio-line-dark: rgba(255, 255, 255, 0.22);
  font-family: "Studio Inter Display", Arial, sans-serif;
  letter-spacing: 0;
}

.current-site-theme body,
.current-site-theme button,
.current-site-theme input,
.current-site-theme select,
.current-site-theme textarea {
  font-family: "Studio Inter Display", Arial, sans-serif;
  letter-spacing: 0;
}

.current-site-theme .current-wordmark {
  display: inline-flex;
  align-items: flex-start;
  color: inherit;
  font-family: "Studio Inter Display", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.current-site-theme .current-wordmark sup {
  margin: -0.12em 0 0 0.08em;
  font-size: 0.54em;
  line-height: 1;
}

.current-site-theme .brand img {
  display: none;
}

.current-site-theme .eyebrow,
.current-site-theme .section-kicker,
.current-site-theme .section-number,
.current-site-theme .chapter-number,
.current-site-theme .index-label,
.current-site-theme .context-label {
  font-family: "Studio Inter Display", Arial, sans-serif;
  letter-spacing: 0;
}

.current-site-theme :focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

/* Authentication */
.current-site-theme body:has(.login-page) {
  color: var(--studio-ink);
  background: var(--studio-black);
}

.current-site-theme .login-page {
  --page: var(--studio-black);
  --surface: var(--studio-white);
  --surface-soft: rgba(17, 17, 17, 0.06);
  --border: rgba(17, 17, 17, 0.22);
  --border-strong: rgba(17, 17, 17, 0.52);
  --text: var(--studio-ink);
  --muted: rgba(17, 17, 17, 0.64);
  --quiet: rgba(17, 17, 17, 0.46);
  --orange: var(--studio-ink);
  --red: var(--studio-ink);
  --danger: #9b2222;
  --focus: var(--studio-ink);
}

.current-site-theme .login-page .site-header {
  height: 82px;
  padding: 0 34px;
  color: var(--studio-white);
  background: var(--studio-black);
  border-bottom: 1px solid var(--studio-line-dark);
}

.current-site-theme .login-page .brand,
.current-site-theme .login-page .back-link {
  color: var(--studio-white);
  text-shadow: none;
}

.current-site-theme .login-main {
  min-height: 100vh;
  padding: 150px 28px 68px;
  background: var(--studio-black);
}

.current-site-theme .login-surface {
  width: min(540px, 100%);
  padding: 46px 48px 42px;
  background: var(--studio-white);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
}

.current-site-theme .login-heading h1,
.current-site-theme .signup-success h2 {
  font-family: "Studio Inter Display", Arial, sans-serif;
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 500;
  line-height: 1.03;
}

.current-site-theme .login-page:not(.signup-page) .login-heading h1 {
  white-space: normal;
}

.current-site-theme .login-page .eyebrow {
  color: var(--studio-ink);
}

.current-site-theme .login-page .eyebrow span {
  width: 18px;
  height: 1px;
  background: var(--studio-ink);
  border-radius: 0;
  box-shadow: none;
}

.current-site-theme .login-page input {
  color: var(--studio-ink);
  -webkit-text-fill-color: var(--studio-ink);
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(17, 17, 17, 0.42);
  border-radius: 0;
}

.current-site-theme .login-page input::placeholder,
.current-site-theme .application-page input::placeholder,
.current-site-theme .application-page textarea::placeholder {
  color: rgba(17, 17, 17, 0.64);
  -webkit-text-fill-color: rgba(17, 17, 17, 0.64);
  opacity: 1;
}

.current-site-theme .login-page input:focus {
  background: rgba(17, 17, 17, 0.035);
  border-color: var(--studio-ink);
  box-shadow: none;
}

.current-site-theme .login-page input:-webkit-autofill,
.current-site-theme .login-page input:-webkit-autofill:hover,
.current-site-theme .login-page input:-webkit-autofill:focus,
.current-site-theme .login-page input:-webkit-autofill:active,
.current-site-theme .application-page input:-webkit-autofill,
.current-site-theme .application-page input:-webkit-autofill:hover,
.current-site-theme .application-page input:-webkit-autofill:focus,
.current-site-theme .application-page input:-webkit-autofill:active {
  color: var(--studio-ink) !important;
  -webkit-text-fill-color: var(--studio-ink) !important;
  caret-color: var(--studio-ink);
  background: #deded9 !important;
  -webkit-box-shadow: 0 0 0 1000px #deded9 inset !important;
  box-shadow: 0 0 0 1000px #deded9 inset !important;
  transition: background-color 99999s ease-out 0s;
}

.current-site-theme .login-page .submit-button,
.current-site-theme .signup-success a {
  min-height: 52px;
  color: var(--studio-white);
  background: var(--studio-black);
  border: 1px solid var(--studio-black);
  border-radius: 0;
  box-shadow: none;
}

.current-site-theme .login-page .submit-button:hover,
.current-site-theme .signup-success a:hover {
  color: var(--studio-black);
  background: transparent;
}

.current-site-theme .context-privacy {
  border-radius: 0;
}

.current-site-theme .signup-shell {
  width: min(1120px, 100%);
  border: 1px solid var(--studio-line-dark);
  border-radius: 0;
  overflow: hidden;
}

.current-site-theme .signup-surface {
  width: auto;
  min-width: 0;
}

.current-site-theme .login-context {
  color: var(--studio-white);
  background: var(--studio-black);
  border: 0;
  border-left: 1px solid var(--studio-line-dark);
  border-radius: 0;
}

.current-site-theme .login-context h2 {
  font-family: "Studio Instrument Serif", Georgia, serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1;
  white-space: normal;
}

.current-site-theme .login-context li span {
  color: rgba(244, 244, 240, 0.68);
}

.current-site-theme .signup-surface .login-heading > p:last-child,
.current-site-theme .field-group label,
.current-site-theme .field-label-row label,
.current-site-theme .field-note,
.current-site-theme .terms-check,
.current-site-theme .terms-check a,
.current-site-theme .login-help,
.current-site-theme .login-help a {
  color: var(--studio-ink);
}

.current-site-theme .signup-password-toggle {
  color: rgba(17, 17, 17, 0.62);
}

.current-site-theme .signup-password-toggle:hover,
.current-site-theme .signup-password-toggle:focus-visible {
  color: var(--studio-ink);
}

.current-site-theme .terms-check input {
  accent-color: var(--studio-ink);
}

.current-site-theme .guest-entry {
  border-color: rgba(17, 17, 17, 0.22);
}

.current-site-theme .guest-entry > span {
  color: rgba(17, 17, 17, 0.68);
  background: var(--studio-white);
}

.current-site-theme .guest-entry__button {
  color: var(--studio-ink);
  border-color: rgba(17, 17, 17, 0.42);
  border-radius: 0;
}

.current-site-theme .guest-entry__button:hover,
.current-site-theme .guest-entry__button:focus-visible {
  color: var(--studio-white);
  background: var(--studio-black);
  border-color: var(--studio-black);
}

.current-site-theme .guest-entry p {
  color: rgba(17, 17, 17, 0.68);
}

.current-site-theme .login-page .support-copy {
  color: rgba(17, 17, 17, 0.7);
}

/* Application */
.current-site-theme body:has(.application-page) {
  color: var(--studio-ink);
  background: var(--studio-paper);
}

.current-site-theme .application-page {
  --surface: var(--studio-white);
  --surface-strong: var(--studio-white);
  --surface-soft: rgba(17, 17, 17, 0.055);
  --border: rgba(17, 17, 17, 0.18);
  --border-strong: rgba(17, 17, 17, 0.4);
  --text: var(--studio-ink);
  --muted: rgba(17, 17, 17, 0.64);
  --quiet: rgba(17, 17, 17, 0.44);
  --orange: var(--studio-ink);
  --red: var(--studio-ink);
  --focus: var(--studio-ink);
  background: var(--studio-paper);
}

.current-site-theme .application-header {
  height: 82px;
  padding: 0 32px;
  color: var(--studio-white);
  background: var(--studio-black);
  border-color: var(--studio-line-dark);
  backdrop-filter: none;
}

.current-site-theme .application-header .brand,
.current-site-theme .application-header .exit-link {
  color: var(--studio-white);
}

.current-site-theme .application-sidebar {
  --text: var(--studio-white);
  --muted: rgba(244, 244, 240, 0.74);
  --quiet: rgba(244, 244, 240, 0.68);
  --surface-soft: rgba(255, 255, 255, 0.07);
  top: 82px;
  min-height: calc(100vh - 82px);
  color: var(--studio-white);
  background: var(--studio-black);
  border-color: var(--studio-line-dark);
  backdrop-filter: none;
}

.current-site-theme .application-sidebar .eyebrow,
.current-site-theme .application-sidebar .step-number,
.current-site-theme .application-sidebar .step-list button,
.current-site-theme .application-sidebar .sidebar-copy > p:last-child,
.current-site-theme .application-sidebar .sidebar-note {
  color: var(--muted);
}

.current-site-theme .application-sidebar .is-current button,
.current-site-theme .application-sidebar .is-complete button,
.current-site-theme .application-sidebar h1 {
  color: var(--studio-white);
}

.current-site-theme .application-sidebar .step-label {
  color: var(--quiet);
}

.current-site-theme .application-sidebar .is-current .step-label,
.current-site-theme .application-sidebar .is-complete .step-label {
  color: var(--studio-white);
}

.current-site-theme .application-sidebar .is-current::before {
  background: var(--studio-white);
}

.current-site-theme .application-main {
  background: var(--studio-paper);
}

.current-site-theme .form-surface {
  background: var(--studio-white);
  border-color: var(--studio-line);
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
}

.current-site-theme .step-heading h2,
.current-site-theme .success-state h2 {
  font-family: "Studio Instrument Serif", Georgia, serif;
  font-size: clamp(42px, 5vw, 68px);
  font-weight: 400;
  line-height: 0.98;
}

.current-site-theme .form-step .eyebrow,
.current-site-theme .success-state .eyebrow {
  color: var(--studio-ink);
}

.current-site-theme .application-page input,
.current-site-theme .application-page select,
.current-site-theme .application-page textarea {
  color: var(--studio-ink);
  background: transparent;
  border: 1px solid rgba(17, 17, 17, 0.3);
  border-radius: 0;
}

.current-site-theme .application-page input:focus,
.current-site-theme .application-page select:focus,
.current-site-theme .application-page textarea:focus {
  border-color: var(--studio-ink);
  box-shadow: none;
}

.current-site-theme .choice,
.current-site-theme .terms-panel,
.current-site-theme .agreement,
.current-site-theme .review-section,
.current-site-theme .application-id {
  border-radius: 0;
}

.current-site-theme .button--primary {
  color: var(--studio-white);
  background: var(--studio-black);
  border-color: var(--studio-black);
  border-radius: 0;
  box-shadow: none;
}

.current-site-theme .button--primary:hover {
  color: var(--studio-black);
  background: transparent;
}

.current-site-theme .button--secondary {
  color: var(--studio-ink);
  background: transparent;
  border-color: var(--studio-line);
  border-radius: 0;
}

.current-site-theme .application-footer,
.current-site-theme .application-footer a {
  color: rgba(17, 17, 17, 0.68);
}

.current-site-theme .application-footer a:hover,
.current-site-theme .application-footer a:focus-visible {
  color: var(--studio-ink);
}

/* Documentation */
.current-site-theme body:has(.documentation-layout) {
  --ink: var(--studio-ink);
  --ink-soft: #3f3f3c;
  --muted: #5f5f5b;
  --quiet: #5f5f5b;
  --paper: var(--studio-paper);
  --paper-bright: var(--studio-white);
  --paper-deep: #deded8;
  --rail: var(--studio-black);
  --rail-soft: #111111;
  --rail-text: var(--studio-white);
  --rail-muted: rgba(244, 244, 240, 0.72);
  --line: var(--studio-line);
  --line-dark: var(--studio-line-dark);
  --orange: var(--studio-ink);
  --red: var(--studio-ink);
  background: var(--studio-paper);
}

.current-site-theme .reading-progress span {
  background: var(--studio-ink);
}

.current-site-theme body:has(.documentation-layout) .site-header {
  height: 82px;
  padding: 0 32px;
  background: var(--studio-black);
  backdrop-filter: none;
}

.current-site-theme .document-sidebar {
  --orange: var(--studio-white);
  background: var(--studio-black);
}

.current-site-theme .document-sidebar .index-search input::placeholder,
.current-site-theme .document-sidebar .index-label,
.current-site-theme .document-sidebar .chapter-index a span,
.current-site-theme .document-sidebar .chapter-index a[data-planned] {
  color: rgba(244, 244, 240, 0.68);
}

.current-site-theme .document-hero h1,
.current-site-theme .chapter-header h2,
.current-site-theme .pathway-heading h2 {
  font-family: "Studio Instrument Serif", Georgia, serif;
  font-weight: 400;
  letter-spacing: 0;
}

.current-site-theme .document-hero h1 em {
  font-style: normal;
}

.current-site-theme .document-hero .eyebrow,
.current-site-theme .chapter-number,
.current-site-theme .chapter .section-kicker,
.current-site-theme .chapter .note-label {
  color: var(--studio-ink);
}

.current-site-theme .pathway .section-kicker,
.current-site-theme .plain-language-note .note-label,
.current-site-theme .boundary-note .note-label {
  color: var(--studio-white);
}

.current-site-theme .pathway,
.current-site-theme .plain-language-note,
.current-site-theme .boundary-note,
.current-site-theme .clarity-strip,
.current-site-theme .dashboard-frame,
.current-site-theme .cohort-status,
.current-site-theme .cohort-action,
.current-site-theme .final-action,
.current-site-theme .disclosures,
.current-site-theme .preview-end,
.current-site-theme .document-footer {
  --orange: var(--studio-white);
  --rail-muted: rgba(244, 244, 240, 0.72);
}

.current-site-theme .dashboard-grid span,
.current-site-theme .dashboard-stream span {
  color: rgba(244, 244, 240, 0.72);
}

.current-site-theme .chapter .cohort-action .section-kicker,
.current-site-theme .chapter .final-action .section-kicker {
  color: var(--studio-white);
}

.current-site-theme .apply-link {
  color: var(--studio-black);
  background: var(--studio-white);
  border: 1px solid var(--studio-white);
  border-radius: 0;
}

.current-site-theme .apply-link:hover {
  color: var(--studio-white);
  background: transparent;
}

.current-site-theme .download-link {
  text-decoration-color: currentColor;
}

.current-site-theme .pathway,
.current-site-theme .chapter,
.current-site-theme .facts > *,
.current-site-theme .criteria-grid > *,
.current-site-theme .team-map > *,
.current-site-theme .economics-ledger > *,
.current-site-theme .dashboard-frame {
  border-radius: 0;
}

.current-site-theme .chapter p,
.current-site-theme .chapter li {
  text-align: justify;
  text-justify: inter-word;
}

/* Creator portal */
.current-site-theme body:has(.portal-app) {
  --page: var(--studio-black);
  --sidebar: #0a0a0a;
  --surface: #111111;
  --surface-raised: #171717;
  --surface-hover: #1d1d1d;
  --text: var(--studio-white);
  --muted: rgba(244, 244, 240, 0.66);
  --quiet: rgba(244, 244, 240, 0.62);
  --border: var(--studio-line-dark);
  --border-strong: rgba(255, 255, 255, 0.4);
  --orange: var(--studio-white);
  --red: var(--studio-white);
  --green: #9fc4a6;
  --ink: var(--studio-ink);
}

.current-site-theme .portal-header,
.current-site-theme .portal-sidebar {
  background: var(--studio-black);
  backdrop-filter: none;
}

.current-site-theme .creator-avatar {
  color: var(--studio-black);
  background: var(--studio-white);
}

.current-site-theme .portal-app button,
.current-site-theme .portal-app input,
.current-site-theme .portal-app select,
.current-site-theme .portal-app textarea,
.current-site-theme .workspace-section,
.current-site-theme .phase-band,
.current-site-theme .partnership-section {
  border-radius: 0;
}

.current-site-theme .workspace-intro h1,
.current-site-theme .applicant-intro h1 {
  font-family: "Studio Instrument Serif", Georgia, serif;
  font-weight: 400;
}

.current-site-theme body.is-applicant-mode:has(.portal-app) {
  --orange: #d9c7ff;
  --red: #ff694b;
  --green: #c9dd8d;
}

.current-site-theme body.is-applicant-mode .applicant-intro h1,
.current-site-theme body.is-applicant-mode .application-record-band h2 {
  font-family: "Studio Inter Display", Arial, sans-serif;
  font-weight: 400;
}

.current-site-theme body.is-applicant-mode .workspace-section,
.current-site-theme body.is-applicant-mode .application-record-band,
.current-site-theme body.is-applicant-mode .applicant-process-panel,
.current-site-theme body.is-applicant-mode .applicant-resources,
.current-site-theme body.is-applicant-mode .applicant-intro,
.current-site-theme body.is-applicant-mode .applicant-visual {
  border-radius: 8px;
}

.current-site-theme body.is-applicant-mode .portal-app button,
.current-site-theme body.is-applicant-mode .portal-app input,
.current-site-theme body.is-applicant-mode .portal-app select,
.current-site-theme body.is-applicant-mode .portal-app textarea {
  border-radius: 6px;
}

/* Legal and blueprint */
.current-site-theme body:has(.legal-page) {
  --background: var(--studio-black);
  --surface: #111111;
  --text: var(--studio-white);
  --muted: rgba(244, 244, 240, 0.68);
  --quiet: rgba(244, 244, 240, 0.58);
  --border: var(--studio-line-dark);
  --orange: var(--studio-white);
  background: var(--studio-black);
}

.current-site-theme .legal-nav {
  background: var(--studio-black);
  backdrop-filter: none;
}

.current-site-theme .legal-brand img,
.current-site-theme .blueprint-loading img,
.current-site-theme .blueprint-error img,
.current-site-theme .loading-screen img,
.current-site-theme .error-screen img {
  display: none;
}

.current-site-theme .legal-nav__links .legal-apply {
  color: var(--studio-black);
  background: var(--studio-white);
  border: 1px solid var(--studio-white);
  border-radius: 0;
}

.current-site-theme .legal-hero h1,
.current-site-theme .blueprint-hero h1,
.current-site-theme .document-subtitle {
  font-family: "Studio Instrument Serif", Georgia, serif;
  font-style: normal;
  font-weight: 400;
}

.current-site-theme .legal-eyebrow {
  color: var(--studio-white);
}

.current-site-theme .blueprint-app .site-header {
  background: var(--studio-black);
  backdrop-filter: none;
}

@media (max-width: 760px) {
  .current-site-theme .login-page .site-header,
  .current-site-theme .application-header,
  .current-site-theme body:has(.documentation-layout) .site-header {
    height: 68px;
    padding-right: 18px;
    padding-left: 18px;
  }

  .current-site-theme .current-wordmark {
    font-size: 16px;
  }

  .current-site-theme .login-main {
    align-items: start;
    padding: 104px 14px 28px;
  }

  .current-site-theme .login-surface {
    padding: 32px 24px 28px;
  }

  .current-site-theme .login-context {
    border-top: 1px solid var(--studio-line-dark);
    border-left: 0;
  }

  .current-site-theme .application-page {
    grid-template-rows: 68px auto;
  }

  .current-site-theme .form-surface {
    margin: 0;
    border-right: 0;
    border-left: 0;
  }

  .current-site-theme #form-title,
  .current-site-theme .step-heading h2,
  .current-site-theme .success-state h2 {
    font-size: 44px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .current-site-theme .form-step[data-step="1"] .step-heading > p:last-child {
    white-space: normal;
  }

  .current-site-theme .chapter p,
  .current-site-theme .chapter li {
    text-align: left;
  }
}
