/* Client-specific art direction within Nelon's shared corporate identity. */
.client-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.client-case-copy{min-width:0}.client-case h1{font-size:clamp(37px,3.7vw,54px)}.client-case .lead{font-size:17px}.client-case .case-client-brand{width:195px;margin-block:24px}.client-case .back-link{margin-bottom:0}.client-scene{margin:0;min-width:0}.client-scene>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.client-scene figcaption{font-size:10px;line-height:1.7;color:#d8e3e8;padding-top:13px}.client-scene figcaption a{display:block;color:white;text-decoration:underline;text-underline-offset:4px;margin-top:3px}
.client-case-petec{background:#102b3c;border-bottom:5px solid #d87735}.client-case-golf-science{background:#101b4f;border-bottom:5px solid #c63340}.client-case-transafrica{background:#0e2038;border-bottom:5px solid #d66b33}.scene-transafrica{background:#0e2038}.scene-transafrica>img{object-fit:contain;padding:24px}.client-case-sae{background:#162831;border-bottom:5px solid #df7139}.scene-sae>img{object-fit:cover}.client-case-business-trends{background:#294c6d;border-bottom:5px solid #cd4d59}.page-case-petroeng .case-masthead{background:#23372c;border-bottom:5px solid #99ba57}.page-case-petroeng .case-layout aside{border-color:#8dad50}
.company-work-grid{row-gap:28px}.company-work-grid .scene-transafrica img{padding:25px}.company-work-grid .scene-sae img{object-position:center}.company-work-grid .work-transafrica .work-copy{border-color:#d66b33}.company-work-grid .work-sae .work-copy{border-color:#df7139}.company-more-work{grid-template-columns:repeat(3,minmax(0,1fr))}.company-more-work strong{font-size:23px}
.page-projects .project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:45px}.page-projects .project-row{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0 0 23px;border:1px solid #d5dfe1;background:#fff;min-width:0}.page-projects .project-row[hidden]{display:none}.project-visual{display:flex;align-items:center;justify-content:center;height:225px;background:#e4eaec;overflow:hidden;margin-bottom:22px}.project-visual img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.project-visual:hover img{transform:scale(1.025)}.project-visual.scene-transafrica{background:#0e2038}.project-visual.scene-transafrica img{object-fit:contain;padding:18px}.project-visual.scene-petroeng{background:#e2e9d5}.project-visual.scene-petroeng img{object-fit:contain;padding:18px}.project-visual.scene-ybac{background:#e7eff3}.project-visual.scene-ybac img{object-fit:contain;padding:12px}.project-visual.scene-sa-commercial{background:#233238}.project-visual.scene-sa-commercial img{width:180px;height:180px;object-fit:contain}.project-visual.scene-chwai{background:#eadfd2}.project-wordmark{font:400 50px var(--serif);color:#503e34}.page-projects .row-label{padding:0 24px}.page-projects .row-label>span{display:none}.page-projects .row-label .eyebrow{font-size:9px;line-height:1.7;margin:0 0 12px}.page-projects .project-row>div:not(.row-label){padding:0 24px;flex:1}.page-projects .project-row h2{font-size:29px;line-height:1.2;margin:0 0 14px}.page-projects .project-row p:not(.eyebrow){font-size:14px;line-height:1.8}.page-projects .project-row .round-link{margin:22px 24px 0;align-self:flex-end}.page-projects .project-list>.scope-note{grid-column:1/-1;margin:0}.page-projects .work-filter{padding-top:28px}
.vr-context{background:#e9eedf;padding:55px 0}.vr-context>.wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.vr-context h2{font-size:38px}.vr-context p{font-size:14px;line-height:1.8}.vr-context ol{list-style:none;margin:0;padding:0;display:grid;gap:0}.vr-context li{padding:18px 0 18px 50px;border-bottom:1px solid #c4d0ad;position:relative}.vr-context li>span{position:absolute;left:0;top:18px;color:#526f31;font-size:13px}.vr-context strong{font-size:18px}.vr-context li p{margin:4px 0 0;color:#4d6045}.vr-context .text-link{margin-top:15px}
@media(max-width:1000px){.client-case-grid{gap:30px}.client-case h1{font-size:40px}.page-projects .project-list{grid-template-columns:repeat(2,minmax(0,1fr))}.company-more-work{grid-template-columns:1fr}.vr-context>.wrap{gap:35px}}
@media(max-width:700px){.client-case-grid{grid-template-columns:1fr;gap:28px}.client-case h1{font-size:39px}.client-case{padding-bottom:30px}.client-scene>img{aspect-ratio:4/3}.client-case .case-client-brand{margin-block:22px;width:180px}.client-case .case-client-brand .client-mark{height:88px}.client-case .lead{font-size:16px}.client-scene figcaption{font-size:10px}.vr-context>.wrap{grid-template-columns:1fr;gap:24px}.vr-context{padding:36px 0}.vr-context h2{font-size:33px}.page-projects .project-list{gap:20px}.page-projects .project-row h2{font-size:26px}.project-visual{height:190px}.page-projects .row-label,.page-projects .project-row>div:not(.row-label){padding-inline:18px}}
@media(max-width:520px){.page-projects .project-list{grid-template-columns:1fr}.project-visual{height:240px}.client-case h1{font-size:36px}.client-case-grid{gap:24px}.company-work-grid .project-photo{height:245px}}
@media(prefers-reduced-motion:reduce){.project-visual img{transition:none}}