/* Approved panorama hero for production and local preview. */
.hero {
  padding-top: 44px;
  background-image: linear-gradient(180deg,rgba(8,23,36,.52),rgba(8,23,36,.40)),url("images/sairan-hero.webp");
  background-position: center,50% 48%;
}
.hero .hero-grid { grid-template-columns:1fr; gap:0; }
.hero .hero-copy { width:100%; max-width:none; padding:0 0 26px; text-align:center; }
.hero .eyebrow { margin-bottom:26px; }
.hero h1, html[lang="en"] .hero h1 {
  max-width:none; font-size:clamp(48px,6.4vw,100px); line-height:1.08; margin-bottom:24px;
}
.hero h1>br { display:none; }
.hero .seo-heading-label { margin-top:18px; }
.hero .hero-lead { max-width:none; font-size:21px; margin-bottom:12px; }
.hero .hero-note { max-width:none; margin-bottom:24px; }
.hero .hero-footnote { justify-content:center; margin-top:16px; }
@media(min-width:561px) {
  .hero .hero-copy > .button-lime {
    display:flex;
    width:fit-content;
    margin-left:auto;
    margin-right:4%;
  }
  .hero .hero-footnote { justify-content:flex-end; text-align:right; margin-right:4%; }
}
@media(min-width:801px) {
  .hero .hero-lead br, .hero .hero-note br { display:none; }
}
@media(max-width:560px) {
  .hero { padding-top:32px; }
  .hero h1, html[lang="en"] .hero h1 { font-size:clamp(36px,8.8vw,49px); }
  .hero h1>br { display:block; }
  .hero .hero-lead { font-size:18px; }
  .hero .hero-copy { padding-bottom:12px; }
}
@media(forced-colors:active) { .hero { background-image:none; } }