/* Clay-inspired neutral surfaces; BadMonkey keeps its yellow and teal accents. */
:root{--yellow:#f7cf1f;--mint:#00d8b6;--teal:#009f81;--paper:#ffffff;--soft:#f3f4f6;--charcoal:#171921;--bg:var(--paper);--panel:var(--soft);--ink:#06070a;--muted:#535660;--line:#06070a26;--lime:var(--yellow);--copper:var(--mint);--leaf:var(--mint);color-scheme:light;background:var(--paper);color:var(--ink)}
body{background:var(--paper);color:var(--ink)}
.capabilities,.work{background:var(--paper);color:var(--ink)}
.engagement,.about,.contact,.site-footer{background:var(--soft);color:var(--ink)}
.credibility-strip{background:var(--paper);color:var(--ink);border-color:var(--line)}
.credibility-strip strong{color:var(--ink)}
.credibility-strip>p:first-child span,.credibility-strip>p:last-child,.credibility-strip>div span,.strip-symbol{color:var(--muted)}
.section-aside,.service-meta,.service-number,.index,.section-heading .index,.about .section-heading .index{color:var(--muted)}
.capabilities h2 em,.engagement h2 em,.work h2 em,.about h2 em,.contact h2 em{color:var(--muted)}
.service[open] summary h3,.service-body .text-link,.engagement>.text-link,.past-work>button:hover,.text-link:hover{color:var(--muted)}
.service summary:hover{background:linear-gradient(90deg,#009f810a,transparent)}
.plus::before,.plus::after{background:var(--ink)}
.service-body ul,.service-body li::before,.engagement-steps span,.project-caption p,.project-caption>span,.past-work>span:first-child,.past-work>button>span,.about-copy p,.infrastructure p:not(.eyebrow){color:var(--muted)}
.engagement,.work,.engagement-steps>div,.infrastructure{border-color:var(--line)}
.engagement-steps>div::before{background:var(--teal);box-shadow:0 0 0 4px #009f8115}
.engagement-steps>div::after{background:linear-gradient(90deg,var(--teal),transparent)}
.infra-labels span{color:var(--muted);border-color:#009f8155}
.lab{background:var(--charcoal);color:#ffffff;--line:#ffffff26;--muted:#c5c7ce}
.lab h2 em{color:#c5c7ce}
.lab .eyebrow,.lab .index,.lab-live,.lab-name>span,.lab-category,.lab-archive>p,.lab-archive button span{color:#c5c7ce}
.lab-live i{background:var(--mint)}.lab-row:hover{background:#ffffff06}
.lab-arrow,.lab-row:hover .lab-arrow{color:var(--mint)}
.lab-archive button:hover{color:#ffffff}
.vault-monogram{background:#232631;color:var(--yellow);border-color:#ffffff30}
.vault-monogram>span{color:var(--mint)}.roof-monogram{background:var(--teal);color:#fff}
.contact .eyebrow{color:var(--muted)}.contact .eyebrow i{background:var(--teal)}
.contact-orb{border-color:#06070a55;color:var(--ink)}
.contact-orb:hover{background:var(--ink);color:var(--yellow)}
.contact-bottom{border-color:var(--line)}
.contact-bottom>.text-link{color:var(--muted);border-color:#009f8166}
.contact .signature-print{stroke:#006452}.contact .signature>span{color:var(--muted)}
.site-footer>span,.site-footer>p,.back-top{color:var(--muted)}
.site-footer .brand-period{text-shadow:none}
.dialog{background:var(--soft);color:var(--ink)}
.dialog h2 em,.dialog .eyebrow,.dialog label{color:var(--muted)}
.dialog p,.form-note,.visual-note{color:var(--muted)}
.dialog .project-tags span,.dialog .form-status{color:var(--muted)}
.dialog .project-tags span{border-color:#009f8155}
.dialog input,.dialog textarea,.dialog select{color:var(--ink);background:#fff;border-color:#06070a33}
.dialog input::placeholder,.dialog textarea::placeholder{color:#717580}
.dialog .button{background:var(--charcoal);color:#fff}.dialog .button:hover{background:#006452}
.mobile-nav{background:var(--soft);color:var(--ink)}.mobile-nav>button{color:var(--muted)}
.journey,.journey-stage{background:var(--charcoal);color:#fff8ed}
.journey .chapter>.button{background:transparent;color:#fff;border:1px solid #ffffff80;clip-path:none}
.journey .chapter>.button:hover{background:var(--yellow);color:#000;border-color:var(--yellow)}
.journey .text-link:hover{color:var(--yellow)}
.journey.motion-off,.motion-off .chapter,.motion-off .journey-bottom{background:var(--soft);color:var(--ink)}
.motion-off .chapter{border-color:var(--line)}
.motion-off .chapter h2,.motion-off .chapter-description,.motion-off .motion-toggle,.motion-off .skip-story{color:var(--ink)}
.motion-off .chapter h2 em,.motion-off .chapter .text-link{color:var(--muted)}
.motion-off .chapter-hero{background:transparent}
@media(max-width:800px){
 .film-wrap{background:var(--charcoal)}
 .film-scrim,.journey[data-chapter="5"] .film-scrim{background:linear-gradient(0deg,#171921 0%,#171921 31%,transparent 55%)}
 .journey .chapter h2,.journey .chapter-description,.chapter-hero h1,.chapter-hero.is-active h1{color:#fff8ed}
 .journey .chapter h2 em{color:#94cc08}
 .journey .chapter .text-link,.quiet-link{color:#e0e0e0}
 .journey .chapter>.button{background:transparent;color:#fff;border:1px solid #ffffff80;clip-path:none}
 .journey-bottom{border-color:#ffffff30}
 .scroll-cue,.scroll-cue small,.skip-story,.motion-toggle,.frame-status{color:#f3f4f6}
 .scroll-icon,.motion-toggle span{color:var(--yellow);border-color:#ffffff70}
 .vine-base{stroke:#ffffff40}#vine-growth{stroke:var(--mint)}
 .journey-rail button i{background:var(--charcoal);border-color:#ffffff80}
 .journey-rail button.is-active i{background:var(--yellow);border-color:var(--mint);box-shadow:0 0 0 4px #00d8b620,0 0 0 5px #00d8b660}
 .motion-off .chapter h2,.motion-off .chapter-description{color:var(--ink)}
 .motion-off .chapter h2 em,.motion-off .chapter .text-link{color:var(--muted)}
}
/* The navigation keeps its fading backdrop and follows each section's contrast. */
.site-header.light-surface{color:#06070a}
.site-header.light-surface::before{background:linear-gradient(180deg,#fffffff2 0%,#ffffffd9 48%,#ffffff55 78%,transparent 100%)}
.site-header.light-surface .desktop-nav a{color:#06070a}
.site-header.light-surface .header-descriptor{color:#535660;border-left-color:#06070a30}
.site-header.light-surface .header-cta{color:#06070a;border-color:#06070a55}
.site-header.light-surface .header-cta:hover{background:var(--yellow)}
.site-header.light-surface .menu-toggle span{background:#06070a}

/* Neutral supporting text; teal is reserved for graphic details. */
.journey:not(.motion-off) .chapter-description,.journey:not(.motion-off) .quiet-link{color:#e0e0e0}
.assembly-note,.trail-caption,.trail-caption b,.journey-rail button,.scroll-cue small,.motion-toggle{color:#c5c7ce}

/* Journey line and nodes match the italic headline green. */
.journey-rail{--leaf:#94cc08;--copper:#94cc08}
.journey-rail #vine-growth{stroke:#94cc08}
.journey-rail .vine-base{stroke:#94cc0833}
.journey-rail button.is-visited i{border-color:#94cc08;background:#94cc0855}
.journey-rail button.is-active i{background:#94cc08;border-color:#94cc08;box-shadow:0 0 0 4px #94cc0820,0 0 0 5px #94cc0860}
.journey-rail button:hover i,.journey-rail button:focus-visible i{border-color:#94cc08;box-shadow:0 0 0 4px #94cc0830}

.journey.motion-off .chapter>.button{color:var(--ink);border-color:#06070a80}