/* Homepage chapters use the site's black, white, and orange brand palette. */
#reviews{background:#101010;color:#fff}
#reviews .section-index{color:#c1c1bb}
#reviews .home-review{background:#1c1c1c;border-color:#373737;border-radius:4px}
#reviews .home-review blockquote p{color:#ededeb}
#reviews .home-review figcaption{border-color:#414141}
#reviews .home-review figcaption strong{color:#fff}
#reviews .home-review figcaption span{color:#bdbdb8}
#reviews .review-quote-mark{color:#f47b5f}
#process{background:#101010;color:#fff}
#process .section-index,#process .section-intro p,#process .process-note p,#process .process-list p{color:#c9c9c3}
#process h2 em,#process .process-symbol,#process .process-list>li>span{color:#e55030}
#process .process-list>li{box-shadow:0 1px 0 #373737}
#process .process-list>li:last-child{box-shadow:none}
#industries{background:#101010;color:#fff}
#industries .section-index{color:#c1c1bb}
#industries .section-intro p,#industries .industry-grid p{color:#c9c9c3}
#industries .industry-grid a{color:#fff}
#industries .industry-image{border-radius:4px}
#faq{background:#fff}
#faq details{background:#fff;border-bottom:1px solid #d7d7d2;border-radius:0;margin:0;padding:24px 0}
#faq details:first-child{border-top:1px solid #d7d7d2}
#faq details[open]{background:#fff}

/* Carry the shared editorial typography and restrained surfaces through home. */
#main>section.section{padding-block:108px}
#main .section-intro,#main .reviews-heading{margin-bottom:48px}
#main .concept-heading{margin-bottom:48px}
#main>section.section h2{font-size:clamp(38px,4.15vw,60px);line-height:1.05;letter-spacing:-.04em;font-weight:650}
#work,#approach,#compare{background:#fff}
#work .work-stage{border:1px solid #d7d7d2;border-radius:4px;background:#101010}
#work .work-stage-top{background:#101010;color:#ddd}
#work .work-stage-top>span:last-child{color:#bdbdb8}
#work .project-picker button{border-radius:4px;border-bottom:1px solid #e5e5e0}
#work .project-picker button.selected{background:#101010;color:#fff}
#work .project-picker button.selected small{color:#c9c9c3}
#work .project-picker button.selected i{color:var(--orange)}
#work .mobile-work-card{border-radius:4px;background:#101010;color:#fff}
#work .mobile-work-caption p{color:#c9c9c3}
#work .mobile-work-toolbar button{border-radius:4px;background:#101010;color:#fff}
#services .concept-service{border-radius:4px;background:#1c1c1c;border:1px solid #373737}
#services .concept-copy h3{font-size:28px;font-weight:600}
#compare .comparison{border-radius:4px;border:1px solid #d7d7d2}
#reviews .review-quote-mark{color:var(--orange)}
#main :is(.concept-service,.project-picker button,.industry-grid a):focus-visible{outline:2px solid var(--orange);outline-offset:5px}
@media(max-width:1000px){#main>section.section{padding-block:88px}}
@media(max-width:600px){
 #main>section.section{padding-block:68px}
 #main .section-intro,#main .reviews-heading,#main .concept-heading{margin-bottom:32px}
 #main>section.section h2{font-size:clamp(34px,9vw,40px);line-height:1.08}
 #services .concept-copy h3{font-size:24px}
}