/* SURIN • restored large-format homepage banner — 27 October 2026.
   This stylesheet intentionally loads AFTER all previous public theme layers.
   Only the *background* is blurred: never blur the banner or its text/controls. */

/* Clean blue-sky/field palette — remove former grey overlay entirely. */
html body.public-site.hybrid-navigation.page-index{
  background-color:#ecfaff!important;
  background-image:linear-gradient(180deg,#e6f6ff 0%,#f0fbfa 420px,#ffffff 900px)!important;
}
html body.public-site.hybrid-navigation.page-index .page-content{
  position:relative!important;isolation:isolate!important;
  background:linear-gradient(180deg,rgba(229,248,255,.36) 0%,rgba(237,255,248,.30) 730px,#fff 1140px)!important;
}
/* Retire the previous gray blur blobs behind the banner. */
html body.public-site.hybrid-navigation.page-index::before,
html body.public-site.hybrid-navigation.page-index::after{
  content:none!important;display:none!important;
}
html body.public-site.hybrid-navigation.page-index .page-content::before{
  content:""!important;display:block!important;
  position:absolute!important;
  z-index:-1!important;pointer-events:none!important;
  top:0!important;left:0!important;right:0!important;
  width:100%!important;height:min(940px,90vw)!important;
  border-radius:0!important;
  opacity:.50!important;
  background-image:linear-gradient(180deg,rgba(221,250,255,.08) 0%,rgba(223,252,243,.18) 55%,rgba(255,255,255,1) 100%),url('../images/surin-field-ambient-vivid.webp')!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:cover!important;
  filter:blur(30px) saturate(155%)!important;
  transform:scale(1.04)!important;
  transform-origin:top center!important;
  -webkit-mask-image:linear-gradient(#000 0%,#000 58%,transparent 100%)!important;
  mask-image:linear-gradient(#000 0%,#000 58%,transparent 100%)!important;
}
/* Header stays legible over the bright ambient image. */
html body.public-site.hybrid-navigation.page-index .topbar.public-premium-topbar{
  background:rgba(255,255,255,.89)!important;
  backdrop-filter:blur(15px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(15px) saturate(120%)!important;
  border-color:rgba(201,232,225,.95)!important;
  box-shadow:0 9px 26px rgba(8,93,79,.10)!important;
}

/* ACTUAL FRAME: restored to the previous big, near-full-width layout. */
html body.public-site.page-index section.premium-home-hero.home-image-hero{
  display:block!important;
  width:min(94vw,1800px)!important;
  max-width:calc(100% - 24px)!important;
  margin:20px auto 0!important;
  padding:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1916 / 821!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#d6f2f7!important;
  border:1px solid rgba(177,220,221,.85)!important;
  box-shadow:0 18px 46px rgba(12,104,89,.12),0 2px 8px rgba(25,107,159,.06)!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  isolation:isolate!important;
}
html body.public-site.page-index section.premium-home-hero.home-image-hero::before,
html body.public-site.page-index section.premium-home-hero.home-image-hero::after{
  content:none!important;display:none!important;
}
html body.public-site.page-index .premium-home-hero.home-image-hero .hero-slides{
  position:absolute!important;
  display:block!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  background:#b6e9fa!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body.public-site.page-index .premium-home-hero.home-image-hero .hero-slide,
html body.public-site.page-index .premium-home-hero.home-image-hero .hero-slide.is-active{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;height:100%!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  background:transparent!important;
  filter:none!important;
}
html body.public-site.page-index .premium-home-hero.home-image-hero .hero-slide picture,
html body.public-site.page-index .premium-home-hero.home-image-hero .hero-slide>a{
  display:block!important;
  width:100%!important;height:100%!important;
  filter:none!important;
}
html body.public-site.page-index .premium-home-hero.home-image-hero .hero-slide img,
html body.public-site.page-index .premium-home-hero.home-image-hero .hero-slide.is-active img,
html body.public-site.page-index .premium-home-hero.home-image-hero picture img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:transparent!important;
  opacity:1!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transform:none!important;
  image-rendering:auto!important;
}
html body.public-site.page-index .premium-home-hero.home-image-hero .hero-carousel-arrow{z-index:5!important;}
html body.public-site.page-index .premium-home-hero.home-image-hero .hero-carousel-dots{z-index:6!important;}

@media(max-width:1100px){
  html body.public-site.page-index section.premium-home-hero.home-image-hero{
    width:calc(100% - 30px)!important;
    max-width:none!important;
    margin:13px auto 0!important;
    border-radius:20px!important;
    aspect-ratio:1916 / 821!important;
  }
  html body.public-site.hybrid-navigation.page-index .page-content::before{
    height:550px!important;
    opacity:.40!important;
    filter:blur(22px) saturate(160%)!important;
  }
}
@media(max-width:600px){
  html body.public-site.page-index section.premium-home-hero.home-image-hero{
    width:calc(100% - 20px)!important;
    margin:10px auto 0!important;
    border-radius:15px!important;
    aspect-ratio:1130 / 484!important;
  }
  html body.public-site.hybrid-navigation.page-index .page-content::before{
    height:370px!important;
    opacity:.30!important;
    filter:blur(17px) saturate(160%)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body.public-site.page-index .premium-home-hero .hero-slide{transition:none!important;}
}