:root{--black:#505467;--navy:#595e73;--white:#f8f8fa;--muted:#d2d3dd;--line:#73788d;color-scheme:light}
body{background:#505467;color:#f8f8fa}.nav{border-bottom-color:#ffffff22}.nav nav a{color:#ececf3}.nav nav.mobile-open{background:#505467f7!important;box-shadow:0 12px 32px #383c5025}
.hero{background:#505467}.hero:before{background:linear-gradient(90deg,#505467 0%,#505467eb 27%,#50546795 44%,#50546700 68%),url('/assets/optimized/hero-white-on-slate-v2-12cbb90feb-1600.webp') center/cover no-repeat;opacity:1}.hero:after{background:linear-gradient(transparent,#505467);height:150px}.lead{color:#ecebf2}
.rail-track{background:#a99a78}.rail-step i{background:#505467;box-shadow:0 0 0 4px #505467;color:#d6bd88;border-color:#bda979}.rail-step i.is-lit,.rail-step:last-child i.is-lit{background:#66616a;color:#fff0bd;box-shadow:0 0 0 4px #505467,0 0 13px #e8b74a80,0 0 28px #f4ae314a}.rail-step small{color:#e0dfe8}
.service-ribbon{background:linear-gradient(#50546700,#505467)}.service-item{background:#ffffff07!important}.service-item:hover{background:#ffffff12!important}.service-item .service-estimate{color:#edcf91}.service-estimate strong{color:#ffe0a1}
.dark,#works,.studio-process,.studio-testimonials,.studio-values,.benefits{background:#505467;color:#f8f8fa}.studio-process{background:linear-gradient(#505467,#555a6e)}.studio-testimonials{background:#555a6e}.studio-values{background:radial-gradient(ellipse at 12% 15%,#deb57113,transparent 48%),#505467}
.concept-note,.testimonials-intro,.testimonials-note,.values-intro,.values-bottom p{color:#d5d5df}
.real-project{background:#ffffff06;border-color:#c7bc9e55}.project-devices{background:radial-gradient(ellipse at 50% 95%,#eed9ad25,transparent 65%),#595e72}.real-project-caption p{color:#dddbe5}.real-project-status{color:#d2be97}
.studio-carousel-frame .studio-carousel-arrow{background:#505467;color:#efcd8b;border-color:#d1b67799;box-shadow:0 4px 16px #33394b22}
.story-step p{color:#d5d5df}.story-node{background:#505467;color:#e4c384;box-shadow:0 0 0 6px #555a6e;border-color:#b8a16e}.is-active .story-node{color:#fff0c0;background:#66616a;box-shadow:0 0 0 6px #555a6e,0 0 18px #dfae5360}.story-track{background:#a99a78}.process-collage{filter:none}.is-active .process-collage{filter:drop-shadow(0 5px 16px #e0b66720)}
.studio-values .value-card{background:#ffffff06;border-color:#d0ae6555}.studio-values .value-card p{color:#dcdae4}.value-outcome{color:#dfc796;border-color:#ffffff22}.value-top>span{color:#d8c399}
.testimonial-card,.testimonial-card:first-child{background:#ffffff06;border-color:#d0ae6555}.testimonial-card:hover{background:#ffffff0c}.review-work p{color:#e4e1e9}.review-work>small,.review-work>span,.review-example{color:#d0cbd6}.testimonial-card figcaption{border-color:#c5a45e44}.testimonial-avatar{background:#6a6370;color:#f1d59d}.testimonial-card figcaption small{color:#ddc8a0}.testimonial-index{color:#cfbd98}.project-testimonial .testimonial-project{background:#595e72}
.calc-result{background:linear-gradient(145deg,#505467,#656a80)}.calc-result small,.calc-result .calc-note,.calc-result .calc-scope,.calc-breakdown li{color:#e0dce8}
.footer{background:#4a4e61;border-color:#ffffff22}.footer p{color:#d2d0db}
@media(max-width:900px){.hero:before{background-position:62% center}}
@media(max-width:540px){.hero:before{background:linear-gradient(90deg,#505467a0,#50546725),url('/assets/optimized/hero-white-on-slate-v2-12cbb90feb-1600.webp') 68% center/cover no-repeat;opacity:.9}}
/* A changing rhythm of slate, warm white and cool white down the page. */
#works{position:relative;background:#faf8f3;color:#262831;padding-top:82px;border-bottom:1px solid #dacba657}
#works:before{display:none}
#works:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#c9a15d50}
#works .concept-note{color:#77747a}#works .real-project{background:#fff;border-color:#cbb88866;box-shadow:0 10px 24px #8d816214}#works .project-devices{background:radial-gradient(ellipse at 50% 95%,#ead4a945,transparent 65%),#eeeae1}#works .real-project-caption h3{color:#282a32}#works .real-project-caption p{color:#727079}#works .real-project-caption small,#works .real-project-status{color:#97743b}#works .studio-carousel-arrow{background:#fffdf7;color:#a17c38;border-color:#bea16b80;box-shadow:0 4px 16px #a18b5c18}
#steps{position:relative;background:linear-gradient(145deg,#f1f3f8,#e4e8f0);color:#303440;padding:66px 0 54px}
#steps:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#c2a47270,transparent)}
#steps .story-step h3{color:#303440}#steps .story-step p{color:#6c7180}#steps .story-node{background:#eef0f6;color:#927645;border-color:#c5b48e;box-shadow:0 0 0 6px #edf0f6}#steps .is-active .story-node{background:#fff3d3;color:#a07b2b;border-color:#c9a45a;box-shadow:0 0 0 6px #edf0f6,0 0 18px #d8ae5540}#steps .story-track{background:#cabd9e}
#reviews{position:relative;background:linear-gradient(125deg,#555a6e,#5e647a);border-top:1px solid #cbb88855;border-bottom:1px solid #cbb88855;padding-top:46px;padding-bottom:46px}
#reviews .testimonial-card{background:#ffffff08;border-color:#e2cf9b40}#reviews .studio-carousel-arrow{background:#5b6177}
#why{position:relative;background:radial-gradient(ellipse at 10% 10%,#ecd9ae30,transparent 50%),#fbf9f4;color:#292b33;padding-top:74px}
#why:before{display:none}
#why .values-heading h2 span{color:#b18b42}#why .values-intro,#why .values-bottom p{color:#747079}#why .value-card{background:#fff;border-color:#cfbc9170;box-shadow:0 8px 25px #9f8c6910}#why .value-card:hover{background:#fffaf0}#why .value-card h3{color:#30313a}#why .value-card p{color:#75717a}#why .value-top>span{color:#9a8054}#why .value-outcome{color:#92703e;border-color:#d5c6a745}#why .value-symbol{background:radial-gradient(circle,#f0dfbd66,transparent 75%)}#why .value-symbol svg{stroke:#b28e49}#why .values-bottom a{color:#aa8140}
#prices{background:#edf0f5;border-top:1px solid #d5d9e2}#contact{background:linear-gradient(180deg,#fff,#f7f4ec)}
@media(max-width:650px){#works{padding-top:62px}#works:before{display:none}#works:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#c9a15d50}#steps{padding:44px 0}#reviews{padding:36px 0}#why{padding-top:56px}}
