.theme-load {

  /* Load Theme Overrides */
  --site-primary: #20242A;
  --site-accent: #4F8CFF;
  --site-background: #F4F5F6;
  --site-surface: #FFFFFF;
  --site-text: #111318;
  --site-muted-text: #5E6673;
  --site-border: #D9DDE3;

  --site-heading-accent: #172033;
  --site-accent-strong: #FF4F6D;
  --site-accent-soft: #E8EEF8;
  --site-accent-contrast: #FFFFFF;
  --site-accent-highlight: #28D6B8;
  --site-accent-muted: #697386;

  --site-heading-font: "Montserrat", "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --site-body-font: "Karla", "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --site-type-display-color: var(--site-primary);
  --site-type-page-color: color-mix(in srgb, var(--site-primary) 82%, var(--site-accent));
  --site-type-section-color: color-mix(in srgb, var(--site-accent) 76%, var(--site-primary));
  --site-type-panel-color: var(--site-primary);
  --site-type-card-color: var(--site-accent-muted);
  --site-type-subsection-color: var(--site-accent-muted);
  --site-type-eyebrow-color: var(--site-accent-strong);

  --site-button-radius: .38rem;
  --site-button-border-width: 1px;
  --site-button-surface-overlay: linear-gradient(180deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .075) 38%, rgba(0, 0, 0, .04));
  --site-button-hover-surface-overlay: linear-gradient(180deg, rgba(255, 255, 255, .24), rgba(255, 255, 255, .085) 38%, rgba(0, 0, 0, .035));
  --site-button-active-surface-overlay: linear-gradient(180deg, rgba(0, 0, 0, .08), rgba(255, 255, 255, .08));
  --site-button-shadow-color: #111318;
  --site-card-radius: 1rem;
  --site-panel-radius: 1rem;
  --site-media-radius: 1rem;
  --site-pill-radius: 1rem;
  --site-form-radius: 0.65rem;

  --site-section-spacing: 8rem;
  --site-card-padding: clamp(1.35rem, 2.6vw, 2.25rem);
  --site-component-gap: 1.15rem;
}

/* ==========================================================
   Hand Editable Component Styles: Load
   Edit the normal CSS below when customising this theme.
   ========================================================== */


.theme-load .form-control,
.theme-load .form-select {
  border-radius: var(--site-form-radius);
}

.theme-load #creator-directory-grid {
  margin-top: 0px;
}

.theme-load .site-form-card {
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--site-accent) 10%, transparent), transparent 16rem),
    linear-gradient(180deg, #FFFFFF, color-mix(in srgb, #FFFFFF 88%, var(--site-accent-soft)));
  border-color: color-mix(in srgb, var(--site-primary) 16%, var(--site-border));
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .72) inset,
    0 .75rem 1.25rem color-mix(in srgb, var(--site-primary) 10%, transparent);
}

.theme-load .form-label {
  color: color-mix(in srgb, var(--site-primary) 86%, var(--site-accent));
  letter-spacing: .06em;
}

.theme-load .form-label:has(+ .form-control:required)::after,
.theme-load .form-label:has(+ .form-select:required)::after,
.theme-load .form-label:has(+ textarea.form-control:required)::after {
  color: var(--site-accent-strong);
}

.theme-load .form-control,
.theme-load .form-select {
  border-color: color-mix(in srgb, var(--site-primary) 18%, var(--site-border));
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .72) inset,
    0 .18rem .42rem color-mix(in srgb, var(--site-primary) 7%, transparent);
}

.theme-load .form-control:focus,
.theme-load .form-select:focus {
  border-color: var(--site-accent);
  box-shadow:
    0 0 0 .18rem color-mix(in srgb, var(--site-accent) 18%, transparent),
    0 .28rem .65rem color-mix(in srgb, var(--site-primary) 12%, transparent);
}

.theme-load .form-check-input:checked,
.theme-load .form-switch .form-check-input:checked {
  background-color: var(--site-accent-highlight);
  border-color: color-mix(in srgb, var(--site-accent-highlight) 74%, var(--site-primary));
  box-shadow:
    0 0 0 .16rem color-mix(in srgb, var(--site-accent-highlight) 20%, transparent),
    0 .32rem .75rem color-mix(in srgb, var(--site-accent-highlight) 18%, transparent);
}

.theme-load .form-check-input:focus {
  border-color: color-mix(in srgb, var(--site-accent-highlight) 74%, var(--site-primary));
  box-shadow: 0 0 0 .22rem color-mix(in srgb, var(--site-accent-highlight) 22%, transparent);
}

.theme-load .form-switch .form-check-input:checked:focus {
  box-shadow:
    0 0 0 .24rem color-mix(in srgb, var(--site-accent-highlight) 30%, transparent),
    0 .42rem .8rem color-mix(in srgb, var(--site-accent-highlight) 20%, transparent);
}

.theme-load .form-control.is-invalid,
.theme-load .form-select.is-invalid {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .84), rgba(255, 255, 255, .48)),
    color-mix(in srgb, var(--site-accent-strong) 8%, var(--site-surface));
  border-color: var(--site-accent-strong);
  box-shadow:
    0 0 0 .18rem color-mix(in srgb, var(--site-accent-strong) 16%, transparent),
    inset .24rem 0 0 var(--site-accent-strong);
}

.theme-load .form-control.is-valid,
.theme-load .form-select.is-valid {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .84), rgba(255, 255, 255, .48)),
    color-mix(in srgb, var(--site-accent-highlight) 9%, var(--site-surface));
  border-color: color-mix(in srgb, var(--site-accent-highlight) 78%, var(--site-primary));
  box-shadow:
    0 0 0 .16rem color-mix(in srgb, var(--site-accent-highlight) 16%, transparent),
    inset .24rem 0 0 var(--site-accent-highlight);
}

