/* Work detail extends the shared Webflow layout in mrfix-site.css. */
.nafu-project-page:has(.nafu-work-detail) {
    background: var(--color--body-background-color);
    color: var(--color--body-font-color);
    font-family: var(--font-family--body-font);
}
.nafu-work-detail .pagetitle-heading {
    font-family: var(--font-family--heading-font);
    font-size: var(--_typography---h1--font-size);
    line-height: var(--_typography---h1--line-height);
    letter-spacing: normal;
}
.nafu-work-detail .project-single-title,
.nafu-work-detail .project-single-item-title {
    font-family: var(--font-family--heading-font);
    letter-spacing: normal;
}
.nafu-work-detail .project-single-title { margin-top: 0; font-size: 28px; line-height: 38px; }
.nafu-work-detail .project-single-item-title { margin-top: 0; }
.nafu-work-detail .project-rich-text img { max-width: 100%; height: auto; }
.nafu-work-detail .project-single-page-image { width: 100%; object-fit: cover; border-radius: 10px; }
.nafu-work-detail .project-rich-text h2 { margin: 0 0 22px; font-size: 38px; line-height: 1.25; font-weight: 500; }
.nafu-work-detail .project-rich-text h3 { margin: 34px 0 14px; font-size: 26px; line-height: 1.35; font-weight: 500; }
.nafu-work-detail .project-rich-text p { margin-bottom: 18px; line-height: 1.75; }
.nafu-work-detail .project-rich-text ul { margin: 22px 0 0; padding-left: 22px; }
.nafu-work-detail .project-rich-text li { margin-bottom: 10px; line-height: 1.65; }
.nafu-work-detail .project-info-desc { overflow-wrap: anywhere; }
.nafu-work-detail #work-details { scroll-margin-top: 30px; }
.nafu-work-detail .pagetitle-link-block:hover { background-color: #465732; }
.nafu-work-detail a:focus-visible { outline: 3px solid #465732; outline-offset: 5px; }
.nafu-work-project-url { display: inline-block; margin-top: 25px; color: var(--color--skin); }
.nafu-work-detail .project-single-grid > *,
.nafu-work-detail .pagetitle-grid > * { min-width: 0; }
@media (max-width: 767px) {
    .nafu-work-detail .project-single-title { font-size: 24px; line-height: 34px; }
    .nafu-work-detail .pagetitle-heading { overflow-wrap: anywhere; }
}
@media (max-width: 479px) {
    .nafu-work-detail .project-single-title { font-size: 22px; line-height: 32px; }
}
/* SEO case study details */
.project-case-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:28px 0;background:#c9c6b8;border:1px solid #c9c6b8}.project-case-meta>div{padding:18px;background:#f6f3ee}.project-case-meta dt{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#68695f}.project-case-meta dd{margin:5px 0 0;font-weight:600}.project-before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:55px}.project-before-after figure{margin:0}.project-before-after img{display:block;width:100%;height:460px;object-fit:cover;border-radius:18px}.project-before-after figcaption{margin-top:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px}@media(max-width:767px){.project-case-meta,.project-before-after{grid-template-columns:1fr}.project-before-after img{height:320px}}