/* Localized homepage SEO section. Visible on every indexable homepage route. */
html,
body{
  overflow-x:hidden;
  overflow-y:auto !important;
}

.brand .brand-name{
  margin:0;
  font-family:Georgia,serif;
  font-size:clamp(34px,5.4vh,58px);
  letter-spacing:4px;
  color:#f4cd73;
  text-shadow:0 3px 10px #000;
  font-weight:700;
}

.ua-home-seo-content{
  width:min(900px,calc(100% - 28px));
  margin:0 auto;
  padding:clamp(28px,5vw,54px) 0 clamp(36px,6vw,64px);
  color:#d8c69f;
  text-align:center;
}

.ua-home-seo-content h1{
  margin:0 0 12px;
  color:#f4cd73;
  font-family:Georgia,serif;
  font-size:clamp(22px,3vw,32px);
  line-height:1.15;
}

.ua-home-seo-content p{
  max-width:780px;
  margin:0 auto;
  font-size:clamp(14px,1.8vw,16px);
  line-height:1.7;
}

.ua-home-seo-content a{
  color:#f4cd73;
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.ua-home-seo-content a:hover{
  filter:brightness(1.12);
}

html[data-theme="light"] .brand .brand-name{
  color:#9b670f;
  text-shadow:0 2px 8px #ffffffa8;
}

html[data-theme="light"] .ua-home-seo-content{
  color:#5f5549;
}

html[data-theme="light"] .ua-home-seo-content h1{
  color:#8d5e12;
}

html[data-theme="light"] .ua-home-seo-content a{
  color:#7d5312;
}

@media (max-width:600px){
  .ua-home-seo-content{
    width:min(100% - 22px,900px);
    padding-top:24px;
  }
}