/**
 * Compatibility and art direction for the editable starter skins on KILG Core Landing.
 * Stored skin CSS still owns the palette; this layer maps it to the current theme.
 */

html:is(
  [data-kilg-design="custom-broadcast"],
  [data-kilg-design="custom-garden"],
  [data-kilg-design="custom-terminal"],
  [data-kilg-design="custom-paper"],
  [data-kilg-design="custom-night-shift"],
  [data-kilg-design="custom-brutalist"],
  [data-kilg-design="custom-museum"],
  [data-kilg-design="custom-ocean"]
) {
  --paper: var(--kilg-bg);
  --paper-deep: var(--kilg-surface);
  --white: var(--kilg-surface);
  --ink: var(--kilg-ink);
  --muted: var(--kilg-muted);
  --orange: var(--kilg-accent);
  --sage: var(--kilg-pop);
  --blue: var(--kilg-pop);
  --line: var(--kilg-line);
  --serif: var(--kilg-display, Georgia, "Times New Roman", serif);
  --sans: var(--kilg-body, Arial, Helvetica, sans-serif);
}

html:is(
  [data-kilg-design="custom-broadcast"],
  [data-kilg-design="custom-garden"],
  [data-kilg-design="custom-terminal"],
  [data-kilg-design="custom-paper"],
  [data-kilg-design="custom-night-shift"],
  [data-kilg-design="custom-brutalist"],
  [data-kilg-design="custom-museum"],
  [data-kilg-design="custom-ocean"]
) :is(body, .kilg-landing) {
  color: var(--ink);
  background-color: var(--paper);
}

html:is(
  [data-kilg-design="custom-broadcast"],
  [data-kilg-design="custom-garden"],
  [data-kilg-design="custom-terminal"],
  [data-kilg-design="custom-paper"],
  [data-kilg-design="custom-night-shift"],
  [data-kilg-design="custom-brutalist"],
  [data-kilg-design="custom-museum"],
  [data-kilg-design="custom-ocean"]
) .hero { background: linear-gradient(135deg, var(--paper), var(--white)); }
html:is(
  [data-kilg-design="custom-broadcast"],
  [data-kilg-design="custom-garden"],
  [data-kilg-design="custom-terminal"],
  [data-kilg-design="custom-paper"],
  [data-kilg-design="custom-night-shift"],
  [data-kilg-design="custom-brutalist"],
  [data-kilg-design="custom-museum"],
  [data-kilg-design="custom-ocean"]
) :is(.advisory, .bio-section) { background-color: var(--white); }
html:is(
  [data-kilg-design="custom-broadcast"],
  [data-kilg-design="custom-garden"],
  [data-kilg-design="custom-terminal"],
  [data-kilg-design="custom-paper"],
  [data-kilg-design="custom-night-shift"],
  [data-kilg-design="custom-brutalist"],
  [data-kilg-design="custom-museum"],
  [data-kilg-design="custom-ocean"]
) .built { background-color: var(--paper-deep); }
html:is(
  [data-kilg-design="custom-broadcast"],
  [data-kilg-design="custom-garden"],
  [data-kilg-design="custom-terminal"],
  [data-kilg-design="custom-paper"],
  [data-kilg-design="custom-night-shift"],
  [data-kilg-design="custom-brutalist"],
  [data-kilg-design="custom-museum"],
  [data-kilg-design="custom-ocean"]
) .proof { background-color: var(--sage); }
html:is(
  [data-kilg-design="custom-broadcast"],
  [data-kilg-design="custom-garden"],
  [data-kilg-design="custom-terminal"],
  [data-kilg-design="custom-paper"],
  [data-kilg-design="custom-night-shift"],
  [data-kilg-design="custom-brutalist"],
  [data-kilg-design="custom-museum"],
  [data-kilg-design="custom-ocean"]
) :is(.project-card, .archive-card, .bio-card, .portrait-placeholder) { border-color: var(--line); }
html:is(
  [data-kilg-design="custom-broadcast"],
  [data-kilg-design="custom-garden"],
  [data-kilg-design="custom-terminal"],
  [data-kilg-design="custom-paper"],
  [data-kilg-design="custom-night-shift"],
  [data-kilg-design="custom-brutalist"],
  [data-kilg-design="custom-museum"],
  [data-kilg-design="custom-ocean"]
) .project-card.accent { background-color: var(--sage); }
html:is(
  [data-kilg-design="custom-broadcast"],
  [data-kilg-design="custom-garden"],
  [data-kilg-design="custom-terminal"],
  [data-kilg-design="custom-paper"],
  [data-kilg-design="custom-night-shift"],
  [data-kilg-design="custom-brutalist"],
  [data-kilg-design="custom-museum"],
  [data-kilg-design="custom-ocean"]
) .project-card.accent :is(p, .project-meta) { color: var(--muted); }
html:is(
  [data-kilg-design="custom-broadcast"],
  [data-kilg-design="custom-garden"],
  [data-kilg-design="custom-terminal"],
  [data-kilg-design="custom-paper"],
  [data-kilg-design="custom-night-shift"],
  [data-kilg-design="custom-brutalist"],
  [data-kilg-design="custom-museum"],
  [data-kilg-design="custom-ocean"]
) :is(.project-image, .archive-card .wp-block-post-featured-image) { border-color: var(--line); }
html:is(
  [data-kilg-design="custom-broadcast"],
  [data-kilg-design="custom-garden"],
  [data-kilg-design="custom-terminal"],
  [data-kilg-design="custom-paper"],
  [data-kilg-design="custom-night-shift"],
  [data-kilg-design="custom-brutalist"],
  [data-kilg-design="custom-museum"],
  [data-kilg-design="custom-ocean"]
) :is(.service-list, .service-list article, .timeline, .timeline article, .proof-content ul, .proof-content li) { border-color: var(--line); }

