/* Preview palette trial: neutral surfaces, original lime, compact dark showcase.
   No demo artwork, copy, routes, form behavior or commerce logic is replaced. */
body.premium-site { background: #fafbfc; color: #17191f; }
body.premium-site > .premium-header { background: #fff !important; border-bottom: 1px solid #e6e9ee; }
.premium-site .full-menu { background: #fff; box-shadow: 0 18px 48px #17191f14; }
.premium-site .full-menu a:hover, .premium-site .full-menu .menu-check { background: #f1f3f6; }
.premium-site .full-menu .menu-check:hover { background: #e8ecf1; }
.premium-site .hero-copy .eyebrow { color: #59616d; font-weight: 600; }
.premium-site .hero-copy h1 { letter-spacing: -.055em; }
.premium-site .hero-project .project-cover { background: #eceff3; box-shadow: 0 18px 48px -28px #17191f55; }
.premium-site .idea-form > div { border-color: #7c8593; }
.premium-site .starter-offer { background: #f1f3f6; }
.premium-site .lumi-site-head { background: #f1f3f6; }
.premium-site .ks-static-consent { background: #fff; border-color: #dfe3e9; }
.premium-site .ks-static-consent-actions button { background: #fff; border-color: #7c8593; }
.premium-site .ks-static-consent-actions button:last-child { background: #c4f455; }
.premium-site .ks-static-cookie-preferences { background: #fff; }
.premium-site .locale-switch { color: #59616d; }
.premium-site .locale-switch > a[aria-current], .premium-site .locale-switch > a:hover { color: #17191f; }
.premium-site .locale-switch > a:hover { background: #f1f3f6; }
.premium-site .locale-switch > a:focus-visible { outline-color: #17191f; color: #17191f; }

/* A quiet second surface for the studio; keep the same space and readable links. */
body.premium-home .studio-section { border-color: #dfe3e9; background: #f1f3f6; box-shadow: 0 0 0 24px #f1f3f6; }
body.premium-home .service-number { color: #17191f; border-bottom: 3px solid #c4f455; padding-bottom: 5px; }

/* Never recolor the contents of Casa Lieve, NOVA, Corto or other demo covers. */
.premium-site .portfolio .portfolio-intro { margin-bottom: 28px; }
.premium-site .portfolio .portfolio-intro :is(h1,h2) { letter-spacing: -.04em; }
.premium-site .portfolio .portfolio-card { border-color: #e1e5eb; box-shadow: 0 6px 24px -16px #17191f38; }
.premium-site .portfolio .portfolio-card:focus-within { border-color: #7c8593; }
.premium-site .portfolio :is(.portfolio-filters,.portfolio-pagination) button,
.premium-site .portfolio .portfolio-search input { border-color: #7c8593; }
.premium-site .portfolio .portfolio-filters button[aria-pressed="true"] { background: #17191f; border-color: #17191f; color: #fff; }
.premium-site .portfolio .portfolio-filters button:hover:not([aria-pressed="true"]),
.premium-site .portfolio .portfolio-pagination button:hover:not(:disabled) { background: #f1f3f6; }
.premium-site .portfolio .portfolio-badge.is-demo { background: #f1f3f6; }
.premium-site .portfolio .portfolio-empty { background: #f1f3f6; }
.premium-site .portfolio > .portfolio-actions a:first-child { border-color: transparent; }

/* Real work is distinct from concepts. Tokens on white demo cards stay intact. */
.premium-site .portfolio [data-portfolio-group="real"] {
  display: grid;
  grid-template-columns: minmax(190px,.85fr) minmax(0,2fr);
  align-items: start;
  gap: 20px 30px;
  padding: 28px;
  border-radius: 18px;
  background: #17191f;
  color: #fff;
}
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-heading { display: flex; align-items: flex-start; flex-direction: column; gap: 18px; margin: 0; }
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-heading :is(h2,h3) { color: #fff; }
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-heading p { color: #bec5d1; }
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-heading > a { color: #c4f455; }
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-card { background: #23262e; border-color: #3d4350; box-shadow: none; }
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-cover { border-color: #3d4350; }
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-card-body :is(h2,h3) { color: #fff; }
.premium-site .portfolio [data-portfolio-group="real"] :is(.portfolio-meta,.portfolio-description) { color: #bec5d1; }
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-actions a { color: #fff; }
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-placeholder { background: #22252e; color: #fff; }
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-placeholder svg { color: #c4f455; opacity: .55; }
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-badge.is-progress { background: #343946; border-color: #677185; color: #f5f7fb; }
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-badge.is-online { background: #c4f455; border-color: #c4f455; color: #17191f; }
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-pagination { grid-column: 2; border-color: #3d4350; }
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-pagination p { color: #bec5d1; }
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-pagination button { background: #23262e; color: #fff; border-color: #7c8593; }
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-pagination button:hover:not(:disabled) { background: #343946; }
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-pagination button:disabled { color: #aeb6c4; border-color: #505866; }
.premium-site .portfolio [data-portfolio-group="real"] .portfolio-empty { grid-column: 2; background: #23262e; color: #fff; border-color: #3d4350; }
.premium-site .portfolio [data-portfolio-group="real"] :is(a,button):focus-visible { outline-color: #c4f455; box-shadow: 0 0 0 2px #17191f; }
.premium-site .portfolio .portfolio-group + .portfolio-group { border-top: 0; padding-top: 0; }

@media(max-width:1000px) {
  .premium-site .portfolio [data-portfolio-group="real"] { display: block; padding: 24px; }
  .premium-site .portfolio [data-portfolio-group="real"] .portfolio-heading { flex-direction: row; align-items: flex-end; margin-bottom: 20px; }
}
@media(max-width:620px) {
  .premium-site .portfolio [data-portfolio-group="real"] { padding: 18px; border-radius: 14px; }
  .premium-site .portfolio [data-portfolio-group="real"] .portfolio-grid { grid-template-columns: minmax(0,1fr); }
  .premium-site .portfolio [data-portfolio-group="real"] .portfolio-heading { align-items: flex-start; gap: 8px; }
  .premium-site .portfolio [data-portfolio-group="real"] .portfolio-heading > a { padding: 0; }
  body.premium-home .studio-section { box-shadow: 0 0 0 16px #f1f3f6; }
}