/* Quiet green and bronze accents for project decisions and specialist explanations. */
.project-page .text-specialist-panel{background:var(--brand-green-pale);border-top-color:var(--brand-green)}
.project-page.service-why .text-specialist-panel,.project-page.service-nlg .text-specialist-panel{background:var(--brand-sand);border-top-color:var(--brand-bronze)}
.project-page .company-hero-inner{align-items:start}
.project-depth{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.project-depth h2{font-size:35px;line-height:1.22;margin-top:0}
.project-depth details{border-bottom:1px solid var(--line)}
.project-depth summary{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:22px 0;font-weight:600;font-size:17px;cursor:pointer;list-style:none;color:var(--ink)}
.project-depth summary:after{content:'+';color:var(--brand-bronze);flex-shrink:0}
.project-depth details[open] summary:after{content:'−'}
.project-detail-answer{padding:0 0 24px}
.project-detail-answer p{line-height:1.85;font-size:15px}
.project-detail-answer .link-row{margin-top:20px;gap:18px}
.project-page [data-project-links]{margin-top:25px}
.project-depth>.company-anchor{position:absolute}
.project-page .service-jumps{flex-wrap:wrap}
@media(max-width:900px){.project-depth{grid-template-columns:1fr;gap:20px}.project-depth h2{font-size:30px}}
@media(max-width:500px){.project-depth h2{font-size:27px}.project-depth summary{font-size:16px}.project-detail-answer p{font-size:14px}}
@media(max-width:500px){.project-page.service-why .subject-focus .section-head h2{font-size:clamp(27px,8.2vw,36px)}}