/* Broadcast — editorial graphics, hard rules and signal colours. */
html[data-kilg-design="custom-broadcast"] {
  --paper-deep: #dfe5f5;
}
html[data-kilg-design="custom-broadcast"] body {
  background-image: repeating-linear-gradient(90deg, transparent 0 79px, rgba(12, 27, 82, .045) 79px 80px);
}
html[data-kilg-design="custom-broadcast"] .hero {
  border-top: 10px solid var(--orange);
  background: linear-gradient(110deg, var(--paper) 0 68%, var(--sage) 68% 100%);
}
html[data-kilg-design="custom-broadcast"] :is(.hero h1, .section-intro h2, .advisory-head h2, .proof h2, .contact h2) {
  font-family: var(--sans);
  font-weight: 900;
  line-height: .86;
  letter-spacing: -.07em;
  text-transform: uppercase;
}
html[data-kilg-design="custom-broadcast"] :is(.kicker, .item-meta, .project-meta, .decline-label) { color: var(--orange); }
html[data-kilg-design="custom-broadcast"] :is(.button, .collection-link, .project-card, .bio-card, .portrait-placeholder) { border-width: 3px; }
html[data-kilg-design="custom-broadcast"] .project-card { box-shadow: 7px 7px 0 var(--ink); }
html[data-kilg-design="custom-broadcast"] .project-card.accent { background: var(--sage); }
html[data-kilg-design="custom-broadcast"] .proof { background: var(--sage); }
html[data-kilg-design="custom-broadcast"] :is(.positions, .contact) { background: #0c1b52; }
html[data-kilg-design="custom-broadcast"] .decline-note { border-top-width: 8px; }

/* Garden — soft organic panels and botanical rhythm. */
html[data-kilg-design="custom-garden"] {
  --paper-deep: #cbdcbf;
}
html[data-kilg-design="custom-garden"] body {
  background-image: radial-gradient(ellipse at 10% 20%, rgba(57,126,62,.13) 0 2%, transparent 2.2%), radial-gradient(ellipse at 85% 65%, rgba(57,126,62,.11) 0 1.5%, transparent 1.7%);
  background-size: 180px 140px;
}
html[data-kilg-design="custom-garden"] .hero {
  background: radial-gradient(ellipse at 88% 18%, rgba(237,95,145,.3), transparent 27%), radial-gradient(ellipse at 70% 88%, rgba(49,92,57,.16), transparent 34%), var(--paper);
}
html[data-kilg-design="custom-garden"] :is(.project-card, .bio-card, .portrait-placeholder, .archive-card) {
  overflow: hidden;
  border-radius: 42px 10px 38px 13px;
  box-shadow: 0 18px 48px rgba(22,57,30,.13);
}
html[data-kilg-design="custom-garden"] .project-card:nth-child(2n) { transform: rotate(-.65deg); }
html[data-kilg-design="custom-garden"] .project-card:nth-child(3n) { transform: rotate(.55deg); }
html[data-kilg-design="custom-garden"] :is(.button, .collection-link) { border-radius: 999px; }
html[data-kilg-design="custom-garden"] .project-image { border-radius: 39px 7px 0 0; }
html[data-kilg-design="custom-garden"] .advisory { background: rgba(255,249,233,.9); }
html[data-kilg-design="custom-garden"] .proof { border-radius: 70px 0 70px 0; }
html[data-kilg-design="custom-garden"] :is(.positions, .contact) { background: #17391e; }

/* Terminal — a readable dark console rather than an inverted green slab. */
html[data-kilg-design="custom-terminal"] {
  --paper-deep: #080d0a;
  --white: #0b110d;
  --sage: #102718;
  --serif: "Courier New", Courier, monospace;
  --sans: "Courier New", Courier, monospace;
  color-scheme: dark;
}
html[data-kilg-design="custom-terminal"] body {
  background-image: repeating-linear-gradient(0deg, transparent 0 3px, rgba(140,255,154,.035) 3px 4px);
}
html[data-kilg-design="custom-terminal"] :is(.hero, .advisory, .built, .positions, .proof, .bio-section, .contact, .footer) {
  color: var(--ink);
  background-color: var(--paper);
  background-image: none;
}
html[data-kilg-design="custom-terminal"] :is(.project-card, .project-card.accent, .bio-card, .portrait-placeholder, .archive-card) {
  color: var(--ink);
  border-color: var(--line);
  background: var(--white);
  box-shadow: 0 0 0 1px var(--line), 0 0 24px rgba(140,255,154,.04);
}
html[data-kilg-design="custom-terminal"] :is(.project-card p, .project-card.accent p, .project-meta, .project-card.accent .project-meta, .service-list p, .timeline article div p, .section-intro > p:last-child, .contact-copy > p:last-child) { color: var(--muted); }
html[data-kilg-design="custom-terminal"] :is(.hero h1, .section-intro h2, .advisory-head h2, .proof h2, .contact h2)::after {
  content: "_";
  color: var(--orange);
  animation: kilg-compat-blink 1s step-end infinite;
}
html[data-kilg-design="custom-terminal"] :is(.project-image img, .portrait-placeholder img) { filter: grayscale(1) sepia(1) hue-rotate(65deg) saturate(5); }
html[data-kilg-design="custom-terminal"] :is(.button, .collection-link) { border-color: var(--ink); background: transparent; box-shadow: none; }
html[data-kilg-design="custom-terminal"] .button-dark { color: var(--paper); background: var(--ink); }
html[data-kilg-design="custom-terminal"] .grain { opacity: .08; mix-blend-mode: screen; }
@keyframes kilg-compat-blink { 50% { opacity: .18; } }

/* Paper — newspaper hierarchy, ruled stock and restrained imagery. */
html[data-kilg-design="custom-paper"] {
  --paper-deep: #e6dcc4;
}
html[data-kilg-design="custom-paper"] body {
  background-image: repeating-linear-gradient(0deg, transparent 0 27px, rgba(30,20,10,.045) 27px 28px);
}
html[data-kilg-design="custom-paper"] .hero {
  border-top: 5px double var(--ink);
  border-bottom: 5px double var(--ink);
  background: transparent;
}
html[data-kilg-design="custom-paper"] :is(.hero h1, .section-intro h2, .advisory-head h2, .proof h2, .contact h2) { letter-spacing: -.045em; }
html[data-kilg-design="custom-paper"] .project-grid { gap: 0; border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); }
html[data-kilg-design="custom-paper"] .project-card {
  border: 0;
  border-right: 1px solid var(--ink);
  border-bottom: 1px solid var(--ink);
  background: transparent;
}
html[data-kilg-design="custom-paper"] .project-card.accent { background: rgba(216,201,167,.45); }
html[data-kilg-design="custom-paper"] :is(.project-image img, .portrait-placeholder img) { filter: grayscale(1) contrast(1.08); }
html[data-kilg-design="custom-paper"] :is(.bio-card, .portrait-placeholder) { box-shadow: none; }
html[data-kilg-design="custom-paper"] .proof { background: #d8c9a7; }
html[data-kilg-design="custom-paper"] :is(.positions, .contact) { background: #191611; }

/* Night Shift — luminous dark surfaces with restrained glow. */
html[data-kilg-design="custom-night-shift"] {
  --paper-deep: #0a1034;
  --white: #111948;
  --sage: #171f5b;
  color-scheme: dark;
}
html[data-kilg-design="custom-night-shift"] body {
  background-image: radial-gradient(#fff 0 .8px, transparent 1px);
  background-size: 37px 37px;
}
html[data-kilg-design="custom-night-shift"] :is(.hero, .advisory, .built, .positions, .proof, .bio-section, .contact, .footer) {
  color: var(--ink);
  background-color: var(--paper);
}
html[data-kilg-design="custom-night-shift"] .hero { background-image: radial-gradient(circle at 78% 24%, rgba(255,87,213,.2), transparent 28%), radial-gradient(circle at 20% 80%, rgba(101,243,255,.12), transparent 30%); }
html[data-kilg-design="custom-night-shift"] :is(.project-card, .project-card.accent, .bio-card, .portrait-placeholder, .archive-card) {
  color: var(--ink);
  border-color: #7471ff;
  background: var(--white);
  box-shadow: 0 0 0 1px #7471ff, 0 0 42px rgba(101,243,255,.12);
}
html[data-kilg-design="custom-night-shift"] :is(.project-card p, .project-card.accent p, .project-meta, .project-card.accent .project-meta, .service-list p, .timeline article div p, .section-intro > p:last-child, .contact-copy > p:last-child) { color: var(--muted); }
html[data-kilg-design="custom-night-shift"] :is(.hero h1, .section-intro h2, .advisory-head h2, .proof h2, .contact h2) { text-shadow: 0 0 26px rgba(255,87,213,.24); }
html[data-kilg-design="custom-night-shift"] .proof { background: #111948; }
html[data-kilg-design="custom-night-shift"] .button:hover { box-shadow: 5px 5px 0 var(--orange), 0 0 30px rgba(255,87,213,.35); }

/* Brutalist — deliberately loud, thick and slightly unstable. */
html[data-kilg-design="custom-brutalist"] {
  --paper-deep: #00dcff;
  --white: #fff;
  --sage: #00dcff;
  --serif: Impact, "Arial Black", Arial, sans-serif;
  --sans: Arial, Helvetica, sans-serif;
}
html[data-kilg-design="custom-brutalist"] .hero { border: 5px solid var(--ink); background: var(--paper); }
html[data-kilg-design="custom-brutalist"] :is(.hero h1, .section-intro h2, .advisory-head h2, .proof h2, .contact h2) {
  font-family: var(--serif);
  line-height: .82;
  text-transform: uppercase;
  -webkit-text-stroke: 1px var(--ink);
}
html[data-kilg-design="custom-brutalist"] :is(.button, .collection-link, .project-card, .bio-card, .portrait-placeholder, .archive-card) {
  border-width: 4px;
  border-color: var(--ink);
  box-shadow: 10px 10px 0 var(--ink);
}
html[data-kilg-design="custom-brutalist"] .project-card:nth-child(odd) { transform: rotate(-1deg); }
html[data-kilg-design="custom-brutalist"] .project-card:nth-child(even) { transform: rotate(.8deg); }
html[data-kilg-design="custom-brutalist"] .project-card.accent { background: var(--orange); }
html[data-kilg-design="custom-brutalist"] .proof { background: var(--sage); }
html[data-kilg-design="custom-brutalist"] .decline-note { border-top: 9px solid var(--ink); }
html[data-kilg-design="custom-brutalist"] :is(.positions, .contact) { background: #000; }

/* Museum — quiet gallery spacing, burgundy rules and caption-like cards. */
html[data-kilg-design="custom-museum"] {
  --paper-deep: #eee9df;
  --white: #fffdf8;
  --sage: #d8c8a8;
}
html[data-kilg-design="custom-museum"] body { background: var(--paper); }
html[data-kilg-design="custom-museum"] .hero {
  padding-left: clamp(28px, 11vw, 170px);
  border-left: 1px solid var(--line);
  background: radial-gradient(circle at 76% 30%, rgba(126,27,52,.08), transparent 28%), var(--paper);
}
html[data-kilg-design="custom-museum"] .hero h1 {
  max-width: 980px;
  margin-left: clamp(0px, 6vw, 90px);
  font-size: clamp(60px, 8vw, 122px);
  line-height: .92;
  letter-spacing: -.055em;
}
html[data-kilg-design="custom-museum"] .hero-bottom { grid-template-columns: minmax(280px, .78fr) 1.22fr; }
html[data-kilg-design="custom-museum"] :is(.kicker, .item-meta, .project-meta, .decline-label) { color: var(--orange); }
html[data-kilg-design="custom-museum"] .built { background: var(--white); }
html[data-kilg-design="custom-museum"] .project-grid { column-gap: clamp(24px, 4vw, 64px); row-gap: 76px; }
html[data-kilg-design="custom-museum"] .project-card,
html[data-kilg-design="custom-museum"] .project-card.accent {
  min-height: 430px;
  padding: 0;
  border: 0;
  border-top: 1px solid var(--line);
  background: transparent;
}
html[data-kilg-design="custom-museum"] .project-image,
html[data-kilg-design="custom-museum"] .project-card:nth-child(n+4) .project-image {
  height: clamp(210px, 19vw, 290px);
  margin: 18px 0 26px;
  border: 1px solid var(--line);
  background: var(--paper);
}
html[data-kilg-design="custom-museum"] .project-card h3 { margin-top: auto; color: var(--orange); }
html[data-kilg-design="custom-museum"] :is(.bio-card, .portrait-placeholder) { box-shadow: none; }
html[data-kilg-design="custom-museum"] .service-list article { padding-top: 42px; padding-bottom: 48px; }
html[data-kilg-design="custom-museum"] .proof { background: #d8c8a8; }
html[data-kilg-design="custom-museum"] :is(.positions, .contact) { background: #24191b; }

/* Ocean — fluid cards, wave fields and deep-water inverse sections. */
html[data-kilg-design="custom-ocean"] {
  --paper-deep: #a8dbe5;
  --white: #ecfcff;
  --sage: #b7ef4d;
}
html[data-kilg-design="custom-ocean"] body {
  background-image: radial-gradient(ellipse at 50% 100%, transparent 40%, rgba(255,255,255,.55) 41% 42%, transparent 43%);
  background-size: 110px 60px;
}
html[data-kilg-design="custom-ocean"] .hero {
  background: radial-gradient(circle at 82% 24%, rgba(183,239,77,.32), transparent 27%), radial-gradient(ellipse at 12% 100%, rgba(255,255,255,.55), transparent 38%), var(--paper);
}
html[data-kilg-design="custom-ocean"] :is(.project-card, .bio-card, .portrait-placeholder, .archive-card) {
  overflow: hidden;
  border-radius: 52% 48% 46% 54% / 8% 10% 9% 11%;
  box-shadow: 0 22px 44px rgba(5,61,85,.14);
}
html[data-kilg-design="custom-ocean"] .project-card:nth-child(even) { transform: translateY(22px); }
html[data-kilg-design="custom-ocean"] .project-image { border-radius: 46% 54% 0 0 / 18% 22% 0 0; }
html[data-kilg-design="custom-ocean"] :is(.button, .collection-link) { border-radius: 999px; }
html[data-kilg-design="custom-ocean"] .proof { background: var(--sage); }
html[data-kilg-design="custom-ocean"] :is(.positions, .contact) { background: #043d55; }

@media (max-width: 800px) {
  html[data-kilg-design="custom-museum"] .hero { padding-left: 24px; border-left: 0; }
  html[data-kilg-design="custom-museum"] .hero h1 { margin-left: 0; }
  html[data-kilg-design="custom-museum"] .hero-bottom { grid-template-columns: 1fr; }
  html[data-kilg-design="custom-museum"] .project-grid { row-gap: 34px; }
  html[data-kilg-design="custom-garden"] .project-card,
  html[data-kilg-design="custom-brutalist"] .project-card,
  html[data-kilg-design="custom-ocean"] .project-card { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-kilg-design="custom-terminal"] :is(.hero h1, .section-intro h2, .advisory-head h2, .proof h2, .contact h2)::after { animation: none; }
}