/* A transparent opening masthead; a legible glass surface while scrolling. */
.s-header.r20-masthead {
  background: rgba(249, 252, 253, .90);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
  border-bottom: 1px solid rgba(16, 43, 70, .12);
  box-shadow: 0 3px 20px #102b4608;
  transition: background-color .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.r20-masthead:after {height: 1px; opacity: .55}
.r20-masthead .r20-brand-reverse {display: none}
body.s-home[data-design=r17] main {padding-top: 0!important}
.s-home .r16-hero-copy {padding-top: 178px}
.s-header.r20-masthead[data-header-surface=overlay] {
  background: rgba(7, 26, 46, .16);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  border-bottom-color: rgba(255,255,255,.22);
  box-shadow: none;
  color: #fff;
}
.r20-masthead[data-header-surface=overlay]:after {opacity: .3}
.r20-masthead[data-header-surface=overlay] .r20-brand-colour {display: none}
.r20-masthead[data-header-surface=overlay] .r20-brand-reverse {display: block}
.r20-masthead[data-header-surface=overlay] .r17-utility,
.r20-masthead[data-header-surface=overlay] .s-nav>a,
.r20-masthead[data-header-surface=overlay] .r17-nav-group>summary,
.r20-masthead[data-header-surface=overlay] .s-head-actions>.s-language {color: #fff}
.r20-masthead[data-header-surface=overlay] .r17-utility .s-language {border-color: #ffffff40}
.r20-masthead[data-header-surface=overlay] .s-head-cta {
  background: #ffffff0d;
  border: 1px solid #ffffff80;
  color: #fff;
  padding-block: 13px;
}
.r20-masthead[data-header-surface=overlay] .s-head-cta:hover {background: #ffffff20}
.r20-masthead[data-header-surface=overlay] .s-nav>a:hover,
.r20-masthead[data-header-surface=overlay] .r17-nav-group>summary:hover {color: #a2f0dd}
.r20-masthead[data-header-surface=overlay] .s-menu-button span {background: #fff}
.r20-masthead[data-header-surface=overlay] :is(summary,a,button):focus-visible {outline-color: #9fe8da}
.r20-masthead .r17-mega {background: #f6f9fb; box-shadow: 0 24px 30px #102b461c}
.s-header.r20-masthead[data-header-menu=open] {background: #f9fcfd}
/* Place the Jakarta office alongside the navigation, above the legal strip. */
.s-footer.r17-footer .s-footer-grid {
  grid-template-columns: 1.1fr 1.3fr 1fr 1.15fr .85fr;
  gap: 28px;
  align-items: start;
  padding-bottom: 46px;
}
.s-footer.r17-footer .r20-footer-office {margin: 0; padding: 0; border: 0}
.s-footer.r17-footer .r20-footer-office h3 {color: var(--m-green); font-size: 12px; margin: 0 0 23px}
.s-footer.r17-footer .r20-footer-office .r12-address {font-size: 12px; line-height: 1.8}
.s-footer.r17-footer .r20-footer-office .r12-address>span:first-child {margin-bottom: 8px}
.s-footer.r17-footer .s-footer-grid>div:last-child {grid-column: auto}
@media(max-width:1100px) {
  .s-home .r16-hero-copy {padding-top: 150px}
  .s-footer.r17-footer .s-footer-grid {grid-template-columns: 1.1fr 1.25fr 1fr; gap: 38px 30px}
}
@media(max-width:760px) {
  .s-home .r16-hero-copy {padding-top: 135px}
  .s-footer.r17-footer .s-footer-grid {grid-template-columns: 1fr 1fr; gap: 34px 25px}
  .s-footer.r17-footer .s-footer-brand,
  .s-footer.r17-footer .r20-footer-office {grid-column: 1/-1}
  .s-footer.r17-footer .s-footer-brand>p {margin-bottom: 16px}
}
@media(prefers-reduced-motion:reduce) {.s-header.r20-masthead {transition: none}}