/* KODO CG / Bronze reflection + logo accent alignment / v1.9.1
 * Loaded only on /naked-eye-3d/ and /naked-eye-3d/works/.
 * Keep layout, fonts, media and motion in the existing application.
 */
html[data-kodo-bronze="1"] {
  color-scheme: dark;
  --kodo-base: #090808;
  --kodo-surface: #141210;
  --kodo-bronze: radial-gradient(ellipse 56% 115% at 102% 25%, rgba(130,83,44,.20), transparent 85%), linear-gradient(112deg, #141210 0%, #211b16 58%, #191512 100%);
  --kodo-intro: radial-gradient(ellipse at 100% 0%, rgba(105,62,30,.055), transparent 68%), #090808;
  --kodo-heading: #f0ede8;
  --kodo-body: #bfbcb7;
  --kodo-muted: #aaa6a0;
  --kodo-label: #f57a48;
  --kodo-label-gradient: linear-gradient(90deg,#f57a48 0%,#f29200 60%,#f8c800 100%);
  --kodo-line: rgba(240,237,232,.13);
  --kodo-line-soft: rgba(240,237,232,.08);
  --kodo-line-hover: rgba(242,146,0,.38);
  --kodo-card: linear-gradient(140deg,rgba(255,240,218,.018),rgba(0,0,0,.018));
  --kodo-field: #181411;
  --kodo-field-line: #8b7d6e;
  --kodo-focus: #f29200;
  --kodo-error: #e27752;
  --kodo-accent-gradient: linear-gradient(90deg,#9b1c1c 0%,#c0312b 25%,#e06020 60%,#f0c030 100%);
  --kodo-cta: linear-gradient(115deg,#ef5b0c,#ffb000);
  --kodo-cta-ink: #231815;
}
html[data-kodo-bronze="1"] body,
html[data-kodo-bronze="1"] .top-page,
html[data-kodo-bronze="1"] .naked-works-page {
  background: var(--kodo-base) !important;
  color: var(--kodo-heading);
}
/* Surfaces follow content groups; image/video areas retain neutral black. */
html[data-kodo-bronze="1"] .sp-intro { background: var(--kodo-intro) !important; }
html[data-kodo-bronze="1"] :is(.kodo-reasons-section,#kodo-service-guide,#kodo-naked-guide),
html[data-kodo-bronze="1"] .naked-works-page .selected-cg-section {
  background: var(--kodo-bronze) !important;
  border-top-color: var(--kodo-line-soft) !important;
}
html[data-kodo-bronze="1"] :is(.kodo-process-section,#about,#contact,.kodo-works-contact,.naked-footer),
html[data-kodo-bronze="1"] .top-page .selected-cg-section {
  background: var(--kodo-base) !important;
  border-top-color: var(--kodo-line-soft) !important;
}
html[data-kodo-bronze="1"] .naked-projects { background: transparent; }
html[data-kodo-bronze="1"] :is(.kodo-pr-section,.naked-video-slot,.naked-video-viewer,.kodo-works-gallery figure) {
  background: #090808 !important;
}
html[data-kodo-bronze="1"] :is(.naked-video-viewer.is-expanded,.naked-video-viewer:fullscreen) {
  background: #000 !important;
}
html[data-kodo-bronze="1"] .v3-mobile-menu { background: rgba(9,8,8,.98) !important; }
html[data-kodo-bronze="1"] .nav-root {
  background: var(--kodo-base) !important;
  border-bottom: 1px solid var(--kodo-line-soft) !important;
}
/* Logo-family accents: red/orange/yellow. Main titles remain off-white. */
html[data-kodo-bronze="1"] :is(h1,h2,h3,.kodo-necg-title,.kodo-necg-question) {
  color: var(--kodo-heading) !important;
}
html[data-kodo-bronze="1"] :is(.kodo-section-label,.kodo-necg-eyebrow,.naked-project-label,.kodo-brand-number),
html[data-kodo-bronze="1"] .kodo-necg-card::before {
  background: none !important;
  color: var(--kodo-label) !important;
  -webkit-text-fill-color: currentColor;
  width: fit-content;
  max-width: 100%;
}
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  html[data-kodo-bronze="1"] :is(.kodo-section-label,.kodo-necg-eyebrow,.naked-project-label,.kodo-brand-number),
  html[data-kodo-bronze="1"] .kodo-necg-card::before {
    background: var(--kodo-label-gradient) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
  }
}
html[data-kodo-bronze="1"] :is(.kodo-necg-lead,.kodo-necg-answer,.kodo-necg-card p,.kodo-necg-card li,.naked-project-description,.kodo-additional-works p) {
  color: var(--kodo-body) !important;
}
html[data-kodo-bronze="1"] :is(.kodo-works-points span,.naked-project-placeholder span,.kodo-consultation-type label) {
  color: var(--kodo-muted) !important;
}
html[data-kodo-bronze="1"] .naked-project-copy h2.naked-project-upcoming { color: var(--kodo-body) !important; }
/* Decorative borders stay quiet; actual input boundaries have stronger contrast. */
html[data-kodo-bronze="1"] :is(.kodo-necg-card,.kodo-scope-list span,.kodo-necg-faq-list,.kodo-necg-faq,.naked-project-row,.kodo-works-gallery figure,.kodo-works-points,.kodo-additional-works,.naked-project-placeholder) {
  border-color: var(--kodo-line) !important;
}
html[data-kodo-bronze="1"] .kodo-necg-card { background: var(--kodo-card); }
html[data-kodo-bronze="1"] :is(.kodo-scope-list span,.kodo-necg-faq,.kodo-works-status) { background: transparent; }
html[data-kodo-bronze="1"] .kodo-works-status { border-color: var(--kodo-line-hover); color: var(--kodo-heading); }
html[data-kodo-bronze="1"] .naked-project-placeholder { background: var(--kodo-surface); }
/* Retain the original vivid orange navigation CTA; use the logo wordmark ink. */
html[data-kodo-bronze="1"] .nav-consult {
  background: var(--kodo-cta) !important;
  color: var(--kodo-cta-ink) !important;
  -webkit-text-fill-color: currentColor;
  font-weight: 700;
  border: 0;
  transition: filter .2s ease;
}
html[data-kodo-bronze="1"] .nav-consult:hover {
  filter: brightness(1.05);
}
html[data-kodo-bronze="1"] .kodo-outline-button {
  color: var(--kodo-heading) !important;
  min-height: 48px;
}
/* Consultation and work buttons retain the original thin gradient frame.
 * Their existing React span supplies the frame; keep its mask and hit area. */
html[data-kodo-bronze="1"] #contact .submit-wrap .kodo-outline-button,
html[data-kodo-bronze="1"] .kodo-works-contact .kodo-outline-button {
  background: var(--kodo-base) !important;
  color: var(--kodo-heading) !important;
  -webkit-text-fill-color: currentColor;
}
html[data-kodo-bronze="1"] #contact .submit-wrap .kodo-outline-button:hover,
html[data-kodo-bronze="1"] .kodo-works-contact .kodo-outline-button:hover {
  background: #1c1310 !important;
}
html[data-kodo-bronze="1"] .kodo-text-button { color: var(--kodo-body) !important; }
html[data-kodo-bronze="1"] .kodo-text-button:hover { color: var(--kodo-heading) !important; }
html[data-kodo-bronze="1"] :is(button,a,input,textarea,select):focus-visible {
  outline: 2px solid var(--kodo-focus) !important;
  outline-offset: 4px;
}
html[data-kodo-bronze="1"] form[data-kodo-contact="naked-eye-3d"] :is(input,textarea,select) {
  background: var(--kodo-field) !important;
  color: var(--kodo-heading) !important;
  border: 1px solid var(--kodo-field-line) !important;
  caret-color: var(--kodo-heading);
}
html[data-kodo-bronze="1"] form[data-kodo-contact="naked-eye-3d"] :is(input,textarea)::placeholder {
  color: var(--kodo-muted);
  opacity: 1;
}
html[data-kodo-bronze="1"] form[data-kodo-contact="naked-eye-3d"] :is(input,textarea,select):focus {
  border-color: var(--kodo-focus) !important;
}
html[data-kodo-bronze="1"] .kodo-consultation-type option { background: var(--kodo-field); color: var(--kodo-heading); }
html[data-kodo-bronze="1"] form[data-kodo-contact="naked-eye-3d"] [aria-invalid="true"] {
  border-color: var(--kodo-error) !important;
}
html[data-kodo-bronze="1"] form[data-kodo-contact="naked-eye-3d"][data-kodo-sent="true"] [data-kodo-status] {
  border-color: var(--kodo-line-hover) !important;
  color: var(--kodo-heading) !important;
  background: var(--kodo-card);
}
html[data-kodo-bronze="1"] .naked-video-close {
  background: rgba(9,8,8,.94);
  border-color: var(--kodo-field-line);
  color: var(--kodo-heading);
}
html[data-kodo-bronze="1"] .naked-video-play > span {
  background: rgba(9,8,8,.85);
  border-color: var(--kodo-field-line);
}
html[data-kodo-bronze="1"] ::selection { background: #7d1419; color: #fff7ef; }
@media (prefers-reduced-motion: reduce) {
  html[data-kodo-bronze="1"] :is(.nav-consult,.kodo-outline-button,.kodo-text-button) { transition: none; }
}
@media (forced-colors: active) {
  html[data-kodo-bronze="1"] :is(.nav-consult,.kodo-outline-button) { border: 1px solid ButtonText; }
  html[data-kodo-bronze="1"] .kodo-outline-button > span:first-child { display: none; }
  html[data-kodo-bronze="1"] :is(.kodo-section-label,.kodo-necg-eyebrow,.naked-project-label,.kodo-brand-number),
  html[data-kodo-bronze="1"] .kodo-necg-card::before {
    background: none !important;
    color: CanvasText !important;
    -webkit-text-fill-color: CanvasText !important;
  }
}