/* 1.7: quiet motion and usable controls. The default page is always visible. */
body.mfive-site .mf-filter-toggle{display:none}
body.mfive-site .mf-filter-bar.mf-filter-animating{overflow:hidden}
body.mfive-site .mf-faq-content{display:flow-root;overflow:hidden;box-sizing:border-box}
body.mfive-site .mf-faq summary{transition:color .18s ease}
body.mfive-site .mf-faq details{padding:0}
body.mfive-site .mf-faq summary::after{top:50%;transform:translateY(-50%);line-height:1}
body.mfive-site .mf-faq details[open] summary{color:var(--mf-accent)}
body.mfive-site a.mf-button>span[aria-hidden],body.mfive-site .mf-text-link>span[aria-hidden],body.mfive-site .mf-featured-project-link>span,body.mfive-site .mf-project-open,body.mfive-site .mf-service h3>span{transition:transform .2s ease}
body.mfive-site .mf-featured-project-link>span{display:inline-block}
@media(hover:hover) and (pointer:fine){
 body.mfive-site a.mf-button:hover>span[aria-hidden],body.mfive-site .mf-text-link:hover>span[aria-hidden],body.mfive-site .mf-project-card:hover .mf-featured-project-link>span,body.mfive-site .mf-project-card:hover .mf-project-open,body.mfive-site .mf-service:hover h3>span{transform:translate(3px,-3px)}
}
body.mfive-site a.mf-button:focus-visible>span[aria-hidden],body.mfive-site .mf-text-link:focus-visible>span[aria-hidden],body.mfive-site .mf-project-card a:focus-visible .mf-project-open{transform:translate(3px,-3px)}
body.mfive-site .mf-submit-spinner{display:inline-block;flex:none;width:19px;height:19px;border:2px solid #ffffff60;border-top-color:#fff;border-radius:50%;animation:mf-submit-spin .85s linear infinite}
body.mfive-site .mf-inquiry-form[aria-busy="true"] button[type="submit"]{opacity:1;cursor:wait;min-width:min(235px,100%);max-width:100%;gap:18px}
body.mfive-site .mf-submit-status{font-size:15px;line-height:1.6;margin-block:14px;color:var(--mf-muted)}
body.mfive-site .mf-form-error:not([hidden]){padding:15px 17px;margin-block:18px;border-left:3px solid var(--mf-accent);background:#f8eceb;font-size:16px;line-height:1.65;color:#77252b}
body.mfive-site .mf-form-success{padding:25px;background:#edf1e9;border-left:3px solid #425638;margin-block:20px}
body.mfive-site .mf-form-success h2{font-size:clamp(29px,3.1vw,39px);margin-bottom:14px}
body.mfive-site .mf-form-success p{font-size:18px;line-height:1.7;color:var(--mf-ink)}
body.mfive-site .mf-form-success .mf-button{margin-top:20px}
@keyframes mf-submit-spin{to{transform:rotate(360deg)}}
@media(max-width:767px){
 body.mfive-site .mf-filter-toggle{display:grid;grid-template-columns:auto minmax(0,1fr) 20px;align-items:center;gap:12px;width:100%;min-height:58px;padding:15px 17px;background:#fffefb;color:var(--mf-ink);border:1px solid var(--mf-line);border-radius:0;font-size:15px;text-align:left;margin-bottom:16px;box-shadow:none}
 body.mfive-site .mf-filter-toggle:hover,body.mfive-site .mf-filter-toggle[aria-expanded="true"]{background:var(--mf-soft);color:var(--mf-ink)}
 body.mfive-site .mf-filter-selected{font-size:16px;font-weight:650;line-height:1.4;color:var(--mf-accent);min-width:0;text-align:right;overflow-wrap:anywhere}
 body.mfive-site .mf-filter-symbol{font-size:23px;line-height:1;justify-self:end;transition:transform .2s ease}
 body.mfive-site .mf-filter-toggle[aria-expanded="true"] .mf-filter-symbol{transform:rotate(45deg)}
 body.mfive-site .mf-filter-bar{gap:9px;margin-top:0;margin-bottom:24px;align-content:start}
 body.mfive-site .mf-filter-bar button{min-height:46px;flex:1 1 auto}
 body.mfive-site .mf-filter-bar button[aria-pressed="true"]{background:var(--mf-ink);color:#fff;border-color:var(--mf-ink)}
 body.mfive-site .mf-form-success{padding:22px 19px}
}
@media(prefers-reduced-motion:reduce){
 body.mfive-site .mf-submit-spinner{animation:none;border-color:#ffffff90}
 body.mfive-site .mf-filter-symbol{transition:none!important}
 body.mfive-site .mf-faq summary,body.mfive-site a.mf-button>span[aria-hidden],body.mfive-site .mf-text-link>span[aria-hidden],body.mfive-site .mf-featured-project-link>span,body.mfive-site .mf-project-open,body.mfive-site .mf-service h3>span{transition:none!important;transform:none!important}
 body.mfive-site .mf-project-card:hover .mf-project-image img{transform:none!important}
}