/* Local comparison only. The production sheets remain the default. */
@media(min-width:700px){
  html[data-review-layout="adjusted"] #introduction{padding-top:345px}
  html[data-review-layout="adjusted"] #introduction .introduction-copy{
    width:100%;max-width:1030.667px;margin-inline:auto;
    grid-template-columns:minmax(0,533.667fr) minmax(0,480fr);
    column-gap:17px;justify-content:normal;
  }
  html[data-review-layout="adjusted"] #introduction h2{max-width:533.667px}

  /* The two menu trials share their layout; only their image ratio differs. */
  html[data-review-menu="square"] .menu-grid,
  html[data-review-menu="landscape"] .menu-grid{
    width:100%;max-width:972px;margin-inline:auto;
    grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;justify-content:center;
  }
  html[data-review-menu="square"] .menu-grid .axis-thumbnail{height:auto;aspect-ratio:308/300}
  html[data-review-menu="landscape"] .menu-grid .axis-thumbnail{height:auto;aspect-ratio:407.781/242.727}
  html:is([data-review-menu="square"],[data-review-menu="landscape"]) .menu-grid .offer-link>span{
    inset:auto 16px 16px;min-height:20px;padding-right:20px;
    font-size:13px;line-height:20px;font-weight:400;isolation:isolate;
  }
  html:is([data-review-menu="square"],[data-review-menu="landscape"]) .menu-grid .offer-link>span::before{
    content:"";position:absolute;z-index:-1;pointer-events:none;inset:-10px -16px -16px;
    background:linear-gradient(to top,rgb(252 250 247 / .68),rgb(252 250 247 / .56) 36%,rgb(252 250 247 / 0));
  }
  html:is([data-review-menu="square"],[data-review-menu="landscape"]) .menu-grid .offer-link>span::after{
    width:8px;height:8px;right:2px;top:6px;
  }
}
/* These rules also support the candidate header on the frozen-source review. */
.header-actions{
  display:none;grid-column:3;grid-row:1;justify-self:end;
  align-items:center;gap:20px;min-width:0;
}
.header-languages{gap:8px;align-items:center;font-size:12px;line-height:18px}
.header-languages a{justify-content:center;min-width:24px;min-height:44px}
.landing-header.contact-on-dark .header-actions{color:var(--mineral)}
.landing-header.menu-is-open .header-actions,
.landing-header.menu-is-open .header-contact{color:var(--indigo)}
@media(min-width:700px){
  .landing-header:has(.header-actions){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .header-actions{display:flex}
}

