/* Exact finished Roofwork composition; observed Ferguson monochrome/Arial identity. */
:root{--red:#242424;--paper:#f7f7f4;--ink:#171b1d;--muted:#50575b}
body[data-template=roofwork]{font-family:Arial,Helvetica,sans-serif;background:#f1f1ee}
body[data-template=roofwork] .wordmark{display:block;flex:0 0 auto;padding:6px 10px;background:#efefef;border-radius:12px;line-height:0}
body[data-template=roofwork] .wordmark img{width:185px;height:auto;object-fit:contain;display:block;border-radius:6px}
body[data-template=roofwork] .button{background:#242424;color:#fff;border-color:#424242;box-shadow:inset 0 1px 0 #ffffff30,0 8px 18px #0002}
body[data-template=roofwork] .button:before{display:none}



body[data-template=roofwork] .hero-material img{object-fit:cover}
body[data-template=roofwork] .portrait-stack .portrait{object-fit:contain;background:#f4f4f1;border-radius:20px;max-width:535px}
body[data-template=roofwork] .orbit-photo{object-fit:cover}
body[data-template=roofwork] .opening-art img{object-fit:contain;border-radius:18px}
body[data-template=roofwork] .page--about .opening-art,body[data-template=roofwork] .page--profile .opening-art{background:transparent}
body[data-template=roofwork] .page--story .opening-art img{object-fit:cover}
body[data-template=roofwork] .real-contact{margin-top:32px;border-top:1px solid #ccc;padding-top:24px}
body[data-template=roofwork] .real-contact a{text-decoration:underline;text-underline-offset:4px}
body[data-template=roofwork] .illustration-note{display:block;font-size:16px;line-height:1.5;color:#465057;margin:16px}
body[data-template=roofwork] .source-note{font-size:18px!important}
body[data-template=roofwork] .lab-strip{flex-wrap:wrap;gap:12px}
@media(max-width:760px){body[data-template=roofwork] .wordmark img{width:150px}body[data-template=roofwork] .real-contact a{overflow-wrap:anywhere}}

body[data-template=roofwork]{--button-bg:#252729;--button-edge:#45484a;--button-shadow:#11111125;--button-ink:#fff}
body[data-template=roofwork] .hero-caption{font-size:16px!important;max-width:90%;line-height:1.5;letter-spacing:0}
body[data-template=roofwork] .hero h1{color:#13171a}
body[data-template=roofwork] .header nav a[aria-current]{border-color:#444}

.archive-images{display:grid;grid-template-columns:1fr 1fr;gap:36px}.archive-images figure{margin:0}.archive-images img{width:100%;height:340px;object-fit:cover;border-radius:18px;transition:transform .7s ease}.archive-images figure:hover img{transform:scale(1.015)}.archive-images figcaption{font-size:18px;margin-top:16px;color:#4b5358}.source-faq details{border-top:1px solid #bbc0c0;padding:24px 0}.source-faq summary{font-size:22px;cursor:pointer;font-weight:600}.source-faq details p{max-width:70ch}.core-list p{font-size:19px!important}.core-list h2{font-size:30px!important}@media(max-width:760px){.archive-images{grid-template-columns:1fr;gap:28px}.archive-images img{height:auto}.core-list h2{font-size:25px!important}.source-faq summary{font-size:20px}}@media(prefers-reduced-motion:reduce){.archive-images img{transition:none!important;transform:none!important}}
body[data-template=roofwork] .lab-strip a,body[data-template=roofwork] .eyebrow,body[data-template=roofwork] .eyebrow span,body[data-template=roofwork] .round-seal,body[data-template=roofwork] .round-seal strong,body[data-template=roofwork] .opening-meta span,body[data-template=roofwork] dt,body[data-template=roofwork] dd,body[data-template=roofwork] figcaption{font-size:16px!important;letter-spacing:0;line-height:1.5}
body[data-template=roofwork] .lab-strip{padding-top:14px;padding-bottom:14px}
body[data-template=roofwork] .archive-images figcaption{font-size:18px!important}
body[data-template=roofwork] .eyebrow{text-transform:none}

body[data-template=roofwork]{--accent:#454b4d;--accent-ink:#fff}body[data-template=roofwork] .eyebrow,body[data-template=roofwork] .steps>div>span,body[data-template=roofwork] .core-list>a>span{color:#545c60}body[data-template=roofwork] .page--metal .eyebrow,body[data-template=roofwork] .page--story .eyebrow,body[data-template=roofwork] .page--projects .eyebrow,body[data-template=roofwork] .page--core .eyebrow,body[data-template=roofwork] .closing .eyebrow{color:#e5e8e7}body[data-template=roofwork] .pullquote{border-color:#636e73}body[data-template=roofwork] .desk-form .button,body[data-template=roofwork] .desk-cta{background:#252729;color:#fff}body[data-template=roofwork] .steps>div:before{background:#59646a}body[data-template=roofwork] .archive-images img{max-height:420px}
body[data-template=roofwork] .page--projects .opening-art img,body[data-template=roofwork] .page--story .opening-art img{object-fit:cover}
body[data-template=roofwork] .desk-output a{background:#252729!important;color:#fff!important}
html body[data-template=roofwork] main .portrait-stack .round-seal,html body[data-template=roofwork] main .article-layout aside dt{font-size:16px!important}
body[data-template=roofwork] .craft-control{background:#252729!important;color:#fff!important;border-color:#454b4d!important}
body[data-template=roofwork] .process-choice[aria-pressed=true]{border-color:#889195!important;box-shadow:0 8px 20px #18232c12!important}body[data-template=roofwork] .process-detail{border-left-color:#59646a!important}