/* Quiet plum accents on the original warm canvas. */
body{color:#302936}.eyebrow,.small-label,.project-total{color:#74677e}
h1 em,.approach em,.contact em{color:#76548d}h2 span{color:#a092ab}
.status-dot{background:#9573ad;box-shadow:0 0 0 4px #9573ad14}
.button.light,.filters button.active{background:#6b4883;border-color:#6b4883}.button.light:hover{background:#80589a}
.button{border-color:#cfc0da}.button:hover{background:#eee7f3}
.capability-strip{background:#f0ebf3;border-color:#e2d8e9}.capability-strip i{color:#9478a7}
.service{background:#f2eef5;border-color:#e1d6e8}.service-top,.service-visual{color:#9372a9}.service p,.section-heading p,.approach p,.contact-intro p,.project-copy p{color:#776c7e}
.service .tags,.project-copy .small-label{color:#8b729d}.orb i{border-color:#a687bf75}.workflow i{border-color:#baa3ca;background:#f9f5fc}.workflow i:nth-of-type(2){background:#9774b0}.workflow span{background:#c4aed4}.strategy i{background:#ccb8dc}.strategy i:nth-child(5){background:#9470af}
.work-section,.approach,.contact,footer,.steps article{border-color:#e0d6e7}.approach{background:radial-gradient(ellipse at 10% 60%,#e9dff199,transparent 60%)}
.project-card{border-color:#e1d6e8}.project-card .project-art,.project-card:nth-child(3n+2) .project-art,.project-card:nth-child(3n) .project-art{height:225px;background:radial-gradient(ellipse at 50% 45%,#faf7fd,#ece4f3)}
.project-art:before,.project-art:after{display:none}.topic-visual{width:100%;height:100%;overflow:visible}
.js-motion .float-main{animation:topic-float 6s ease-in-out infinite;transform-origin:center}.js-motion .float-detail{animation:topic-float 5s 1s ease-in-out infinite reverse;transform-origin:center}
.js-motion .project-card:nth-child(2n) .float-main{animation-delay:-2s}.js-motion .draw-signal{stroke-dasharray:400;stroke-dashoffset:400;animation:trace-signal 5s ease-in-out infinite}.js-motion .status-pulse{animation:dot-breathe 3s ease-in-out infinite}.js-motion .viz-bar{transform-box:fill-box;transform-origin:bottom;animation:bar-grow 4s ease-in-out infinite alternate}
.project-card:hover .float-main{animation-duration:3s}.project-card:hover{box-shadow:0 14px 30px #6945800d}
.steps article>span,.tags{color:#9682a4}.email,input,textarea,select{border-color:#c7b7d2}label,input,textarea,select{color:#685475}.form-note,footer{color:#85738f}footer .wordmark{color:#694680}.hero-edge{color:#83738d;border-color:#73568729}.hero-caption .small-label{color:#82718d}
dialog{color:#46344f;border-color:#cdbbda}dialog p{color:#7c6b86}.film-controls p{color:#85738f}
.js-motion .workflow span{background-image:linear-gradient(90deg,#c9b4d9,#9670b5,#c9b4d9)}
@keyframes topic-float{0%,100%{transform:translateY(3px) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@keyframes trace-signal{0%{stroke-dashoffset:400;opacity:.3}45%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.3}}
@keyframes dot-breathe{50%{opacity:.4}}
@media(max-width:700px){.project-card .project-art,.project-card:nth-child(3n+2) .project-art,.project-card:nth-child(3n) .project-art{height:210px}}