/* Rating Insular public banner system — v0.10.6c-r6.2c.1 */
.topbar{overflow:visible!important}
.topbar-inner{overflow:visible!important}
.brand{
  position:relative!important;
  z-index:45!important;
  margin-left:-46px!important;
  margin-top:8px!important;
  margin-bottom:-46px!important;
}
.brand-logo{position:relative!important;z-index:2!important}
.hero{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  background:linear-gradient(135deg,#ffe51f 0%,#ffe51f 58%,#f5d900 100%)!important;
  border-bottom:1px solid #cdb700!important;
}
.hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.095!important;
  background-image:
    linear-gradient(45deg,rgba(17,17,15,.72) 25%,transparent 25%),
    linear-gradient(-45deg,rgba(17,17,15,.72) 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,rgba(17,17,15,.72) 75%),
    linear-gradient(-45deg,transparent 75%,rgba(17,17,15,.72) 75%)!important;
  background-size:52px 52px!important;
  background-position:0 0,0 26px,26px -26px,-26px 0!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 100%)!important;
  z-index:0!important;
}
.hero::after{
  content:"♜"!important;
  position:absolute!important;
  right:max(-36px,calc((100vw - 1180px)/2 - 70px))!important;
  bottom:-104px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:34rem!important;
  font-weight:700!important;
  line-height:1!important;
  color:rgba(17,17,15,.055)!important;
  transform:rotate(-5deg)!important;
  pointer-events:none!important;
  z-index:0!important;
}
.hero-inner{
  position:relative!important;
  z-index:1!important;
  width:min(1180px,calc(100% - 40px))!important;
  max-width:none!important;
  margin:auto!important;
  padding:96px 0 72px!important;
  gap:56px!important;
  align-items:end!important;
}
.hero h1{max-width:780px;text-wrap:balance}
.hero > .hero-inner > div > p,
.hero .hero-lead,
.hero p:first-of-type{max-width:680px}
.hero-card,
.hero-contact{position:relative;z-index:1}
@media(max-width:900px){
  .hero-inner{padding:84px 0 56px!important;gap:30px!important}
  .hero::after{font-size:22rem!important;right:-90px!important;bottom:-60px!important}
}
@media(max-width:760px){
  .brand{margin-left:-8px!important;margin-top:8px!important;margin-bottom:-38px!important}
  .brand-logo{width:96px!important;height:96px!important}
  .hero-inner{width:min(100% - 32px,1180px)!important;grid-template-columns:1fr!important;padding:72px 0 44px!important;gap:28px!important}
}
@media(max-width:560px){
  .brand{margin-left:0!important;margin-top:4px!important;margin-bottom:-32px!important}
  .brand-logo{width:84px!important;height:84px!important}
  .hero-inner{padding:64px 0 34px!important}
  .hero::after{font-size:16rem!important;right:-78px!important;bottom:-32px!important}
}
