@charset "UTF-8";

:root{
  --page:#fff;
  --paper:#f6f5f0;
  --ink:#171717;
  --muted:#62625d;
  --light-line:#d6d6cf;
  --accent-ink:#6a5f00;
}

body{background:var(--page);color:var(--ink);color-scheme:light}
.site-header{background:rgba(255,255,255,.96);border-bottom-color:#deded8;color:var(--ink)}
.menu-button{color:var(--ink)}
.section-kicker,.case-toolbar>span,.case-body header span,.case-body dt{color:var(--accent-ink)}

.service-grid{border-color:#c8c8c2}
.service-card{background:var(--paper);border-color:#c8c8c2}
.service-card img{filter:grayscale(.75) brightness(.94)}
.service-card:hover img{filter:grayscale(.35) brightness(.98)}
.service-overlay:before{background:linear-gradient(180deg,rgba(255,255,255,.96) 0,rgba(255,255,255,.86) 48%,rgba(255,255,255,.52) 75%,rgba(255,255,255,.84) 100%)}
.service-overlay span,.service-overlay>i{color:var(--accent-ink);filter:none}
.service-overlay h3,.service-overlay p{color:var(--ink);text-shadow:0 1px 5px rgba(255,255,255,.9)}

.flow article{background:#fff;border-color:color-mix(in srgb,var(--stage) 55%,#b5b5ad);box-shadow:0 12px 26px rgba(25,25,20,.08)}
.flow article h3,.flow article p{color:var(--ink)}
.flow-note{border-color:var(--light-line);background:var(--paper)}
.proof-board{border-color:#bcbcb5}
.proof-item{border-color:var(--light-line)}
.proof-item i{color:var(--accent-ink)}

.approach-grid{background:#fff;border-color:#c7c7c0}
.approach-grid article{border-color:#d0d0c9}
.approach-grid article:after{background:rgba(255,255,255,.84)}
.approach-grid article:not(:last-child):before{color:var(--accent-ink)}
.approach-grid b,.approach-grid h3,.approach-grid p{color:var(--ink)}

.portrait-photo{background:#ecece7}
.working-style li{border-color:var(--light-line)}
.profile-copy i{color:var(--accent-ink)}

.case-intro{color:var(--muted)}
.case-toolbar{border-color:var(--light-line)}
.case-status{color:var(--muted)}
.case-arrow{border-color:#a8a8a1;background:#fff;color:var(--ink)}
.case-card{background:#fff;border-color:#c9c9c2;border-top-color:var(--yellow);box-shadow:0 16px 38px rgba(25,25,20,.08)}
.case-card figure{background:#ecece7}
.case-body header small{color:#4f4f4a;border-color:#bdbdb6}
.case-body h3,.case-body dd{color:var(--ink)}
.case-body dl>div,.case-role{border-color:var(--light-line)}
.case-role{color:var(--muted)}
.case-progress{background:#dfdfd9}

.faq-intro,.faq-list details p{color:var(--muted)}
.faq-list,.faq-list details{border-color:var(--light-line)}
.faq-list summary{color:var(--ink)}
.faq-list summary::after{color:var(--accent-ink)}

.contact-form{background:#fff;color:var(--ink);border:1px solid #d6d6cf;box-shadow:0 18px 42px rgba(25,25,20,.1)}
.form-field label span{color:#666}
.form-field input,.form-field select,.form-field textarea{border-color:#bdbdb6;background:#fff;color:var(--ink)}
.form-field select{color-scheme:light}
.form-field textarea::placeholder{color:#777}
.form-consent{color:#444}
.form-consent a{color:#174ea6;text-decoration:underline;text-underline-offset:2px}
.contact-form .button-dark{border-color:#171717;background:#171717;color:#fff}
.contact-form .button-dark:hover{border-color:#333;background:#333;color:#fff}
.form-status{color:#555!important}
.form-status.is-error{color:#b42318!important}
.form-status.is-success{color:#217a35!important}

footer{border-color:var(--light-line)}
.footer-links{display:flex;align-items:center;gap:24px}
.footer-links a{text-decoration:underline;text-underline-offset:3px}

@media(max-width:980px){
  .global-nav{background:#fff;border-color:var(--light-line)}
}

@media(max-width:650px){
  .footer-links{align-items:flex-end;flex-direction:column;gap:5px}
}