/* Surin Banner — 10% Narrower, neutral background (Oct 2026) */
/* Only the width decreases: 1440px -> 1296px. Desktop height stays 438px. */
html body.public-site.hybrid-navigation.page-index,
html body.public-site.hybrid-navigation.page-index .page-content {
  background:#f6f9fb!important;
  background-color:#f6f9fb!important;
  background-image:none!important;
  background-attachment:scroll!important;
}
html body.public-site.hybrid-navigation.page-index::before,
html body.public-site.hybrid-navigation.page-index::after,
html body.public-site.hybrid-navigation.page-index .page-content::before,
html body.public-site.hybrid-navigation.page-index .page-content::after,
html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero::before,
html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero::after {
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero {
  box-sizing:border-box!important;
  width:min(1296px, calc(100% - 24px))!important;
  max-width:1296px!important;
  height:438px!important;
  max-height:438px!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  margin:18px auto 0!important;
  padding:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#fff!important;
}
html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero .hero-slides {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  background:transparent!important;
  overflow:hidden!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero .hero-slide,
html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero picture,
html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero .hero-slide>a{
  height:100%!important;
  width:100%!important;
}
html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero .hero-slide img,
html body.public-site.hybrid-navigation.page-index section.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;
  filter:none!important;
  transform:none!important;
}
@media (max-width: 1320px){
  html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero {
    height:auto!important;
    max-height:none!important;
    aspect-ratio:1296 / 438!important;
  }
}
@media (max-width: 1100px){
  html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero {
    width:calc(100% - 16px)!important;
    max-width:none!important;
    aspect-ratio:1296 / 438!important;
    margin-top:14px!important;
    border-radius:18px!important;
  }
}
@media (max-width: 600px){
  html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero {
    width:calc(100% - 12px)!important;
    margin-top:10px!important;
    border-radius:14px!important;
    aspect-ratio:1130 / 382!important;
  }
}

/* 2026-10-27 | Fix measured 1px image gutters and excessive top gap.
 * Desktop: 1296 x 438, full bleed. Header-to-hero gap: about 25px.
 * Keep the existing artwork, carousel controls, and responsive behavior.
 */
html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero {
  margin-top:6px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-sizing:border-box!important;
  isolation:isolate!important;
}
html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero .hero-slides {
  position:absolute!important;
  inset:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  background:transparent!important;
}
html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero .hero-slide,
html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero .hero-slide.is-active,
html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero .hero-slide picture,
html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero .hero-slide>a {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:inherit!important;
  background:transparent!important;
}
html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero .hero-slide img,
html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero .hero-slide picture img {
  position:absolute!important;
  inset:-1px!important;
  width:calc(100% + 2px)!important;
  height:calc(100% + 2px)!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:none!important;
  transform:none!important;
  display:block!important;
}
@media (max-width:1100px){
  html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero{
    margin-top:9px!important;
  }
}
@media (max-width:600px){
  html body.public-site.hybrid-navigation.page-index section.premium-home-hero.home-image-hero{
    margin-top:8px!important;
  }
}