.theme-load .invalid-feedback {
  color: color-mix(in srgb, var(--site-accent-strong) 88%, var(--site-primary));
}

.theme-load .valid-feedback {
  color: color-mix(in srgb, var(--site-accent-highlight) 72%, var(--site-primary));
}

.theme-load .flash-toast--success {
  --flash-accent: var(--site-accent-highlight);
  --flash-text: color-mix(in srgb, var(--site-accent-highlight) 58%, var(--site-primary));
}

.theme-load .flash-toast--danger {
  --flash-accent: var(--site-accent-strong);
  --flash-icon-strength: 82%;
  --flash-text: color-mix(in srgb, var(--site-accent-strong) 62%, var(--site-text));
}

.theme-load .flash-toast--info {
  --flash-accent: var(--site-accent);
  --flash-icon-strength: 82%;
  --flash-text: var(--site-primary);
}

.theme-load .feedback-alert--success {
  --feedback-accent: var(--site-accent-highlight);
  --feedback-icon-bg: color-mix(in srgb, var(--site-accent-highlight) 82%, var(--site-primary));
  --feedback-text: color-mix(in srgb, var(--site-accent-highlight) 58%, var(--site-primary));
}

.theme-load .feedback-alert--danger,
.theme-load .feedback-validation {
  --feedback-accent: var(--site-accent-strong);
  --feedback-icon-bg: color-mix(in srgb, var(--site-accent-strong) 82%, var(--site-primary));
  --feedback-text: color-mix(in srgb, var(--site-accent-strong) 62%, var(--site-text));
}

.theme-load .feedback-alert--info {
  --feedback-accent: var(--site-accent);
  --feedback-icon-bg: color-mix(in srgb, var(--site-accent) 82%, var(--site-primary));
  --feedback-text: var(--site-primary);
}

.theme-load .feedback-pill--success {
  --feedback-accent: var(--site-accent-highlight);
  --feedback-pill-text: color-mix(in srgb, var(--site-accent-highlight) 58%, var(--site-primary));
}

.theme-load .feedback-pill--danger {
  --feedback-accent: var(--site-accent-strong);
  --feedback-pill-text: color-mix(in srgb, var(--site-accent-strong) 62%, var(--site-text));
}

.theme-load .feedback-pill--info {
  --feedback-accent: var(--site-accent);
  --feedback-pill-text: var(--site-primary);
}

