/* Coloured surfaces only. White, ivory and paper sections intentionally retain their own backgrounds. */
:root{--studio-green-surface:radial-gradient(ellipse at 50% 48%,#123f35 0%,#032b27 40%,#001c1c 100%);--studio-surface-ink:#f4f5eb;--studio-surface-muted:#c2d2c9;--studio-surface-mint:#bcd9ca}
body main :is(.contact,.associates.section,.leadership-preview,.practice-international),body .talk-aside,body main .career-ribbon{background:var(--studio-green-surface)!important;color:var(--studio-surface-ink);border-color:#87a99b38}
body main :is(.contact,.associates.section,.leadership-preview,.practice-international) :is(h1,h2,h3){color:var(--studio-surface-ink)!important;-webkit-text-fill-color:currentColor!important}
body main :is(.contact,.associates.section,.leadership-preview,.practice-international) :is(h1,h2,h3) em{color:var(--studio-surface-mint)!important;-webkit-text-fill-color:currentColor!important}
body main :is(.contact,.associates.section,.leadership-preview,.practice-international) :is(p,.body-copy,.eyebrow,.contact-standfirst,.associate-intro){color:var(--studio-surface-muted)!important}
body main :is(.contact,.associates.section,.leadership-preview,.practice-international) .line-link{color:var(--studio-surface-ink);border-color:#c5ad75}
body main .contact .button-primary{color:#fff!important;border:1px solid #a5c1b099!important}
body main .associates.section:before{background:url('/assets/associate-paper.svg');opacity:.075;mix-blend-mode:screen;z-index:0}
body main .associates.section>.site-container{position:relative;z-index:1}
body main .associates .associate-window{border-color:#b4c8b83b}
body main .associates .associate{border-color:#b4c8b826}
body main .associates .associate>span{color:var(--studio-surface-muted)!important}
body main .associates .associate-asset{background:#fff!important}
body main .associates .associate:hover{background:#ffffff0c}
body main .associates .associate-marquee-toggle{background:#ffffff0a;color:#e4eee4;border-color:#9eb5a56b}
body main .associates .associate:focus-visible{outline-color:#c7d7bd}
body main .practice-countries a{color:#eef4e8;border-color:#a9bfa642}
body main .practice-countries a>span{color:#ddc58a}
body main .career-ribbon-group>span{color:#e8f0e5}
body main .career-ribbon-group i{color:#ddc58a}
/* Existing dark green or teal panels now share the exact preloader shading. */
body main :is(.principle-card.is-active,.process-tile.active,.process-step.active,.details-panel-brief,.details-panel-explore,.landmark-scroll,.landmark-sky,.landmark-controls){background:var(--studio-green-surface)!important}
body main .details-panel-brief,body main .details-panel-brief p{color:#e5eee3}
body main .details-panel-brief :is(a,.detail-panel-index){color:#dec88d}
body main .details-panel-explore,body main .details-panel-explore :is(p,a){color:#e5eee3}
body main :is(.button-primary,.career-primary,.explorer-next),body .talk-next,body .mobile-talk,body .return-top,body #projectsMega .mega-sector-row:has(.active),body #projectsMega .mega-preview-cta,body main .presence-section :is(.location-buttons button.active,.location-expand,.global-tabs button.active){background:var(--studio-green-surface)!important;color:#f5f7ed}
body main .hero-cinema .hero-controls .hero-film-choice[aria-pressed=true]{background:var(--studio-green-surface)}
body .talk-choice input:checked+span{background:var(--studio-green-surface);color:#fff}
body .talk-aside h2{color:var(--studio-surface-ink)}
body .talk-aside h2 em{color:var(--studio-surface-mint)!important}
body .talk-aside :is(.eyebrow,p,a){color:var(--studio-surface-muted)}
body .talk-steps li{color:#a7bdb0;border-color:#a7bdb033}
body .talk-steps li[aria-current]{color:#f5f7ed}
body .talk-steps b{border-color:#a9c4b480}
body .talk-steps li[aria-current] b,body .talk-steps .complete b{background:#abc5b315;color:#e8d39e;border-color:#c8b579}
body main .career-hero-art:before,body main .career-glimpse i,body main .career-form-bottom button{background:var(--studio-green-surface)!important;color:#f5f7ed}
/* The hero uses the chosen preloader green, including its video tint. */
body main .hero.hero-cinema,body main .hero.hero-cinema .hero-image-stage{background:var(--studio-green-surface)!important}
body main .hero.hero-cinema .hero-cinema-shade{background:var(--studio-green-surface)!important;opacity:.74}
/* Portfolio pills share the studio's established ivory and deep-green palette. */
.home-portfolio .portfolio-filters button[data-portfolio-filter]{background:#fafbf7;color:#123f35;border:1px solid #cad8ce;box-shadow:none;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}
.home-portfolio .portfolio-filters button[data-portfolio-filter].active,.home-portfolio .portfolio-filters button[data-portfolio-filter][aria-pressed="true"]{background:var(--studio-green-surface);color:var(--studio-surface-ink);border-color:#507d6a;box-shadow:inset 0 1px 0 #c2d2c926,0 2px 6px #032b2712}
@media(hover:hover){.home-portfolio .portfolio-filters button[data-portfolio-filter]:hover{background:var(--studio-green-surface);color:var(--studio-surface-ink);border-color:#507d6a}}
.home-portfolio .portfolio-filters button[data-portfolio-filter]:focus-visible{outline:2px solid #b9a16a;outline-offset:3px}
.home-portfolio .portfolio-filters button[data-portfolio-filter] .filter-number{color:inherit;opacity:.7}
.home-portfolio .portfolio-filters button[data-portfolio-filter][aria-pressed="true"] .filter-number{color:var(--studio-surface-muted);opacity:1}
@media(prefers-reduced-motion:reduce){.home-portfolio .portfolio-filters button[data-portfolio-filter]{transition:none}}
/* Portfolio actions use the same deep-green surface as the selected filter pills. */
.portfolio-card .card-arrow,.home-portfolio-card .card-arrow,.portfolio-card:is(:hover,:focus-visible) .card-arrow,.home-portfolio-card:is(:hover,:focus-visible) .card-arrow{background:var(--studio-green-surface);color:var(--studio-surface-ink);border-color:#507d6a;box-shadow:inset 0 1px 0 #c2d2c926,0 3px 10px #032b2720}
#homePortfolioMore,.projects-action .project-more{background:var(--studio-green-surface);color:var(--studio-surface-ink);border-color:#507d6a;box-shadow:inset 0 1px 0 #c2d2c926,0 3px 9px #032b2718}
#homePortfolioMore:hover,#homePortfolioMore:focus-visible,.projects-action .project-more:hover,.projects-action .project-more:focus-visible{background:var(--studio-green-surface);color:var(--studio-surface-ink);border-color:#b9a16a;box-shadow:inset 0 1px 0 #c2d2c926,0 5px 14px #032b2728}
#homePortfolioMore:focus-visible,.projects-action .project-more:focus-visible{outline:2px solid #b9a16a;outline-offset:3px}
