/* Rotated gradient must cover wide screens without exposing its blurred edges. */
@media(min-width:768px){
 body.grani-hero-page .grani-hero__bg::before,
 body.grani-hero-page .grani-hero__bg::after{
  inset:auto!important;
  left:-15%!important;top:50%!important;
  width:130%!important;
  height:max(130%, calc(100vw / 1.5 + 96px))!important;
  transform:translateY(-50%) rotate(90deg) scale(1.5)!important;
  transform-origin:center!important;
 }
}
/* Match the actual compact header height instead of the legacy 87px header. */
@media(min-width:768px){
 body.grani-hero-page.gh-unified .grani-hero{
  margin-top:calc(-1 * var(--grani-hero-header-height,107px))!important;
  padding-top:var(--grani-hero-header-height,107px)!important;
 }
}