:root{--rb-bg:#F2E9DD;--rb-ink:#2F2E2F;--rb-orange:#F35806}

html,body{
  min-height:100%!important;
  background:#F2E9DD!important;
}

body{
  position:relative!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(ellipse at 50% 10%,
      rgba(255,248,239,1) 0%,
      rgba(242,233,221,.96) 32%,
      rgba(242,233,221,.88) 100%
    )!important;
}

body::before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;

  background-image:url('/assets/rb-logo.svg')!important;
  background-size:82px 82px!important;
  background-position:0 0!important;
  background-repeat:repeat!important;

  opacity:.045!important;
  filter:brightness(0) saturate(100%) invert(45%) sepia(98%) saturate(3130%) hue-rotate(1deg) brightness(104%) contrast(105%)!important;
  mix-blend-mode:multiply!important;

  -webkit-mask-image:linear-gradient(to bottom,
    transparent 0%,
    transparent 10%,
    rgba(0,0,0,.18) 28%,
    rgba(0,0,0,.52) 58%,
    rgba(0,0,0,.78) 100%
  )!important;
  mask-image:linear-gradient(to bottom,
    transparent 0%,
    transparent 10%,
    rgba(0,0,0,.18) 28%,
    rgba(0,0,0,.52) 58%,
    rgba(0,0,0,.78) 100%
  )!important;
}

body::after{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(to right,
      rgba(242,233,221,.94) 0%,
      rgba(242,233,221,.50) 18%,
      rgba(242,233,221,.20) 50%,
      rgba(242,233,221,.50) 82%,
      rgba(242,233,221,.94) 100%
    ),
    radial-gradient(ellipse at 50% 20%, rgba(255,248,239,.96) 0%, rgba(255,248,239,.74) 32%, transparent 68%)!important;
}

body > *{
  position:relative!important;
  z-index:1!important;
}

.rb-header-logo,
.logo,
.brand img{
  filter:brightness(0) saturate(100%) invert(45%) sepia(98%) saturate(3130%) hue-rotate(1deg) brightness(104%) contrast(105%)!important;
}