.theme-load .btn-primary {
  --site-button-bevel-highlight: rgba(255, 255, 255, .1);
  --site-button-bevel-shade: rgba(17, 19, 24, .14);
  --site-button-hover-bevel-highlight: rgba(255, 255, 255, .12);
  --site-button-hover-bevel-shade: rgba(17, 19, 24, .14);
  --site-button-shadow-color: #4F8CFF;
  --bs-btn-bg: linear-gradient(135deg, #5D96FF, color-mix(in srgb, #4F8CFF 74%, #20242A));
  --bs-btn-border-color: color-mix(in srgb, color-mix(in srgb, #4F8CFF 82%, #FFFFFF) 58%, #FFFFFF);
  --bs-btn-hover-bg: linear-gradient(135deg, #6EA2FF, color-mix(in srgb, #4F8CFF 70%, #20242A));
  --bs-btn-hover-border-color: color-mix(in srgb, color-mix(in srgb, #6EA2FF 86%, #FFFFFF) 54%, #FFFFFF);
  --bs-btn-active-bg: linear-gradient(135deg, color-mix(in srgb, #4F8CFF 82%, #20242A), color-mix(in srgb, #4F8CFF 64%, #111318));
}

.theme-load .btn-accent {
  --bs-btn-bg: linear-gradient(135deg, #FF6A82, color-mix(in srgb, var(--site-accent-strong) 76%, #20242A));
  --bs-btn-border-color: color-mix(in srgb, var(--site-accent-strong) 82%, #FFFFFF);
  --bs-btn-color: #FFFFFF;
  --bs-btn-hover-bg: linear-gradient(135deg, #FF7B90, color-mix(in srgb, var(--site-accent-strong) 70%, #20242A));
  --bs-btn-hover-border-color: color-mix(in srgb, #FF7B90 86%, #FFFFFF);
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-active-bg: linear-gradient(135deg, color-mix(in srgb, var(--site-accent-strong) 82%, #20242A), color-mix(in srgb, var(--site-accent-strong) 64%, #111318));
  --bs-btn-active-color: #FFFFFF;
}

.theme-load .btn-warm {
  --bs-btn-bg: linear-gradient(135deg, var(--site-accent-highlight), color-mix(in srgb, var(--site-accent-highlight) 66%, var(--site-primary)));
  --bs-btn-border-color: color-mix(in srgb, var(--site-accent-highlight) 78%, #FFFFFF);
  --bs-btn-color: #111318;
  --bs-btn-hover-bg: linear-gradient(135deg, color-mix(in srgb, var(--site-accent-highlight) 88%, #FFFFFF), color-mix(in srgb, var(--site-accent-highlight) 58%, var(--site-primary)));
  --bs-btn-hover-border-color: color-mix(in srgb, var(--site-accent-highlight) 86%, #FFFFFF);
  --bs-btn-hover-color: #111318;
  --bs-btn-active-bg: linear-gradient(135deg, color-mix(in srgb, var(--site-accent-highlight) 66%, var(--site-primary)), color-mix(in srgb, var(--site-accent-highlight) 46%, #111318));
  --bs-btn-active-color: #FFFFFF;
}

.theme-load .btn-outline-warm {
  --bs-btn-bg: color-mix(in srgb, var(--site-accent-highlight) 12%, #FFFFFF);
  --bs-btn-border-color: color-mix(in srgb, var(--site-accent-highlight) 66%, var(--site-primary));
  --bs-btn-color: color-mix(in srgb, var(--site-primary) 76%, var(--site-accent-highlight));
  --bs-btn-hover-bg: linear-gradient(135deg, color-mix(in srgb, var(--site-accent-highlight) 28%, #FFFFFF), color-mix(in srgb, var(--site-accent-highlight) 18%, var(--site-accent-soft)));
  --bs-btn-hover-border-color: color-mix(in srgb, var(--site-accent-highlight) 76%, var(--site-primary));
  --bs-btn-hover-color: var(--site-primary);
  --bs-btn-active-bg: color-mix(in srgb, var(--site-accent-highlight) 36%, var(--site-accent-soft));
  --bs-btn-active-color: var(--site-primary);
}

.theme-load .btn-soft-warm {
  --bs-btn-bg: color-mix(in srgb, var(--site-accent-strong) 13%, #FFFFFF);
  --bs-btn-border-color: color-mix(in srgb, var(--site-accent-strong) 32%, #FFFFFF);
  --bs-btn-color: color-mix(in srgb, var(--site-accent-strong) 72%, var(--site-primary));
  --bs-btn-hover-bg: color-mix(in srgb, var(--site-accent-strong) 20%, #FFFFFF);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--site-accent-strong) 48%, #FFFFFF);
  --bs-btn-hover-color: color-mix(in srgb, var(--site-accent-strong) 82%, #111318);
  --bs-btn-active-bg: color-mix(in srgb, var(--site-accent-strong) 28%, var(--site-accent-soft));
  --bs-btn-active-color: color-mix(in srgb, var(--site-accent-strong) 78%, #111318);
}

.theme-load .btn-soft-teal {
  --bs-btn-bg: color-mix(in srgb, var(--site-accent-highlight) 18%, #FFFFFF);
  --bs-btn-border-color: color-mix(in srgb, var(--site-accent-highlight) 38%, #FFFFFF);
  --bs-btn-color: color-mix(in srgb, var(--site-primary) 76%, var(--site-accent-highlight));
  --bs-btn-hover-bg: color-mix(in srgb, var(--site-accent-highlight) 26%, #FFFFFF);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--site-accent-highlight) 54%, #FFFFFF);
  --bs-btn-hover-color: var(--site-primary);
  --bs-btn-active-bg: color-mix(in srgb, var(--site-accent-highlight) 34%, var(--site-accent-soft));
  --bs-btn-active-color: var(--site-primary);
}

.theme-load .btn-ghost {
  --bs-btn-color: var(--site-primary);
  --bs-btn-hover-bg: color-mix(in srgb, var(--site-accent) 12%, transparent);
  --bs-btn-hover-color: color-mix(in srgb, var(--site-accent) 74%, var(--site-primary));
  --bs-btn-active-bg: color-mix(in srgb, var(--site-accent) 18%, transparent);
  --bs-btn-active-color: var(--site-primary);
}

.theme-load .btn-link-subtle {
  --bs-btn-color: var(--site-accent-muted);
  --bs-btn-hover-color: var(--site-primary);
  --bs-btn-active-color: var(--site-primary);
}

.theme-load .btn-secondary {
  --site-button-bevel-highlight: rgba(255, 255, 255, .1);
  --site-button-bevel-shade: rgba(17, 19, 24, .14);
  --site-button-hover-bevel-highlight: rgba(255, 255, 255, .12);
  --site-button-hover-bevel-shade: rgba(17, 19, 24, .14);
  --site-button-shadow-color: #20242A;
  --bs-btn-bg: linear-gradient(135deg, #2D333B, #15181D);
  --bs-btn-border-color: color-mix(in srgb, color-mix(in srgb, #20242A 80%, #FFFFFF) 52%, #FFFFFF);
  --bs-btn-color: #FFFFFF;
  --bs-btn-hover-bg: linear-gradient(135deg, #363D47, #20242A);
  --bs-btn-hover-border-color: color-mix(in srgb, color-mix(in srgb, #2D333B 84%, #FFFFFF) 50%, #FFFFFF);
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-active-bg: linear-gradient(135deg, #171A1F, #0F1115);
  --bs-btn-active-border-color: color-mix(in srgb, color-mix(in srgb, #20242A 80%, #FFFFFF) 48%, #FFFFFF);
  --bs-btn-active-color: #FFFFFF;
}

.theme-load .btn-outline-secondary,
.theme-load .btn-outline-dark,
.theme-load .btn-outline-danger,
.theme-load .btn-light {
  --bs-btn-bg: rgba(255, 255, 255, .9);
  --bs-btn-hover-bg: rgba(255, 255, 255, .98);
  --bs-btn-active-bg: color-mix(in srgb, #FFFFFF 88%, var(--site-accent-soft));
}

/* Age gate modal (theme variant) */
.theme-load .age-modal .modal-content {
  border-color: color-mix(in srgb, var(--site-heading-accent, #20242A) 78%, #FFF);
  box-shadow: 0 1.05rem 2.3rem color-mix(in srgb, var(--site-heading-accent, #20242A) 22%, transparent);
  background: linear-gradient(180deg, var(--site-heading-accent, #20242A), color-mix(in srgb, var(--site-heading-accent, #20242A) 82%, #111318));
  color: var(--site-accent-contrast, #fff);
}

.theme-load .age-modal .modal-header {

}

.theme-load .age-modal .modal-title {
  color: var(--site-accent);
}

.theme-load .age-modal .btn-close {
  filter: invert(100%) brightness(120%);
}

.theme-load .age-modal .btn-primary {
  --bs-btn-bg: linear-gradient(135deg, #5D96FF, color-mix(in srgb, #4F8CFF 74%, #20242A));
  --bs-btn-border-color: color-mix(in srgb, #4F8CFF 82%, #FFFFFF);
}

.theme-load .age-modal .btn-secondary {
  --bs-btn-bg: linear-gradient(135deg, #222831, #111318);
  --bs-btn-border-color: color-mix(in srgb, #20242A 88%, #FFFFFF);
  --bs-btn-color: #FFFFFF;
}

/* Site pagination styling */
.theme-load .site-pagination {
  margin-top: clamp(1.75rem, 4vw, 2.8rem);
}

.theme-load .site-pagination__shell {
  align-items: center;
  background: var(--site-surface);
  border-radius: var(--site-panel-radius, 1rem);
  box-shadow: 0 .75rem 1.75rem color-mix(in srgb, var(--site-primary) 8%, transparent);
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  justify-content: center;
  max-width: 46rem;
  padding: 1.25rem 1.5rem;
}

.theme-load .site-pagination .pagination {
  gap: .45rem;
}

.theme-load .site-pagination a,
.theme-load .site-pagination .current,
.theme-load .site-pagination .gap {
  border-radius: var(--site-button-radius, .38rem);
  min-height: 2.2rem;
  min-width: 2.2rem;
  padding-inline: .8rem;
  padding-block: .35rem;
}

.theme-load .site-pagination__summary {
  color: var(--site-text);
  font-family: var(--site-heading-font, var(--cc-font-primary));
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .05em;
  line-height: 1;
  min-width: auto;
  text-transform: var(--site-eyebrow-transform, uppercase);
}

.theme-load .site-pagination .first a,
.theme-load .site-pagination .prev a,
.theme-load .site-pagination .next a,
.theme-load .site-pagination .last a {
  min-width: auto;
  padding-inline: .95rem;
}

.theme-load .site-pagination a:hover,
.theme-load .site-pagination a:focus {
  transform: translateY(0);
  box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--site-accent) 18%, transparent);
}

.theme-load .site-pagination .current,
.theme-load .site-pagination a:hover {
  background: linear-gradient(180deg, color-mix(in srgb, var(--site-accent) 34%, transparent), color-mix(in srgb, var(--site-accent) 24%, transparent));
  border-color: color-mix(in srgb, var(--site-accent) 65%, var(--site-border));
  color: var(--site-text);
}

/* Links */
.theme-load :where(a:not(.btn):not(.creator-profile-link):not(.creator-mini-card):not(.site-feed-tile)) {
  color: #4F8CFF;
}

.theme-load :where(a:not(.btn):not(.creator-profile-link):not(.creator-mini-card):not(.site-feed-tile)):hover {
  color: #28D6B8;
}

/* Navbar */
.theme-load .site-navbar {
  background: color-mix(in srgb, #20242A 94%, transparent) !important;
  border-bottom: 0 !important;
  box-shadow: 0 6px 10px rgba(17, 19, 24, .28), 0 22px 48px rgba(17, 19, 24, .34);
}

.theme-load .site-navbar--floating {
  background: color-mix(in srgb, #20242A 94%, transparent) !important;
  box-shadow: 0 6px 10px rgba(17, 19, 24, .28), 0 22px 48px rgba(17, 19, 24, .34);
}

.theme-load .site-navbar--floating:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) {
  background: linear-gradient(180deg, color-mix(in srgb, #20242A 38%, transparent), transparent 100%) !important;
  box-shadow: none;
}

.theme-load .site-navbar--hero-glass:not(.site-navbar--scrolled) {
  background: linear-gradient(180deg, color-mix(in srgb, #20242A 38%, transparent), transparent 100%) !important;
  box-shadow: none;
}

.theme-load .site-navbar--floating.site-navbar--hero-glass:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) {
  background: linear-gradient(180deg, color-mix(in srgb, #20242A 38%, transparent), transparent 100%) !important;
  box-shadow: none;
}

.theme-load .site-navbar--floating.site-navbar--scrolled {
  background: color-mix(in srgb, #20242A 94%, transparent) !important;
  box-shadow: 0 6px 10px rgba(17, 19, 24, .28), 0 22px 48px rgba(17, 19, 24, .34);
}

.theme-load .site-navbar--floating.site-navbar--admin-compact {
  background: color-mix(in srgb, #20242A 94%, transparent) !important;
  box-shadow: 0 6px 10px rgba(17, 19, 24, .28), 0 22px 48px rgba(17, 19, 24, .34);
}

.theme-load .site-navbar .nav-link {
  color: #FFFFFF;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.4583;
  padding-top: 0;
}

.theme-load .site-navbar--floating:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) .nav-link {
  color: #FFFFFF;
}

.theme-load .site-navbar .nav-link:is(:hover, .active) {
  color: var(--site-accent);
}

.theme-load .site-navbar--floating:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) .nav-link:is(:hover, .active) {
  color: var(--site-accent);
}

.theme-load .site-navbar .nav-link::after {
  border: 2px solid var(--site-accent);
  margin: auto auto -6px;
  width: 40px;
}

.theme-load .site-navbar-logo {
  height: clamp(2rem, 4vw, 2.75rem);
  max-height: 2.75rem;
  min-height: 2rem;
}

.theme-load .creatorcore-logo--nav {
  height: clamp(2.65rem, 3.5vw, 2.95rem);
}

.theme-load .site-navbar--floating:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) .container,
.theme-load .site-navbar--floating.site-navbar--scrolled .container,
.theme-load .site-navbar--floating.site-navbar--admin-compact .container {
  padding-bottom: .45rem !important;
  padding-top: .45rem !important;
}

.theme-load .site-navbar--hero-glass:not(.site-navbar--scrolled) .container {
  padding-bottom: 1.15rem !important;
  padding-top: 1.15rem !important;
}

.theme-load .site-navbar--floating.site-navbar--hero-glass:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) .container {
  padding-bottom: 1.15rem !important;
  padding-top: 1.15rem !important;
}

.theme-load .site-navbar--floating:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) .creatorcore-logo--nav,
.theme-load .site-navbar--floating.site-navbar--scrolled .creatorcore-logo--nav,
.theme-load .site-navbar--floating.site-navbar--admin-compact .creatorcore-logo--nav {
  height: clamp(2.65rem, 3.5vw, 2.95rem);
}

.theme-load .site-navbar--hero-glass:not(.site-navbar--scrolled) .creatorcore-logo--nav {
  height: clamp(3.55rem, 4.25vw, 4.15rem);
}

.theme-load .site-navbar--floating.site-navbar--hero-glass:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) .creatorcore-logo--nav {
  height: clamp(3.55rem, 4.25vw, 4.15rem);
}

.theme-load .site-navbar--floating.site-navbar--hero-glass:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) .site-navbar-logo {
  height: clamp(2.75rem, 5vw, 3.75rem);
  max-height: 3.75rem;
  min-height: 2.75rem;
}

.theme-load .site-navbar--floating:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) .btn-primary {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .24);
  color: #FFFFFF;
}

.theme-load .site-navbar--floating:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) .navbar-toggler {
  background: rgba(255, 255, 255, .92);
}

.theme-load .site-navbar--floating:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) .creatorcore-logo--nav-default,
.theme-load .site-navbar--scrolled .creatorcore-logo--nav-default,
.theme-load .site-navbar--admin-compact .creatorcore-logo--nav-default {
  opacity: 1;
}

.theme-load .site-navbar--floating:not(.site-navbar--scrolled):not(.site-navbar--admin-compact) .creatorcore-logo--nav-light,
.theme-load .site-navbar--scrolled .creatorcore-logo--nav-light,
.theme-load .site-navbar--admin-compact .creatorcore-logo--nav-light {
  opacity: 0;
}

.theme-load .site-navbar--hero-glass:not(.site-navbar--scrolled) .creatorcore-logo--nav-default {
  opacity: 0;
}

.theme-load .site-navbar--hero-glass:not(.site-navbar--scrolled) .creatorcore-logo--nav-light {
  opacity: 1;
}

/* Heroes */
.theme-load .site-homepage-hero {
  background: #20242A;
}

.theme-load .site-homepage-hero__overlay {
  background: linear-gradient(90deg, rgba(8, 10, 12, 0.08), rgba(8, 10, 12, .62), rgba(8, 10, 12, .18));
  opacity: .74;
}

.theme-load .site-homepage-hero__title,
.theme-load .page-hero__title {
  font-weight: 800;
}

.theme-load .site-homepage-hero__lede,
.theme-load .page-hero__lede {
  color: rgba(255, 255, 255, .84);
  font-family: var(--site-body-font, var(--cc-font-secondary));
}

.theme-load .page-hero {
  background:
    radial-gradient(circle at top right, color-mix(in srgb, #4F8CFF 22%, transparent), transparent 18rem),
    linear-gradient(135deg, #20242A, #111318);
}

.theme-load .page-hero__overlay {
  background: linear-gradient(90deg, rgba(8, 10, 12, .9), rgba(8, 10, 12, .6), rgba(8, 10, 12, .22));
}

.theme-load .page-hero__eyebrow {
  color: #28D6B8;
}

/* Split Copy */
.theme-load .split-copy-section {
  background: var(--site-background);
    /*radial-gradient(circle at 82% 12%, color-mix(in srgb, #4F8CFF 16%, transparent), transparent 24rem),*/
    /*linear-gradient(180deg, #F4F5F6, color-mix(in srgb, #F4F5F6 88%, #FFFFFF));*/
}

.theme-load .split-copy-section.content-section--muted {
  background:
    radial-gradient(circle at 18% 12%, color-mix(in srgb, #28D6B8 14%, transparent), transparent 22rem),
    #ECEFF3;
}

.theme-load .split-copy-section__eyebrow {
  color: #28D6B8;
}

.theme-load .split-copy-section__title {
  color: #20242A;
  font-weight: 800;
}

.theme-load .split-copy-section__body {
  background: #FFFFFF;
  border-color: color-mix(in srgb, #20242A 12%, transparent);
  box-shadow: 0 1rem 2.2rem rgba(17, 19, 24, .1);
}

.theme-load .split-copy-section--right_image .split-copy-section__body {
  background-color: transparent;
  background-image: var(--split-copy-section-bg-image);
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: var(--site-card-radius, 1.35rem);
  border-color: color-mix(in srgb, #20242A 24%, transparent);
  box-shadow: 0 1rem 2.2rem rgba(17, 19, 24, .14);
  color: #FFFFFF;
  overflow: hidden;
  position: relative;
}

.theme-load .split-copy-section--right_image .split-copy-section__body::before {
  background:
    radial-gradient(circle at 82% -6%, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, 0) 42%),
    linear-gradient(100deg, rgba(8, 10, 12, .24) 0%, rgba(8, 10, 12, .56) 46%, rgba(8, 10, 12, .88) 100%);
  content: "";
  inset: 0;
  opacity: 0.92;
  position: absolute;
  border-radius: inherit;
  z-index: 0;
}

.theme-load .split-copy-section--right_image .split-copy-section__body::after {
  background:
    linear-gradient(180deg, rgba(32, 36, 42, .28) 0%, rgba(32, 36, 42, 0) 52%, rgba(32, 36, 42, .22) 100%),
    radial-gradient(circle at 18% 84%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 38%);
  content: "";
  inset: 0;
  mix-blend-mode: multiply;
  opacity: 0.2;
  position: absolute;
  border-radius: inherit;
  z-index: 0;
}

.theme-load .split-copy-section--right_image .split-copy-section__copy,
.theme-load .split-copy-section--right_image .split-copy-section__actions {
  position: relative;
  z-index: 1;
}

.theme-load .split-copy-section--right_image .split-copy-section__copy p {
  color: color-mix(in srgb, #FFFFFF 86%, transparent);
}

.theme-load .split-copy-section--right_image .split-copy-section__copy p:first-child {
  color: #FFFFFF;
}

.theme-load .split-copy-section__copy p {
  color: #5E6673;
  font-family: var(--site-body-font, var(--cc-font-secondary));
}

.theme-load .split-copy-section__copy p:first-child {
  color: #20242A;
  font-weight: 700;
}

/* Image Card Grid */
.theme-load .media-grid__eyebrow {
  color: #4F8CFF;
}

.theme-load .media-grid__intro p:not(.section-eyebrow) {
  color: #5E6673;
  font-family: var(--site-body-font, var(--cc-font-secondary));
}

/* Social Links */
.theme-load .site-social-links {
  --site-social-links-overlay: linear-gradient(160deg, rgba(17, 19, 24, .92) 0%, rgba(32, 36, 42, .78) 55%, rgba(79, 140, 255, .34) 100%);
  --site-social-links-edge-shadow: inset 2px 8px 22px rgba(0, 0, 0, .42);
}

.theme-load .site-social-links__eyebrow {
  color: #28D6B8;
}

.theme-load .site-social-links__title {
  color: #FFFFFF;
  font-weight: 800;
}

.theme-load .site-social-links__body {
  color: rgba(255, 255, 255, .76);
  font-family: var(--site-body-font, var(--cc-font-secondary));
}

.theme-load .site-social-link {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .05));
  border-color: rgba(255, 255, 255, .18);
  box-shadow:
    0 14px 34px rgba(0, 0, 0, .3),
    inset 0 1px 0 rgba(255, 255, 255, .08);
  color: #FFFFFF;
}

.theme-load .site-social-link:hover {
  background:
    linear-gradient(145deg, color-mix(in srgb, #4F8CFF 34%, rgba(255, 255, 255, .18)), rgba(255, 255, 255, .08));
  border-color: color-mix(in srgb, #28D6B8 42%, rgba(255, 255, 255, .2));
  box-shadow:
    0 20px 40px rgba(0, 0, 0, .34),
    0 0 24px color-mix(in srgb, #4F8CFF 18%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, .14);
  color: #28D6B8;
}

/* Latest Scenes */
.theme-load .site-latest-scenes {
  background:
    radial-gradient(circle at 82% 12%, color-mix(in srgb, #4F8CFF 14%, transparent), transparent 24rem),
    radial-gradient(circle at 12% 92%, color-mix(in srgb, #28D6B8 10%, transparent), transparent 20rem),
    var(--site-surface);
}

.theme-load .site-featured-creators {
  background:
    radial-gradient(circle at 14% 12%, color-mix(in srgb, #4F8CFF 14%, transparent), transparent 24rem),
    radial-gradient(circle at 86% 88%, color-mix(in srgb, #28D6B8 10%, transparent), transparent 22rem),
    #F4F5F6;
}

.theme-load .site-latest-scenes__eyebrow,
.theme-load .site-featured-creators__eyebrow {
  color: #4F8CFF;
}

.theme-load .site-latest-scenes__title,
.theme-load .site-featured-creators__title {
  color: #20242A;
  font-weight: 800;
}

.theme-load .site-latest-scenes__body,
.theme-load .site-featured-creators__body {
  color: #5E6673;
  font-family: var(--site-body-font, var(--cc-font-secondary));
}

.theme-load .site-latest-scenes__microcopy {
  color: #697386;
}

/* Conversion Banner */
.theme-load .conversion-banner::before {
  background:
    linear-gradient(110deg, rgba(17, 19, 24, .9), rgba(32, 36, 42, .72) 48%, rgba(32, 36, 42, .3)),
    linear-gradient(0deg, rgba(17, 19, 24, .5), transparent 58%);
}

.theme-load .creatorcore-conversion-banner .section-eyebrow {
  color: #28D6B8;
}

.theme-load .conversion-banner h2 {
  color: #FFFFFF;
  font-weight: 800;
}

.theme-load .conversion-banner p {
  color: rgba(255, 255, 255, .78);
  font-family: var(--site-body-font, var(--cc-font-secondary));
}

/* Cards */
.theme-load .site-card {
  --site-card-bg: linear-gradient(180deg, var(--site-surface), color-mix(in srgb, var(--site-surface) 88%, var(--site-background)));
  --site-card-border: color-mix(in srgb, var(--site-primary) 16%, transparent);
  --site-card-shadow: 0 .8rem 1.65rem color-mix(in srgb, var(--site-primary) 11%, transparent);
  --site-card-text: var(--site-text);
  --site-card-muted: color-mix(in srgb, var(--site-text) 62%, var(--site-muted-text));
  border-color: var(--site-card-border);
  box-shadow: var(--site-card-shadow);
  color: var(--site-card-text);
}

.theme-load .site-card--image-overlay .site-card__eyebrow {
  color: var(--site-accent);
}

.theme-load .site-card--interactive:hover {
  border-color: color-mix(in srgb, var(--site-primary) 28%, transparent);
  box-shadow: 0 1rem 2rem color-mix(in srgb, var(--site-primary) 15%, transparent);
}

.theme-load .site-card--feature {
  --site-card-bg:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--site-accent) 14%, transparent), transparent 12rem),
    linear-gradient(180deg, var(--site-surface), color-mix(in srgb, var(--site-surface) 86%, var(--site-accent-soft)));
  --site-card-border: color-mix(in srgb, var(--site-accent) 18%, transparent);
}

.theme-load .site-card--accent {
  --site-card-bg:
    radial-gradient(circle at 88% 0%, color-mix(in srgb, var(--site-accent-highlight) 32%, transparent), transparent 13rem),
    linear-gradient(145deg, color-mix(in srgb, var(--site-accent-soft) 76%, var(--site-surface)), var(--site-surface));
  --site-card-border: color-mix(in srgb, var(--site-accent-highlight) 38%, transparent);
  --site-card-shadow: 0 .9rem 1.8rem color-mix(in srgb, var(--site-accent-highlight) 14%, transparent);
}

.theme-load .site-card--dark {
  --site-card-bg:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--site-accent-highlight) 24%, transparent), transparent 14rem),
    linear-gradient(145deg, #20242A, #111318);
  --site-card-border: color-mix(in srgb, var(--site-accent-highlight) 24%, #FFFFFF);
  --site-card-shadow: 0 1rem 2rem rgba(17, 19, 24, .22);
  --site-card-text: #FFFFFF;
  --site-card-muted: color-mix(in srgb, #FFFFFF 72%, var(--site-accent-highlight));
}

.theme-load .site-card--cta {
  --site-card-bg:
    radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--site-accent-highlight) 22%, transparent), transparent 12rem),
    linear-gradient(145deg, color-mix(in srgb, var(--site-accent-soft) 52%, var(--site-surface)), var(--site-surface));
  --site-card-border: color-mix(in srgb, var(--site-accent-highlight) 30%, transparent);
}

.theme-load .site-card--media .site-card__media {
  background:
    radial-gradient(circle at 80% 18%, color-mix(in srgb, var(--site-accent-highlight) 48%, transparent), transparent 8rem),
    linear-gradient(135deg, var(--site-primary), var(--site-accent));
}

.theme-load .site-card--overlay {
  background:
    linear-gradient(135deg, rgba(21, 24, 29, .88), color-mix(in srgb, var(--site-accent-highlight) 28%, transparent)),
    linear-gradient(135deg, #20242A, var(--site-accent));
  --site-card-muted: color-mix(in srgb, #FFFFFF 76%, var(--site-accent-highlight));
  color: #FFFFFF;
}

.theme-load .site-card--stat {
  --site-card-border: color-mix(in srgb, var(--site-primary) 18%, transparent);
}

.theme-load .site-card--status,
.theme-load .site-card--compact {
  --site-card-bg: linear-gradient(180deg, var(--site-surface), color-mix(in srgb, var(--site-surface) 90%, var(--site-accent-soft)));
}

.theme-load .site-card__eyebrow {
  color: var(--site-accent-muted);
}

.theme-load .site-card__icon,
.theme-load .site-card__step {
  background: color-mix(in srgb, var(--site-accent-highlight) 24%, var(--site-surface));
  border-color: color-mix(in srgb, var(--site-accent-highlight) 34%, transparent);
  color: var(--site-primary);
}

.theme-load .site-card--dark .site-card__icon,
.theme-load .site-card--dark .site-card__step,
.theme-load .site-card--overlay .site-card__icon,
.theme-load .site-card--overlay .site-card__step {
  background: color-mix(in srgb, #FFFFFF 14%, transparent);
  border-color: color-mix(in srgb, #FFFFFF 24%, transparent);
  color: #FFFFFF;
}

.theme-load .site-card-collection__card.site-card--overlay .site-card__icon,
.theme-load .site-card-collection__card.site-card--overlay .site-card__step {
  background: none;
  border-color: transparent;
  color: inherit;
}

.theme-load .site-card__stat {
  color: var(--site-primary);
}

.theme-load .site-card--accent .site-card__stat {
  color: color-mix(in srgb, var(--site-primary) 82%, var(--site-accent-highlight));
}

.theme-load .site-card__callout {
  background: color-mix(in srgb, var(--site-accent-highlight) 15%, var(--site-surface));
  border-color: color-mix(in srgb, var(--site-accent-highlight) 32%, transparent);
  color: var(--site-primary);
}


/* Scene Cards */
.theme-load .scene-card {
  --scene-card-bg: #15181D;
  --scene-card-badge-bg-strength: 84%;
  --scene-card-shadow: 0 4px 12px rgba(17, 19, 24, .24), 0 1px 2px rgba(17, 19, 24, .16);
  --scene-card-hover-shadow: 0 12px 28px rgba(17, 19, 24, .34), 0 4px 8px rgba(17, 19, 24, .22);
  --scene-card-body-bg: #15181D;
}

/* Watch Options */
.theme-load .watch-options__option {
  border: 1px solid color-mix(in srgb, #20242A 14%, transparent);
  box-shadow: 0 1rem 2rem rgba(17, 19, 24, .10);
  color: #20242A;
}

.theme-load .watch-options__option--featured {
  background:
    radial-gradient(circle at 88% 8%, color-mix(in srgb, #28D6B8 26%, transparent), transparent 11rem),
    radial-gradient(circle at 8% 100%, color-mix(in srgb, #4F8CFF 22%, transparent), transparent 15rem),
    linear-gradient(155deg, #29303A 0%, #1F2630 48%, #151A22 100%);
  border: 1px solid color-mix(in srgb, #4F8CFF 22%, rgba(255, 255, 255, .14));
  box-shadow:
    0 2rem 4.8rem rgba(17, 19, 24, .38),
    0 .7rem 1.55rem rgba(17, 19, 24, .24),
    inset 0 1px 0 rgba(255, 255, 255, .18);
  color: #F8FFFD;
  isolation: isolate;
  min-height: clamp(23rem, 34vw, 27rem);
  overflow: hidden;
  padding: clamp(2rem, 4vw, 3rem);
  position: relative;
}

.theme-load .watch-options__grid .watch-options__option--featured:nth-of-type(odd) {
  background:
    radial-gradient(circle at 88% 8%, color-mix(in srgb, #4F8CFF 26%, transparent), transparent 11rem),
    radial-gradient(circle at 8% 100%, color-mix(in srgb, #B5A7FF 16%, transparent), transparent 15rem),
    linear-gradient(155deg, #283141 0%, #1D2534 48%, #121722 100%);
  border-color: color-mix(in srgb, #4F8CFF 24%, rgba(255, 255, 255, .14));
}

.theme-load .watch-options__grid .watch-options__option--featured:nth-of-type(even) {
  background:
    radial-gradient(circle at 88% 8%, color-mix(in srgb, #28D6B8 28%, transparent), transparent 11rem),
    radial-gradient(circle at 8% 100%, color-mix(in srgb, #4F8CFF 16%, transparent), transparent 15rem),
    linear-gradient(155deg, #263238 0%, #1C272C 48%, #11191D 100%);
  border-color: color-mix(in srgb, #28D6B8 24%, rgba(255, 255, 255, .14));
}

.theme-load .watch-options__option--featured::before {
  background:
    linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, .26) 48%, transparent 100%);
  content: "";
  inset: 0;
  opacity: .24;
  pointer-events: none;
  position: absolute;
  transform: translateX(-18%) skewX(-12deg);
  transition: opacity .24s var(--cc-motion-ease), transform .32s var(--cc-motion-ease);
  z-index: -1;
}

.theme-load .watch-options__option--featured::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, .1), transparent 46%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

.theme-load .watch-options__option--featured:hover {
  box-shadow:
    0 2.25rem 5.4rem rgba(17, 19, 24, .44),
    0 .85rem 1.8rem rgba(17, 19, 24, .28),
    0 0 0 1px color-mix(in srgb, #28D6B8 20%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, .2);
}

.theme-load .watch-options__option--featured:hover::before {
  opacity: .38;
  transform: translateX(0) skewX(-12deg);
}

.theme-load .watch-options__option--featured p {
  color: rgba(248, 255, 253, .66);
}

.theme-load .watch-options__option--featured h4 {
  color: #F8FFFD;
  font-size: clamp(1.8rem, 3.4vw, 2.9rem);
  text-shadow: none;
}

.theme-load .watch-options__option--featured span {
  color: rgba(248, 255, 253, .72);
}

.theme-load .watch-options__price {
  color: #4F8CFF;
}

.theme-load .watch-options__option--featured .watch-options__price {
  color: #28D6B8;
  text-shadow: 0 .55rem 1.4rem color-mix(in srgb, #28D6B8 22%, transparent);
}

.theme-load .watch-options__grid .watch-options__option--featured:nth-of-type(odd) .watch-options__price {
  color: #8DB3FF;
}

.theme-load .watch-options__grid .watch-options__option--featured:nth-of-type(even) .watch-options__price {
  color: #28D6B8;
}

.theme-load .watch-options__option--featured .watch-options__cta.btn-primary {
  background:
    linear-gradient(135deg, #28D6B8, #4F8CFF);
  border-color: transparent;
  box-shadow:
    0 .85rem 1.7rem rgba(40, 214, 184, .22),
    inset 0 1px 0 rgba(255, 255, 255, .22);
  color: #0E1117;
}

.theme-load .watch-options__option--featured .watch-options__cta.btn-primary:hover,
.theme-load .watch-options__option--featured .watch-options__cta.btn-primary:focus {
  box-shadow:
    0 1rem 2rem rgba(79, 140, 255, .25),
    inset 0 1px 0 rgba(255, 255, 255, .26);
}

/* Footer */
.theme-load .site-footer {
  background:
    radial-gradient(circle at top right, color-mix(in srgb, #4F8CFF 14%, transparent), transparent 18rem),
    linear-gradient(145deg, #20242A, #111318) !important;
}

.theme-load .site-footer__middle {
  background:
    radial-gradient(circle at top right, color-mix(in srgb, #4F8CFF 14%, transparent), transparent 18rem),
    linear-gradient(145deg, #20242A, #111318) !important;
}

.theme-load .site-footer a:hover,
.theme-load .site-footer .footer-links a:hover {
  color: #28D6B8;
}

.theme-load .site-footer__social a:hover {
  border-color: color-mix(in srgb, #28D6B8 34%, rgba(255, 255, 255, .18));
  color: #28D6B8;
}

.theme-load .site-footer__copyright {
  color: rgba(255, 255, 255, .68) !important;
}