/* Oloropa O20 index ceiling seal — final top-boundary rendering fix.
   Purpose: remove the 1–12px document-ceiling strip above the homepage hero by
   forcing the header/hero/media planes to share the same top coordinate. */
html:has(body[data-oloropa-page="index.php"]),
html[data-ol-index-o20-ceiling-sealed="true"]{
  margin:0!important;
  padding:0!important;
  background:#2B211A!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-gutter:auto!important;
}

html body[data-oloropa-page="index.php"]{
  margin:0!important;
  padding:0!important;
  background:#2B211A!important;
  overflow-x:clip!important;
}

@supports not (overflow:clip){
  html body[data-oloropa-page="index.php"]{overflow-x:hidden!important;}
}

html body[data-oloropa-page="index.php"] > .ix-progress{
  height:0!important;
  min-height:0!important;
  opacity:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

html body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header],
html body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header]{
  top:max(0px,env(safe-area-inset-top,0px))!important;
  margin-top:0!important;
  transform:translate3d(-50%,0,0)!important;
}

html body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header].is-compact,
html body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header].is-compact{
  top:max(0px,env(safe-area-inset-top,0px))!important;
  margin-top:0!important;
}

html body[data-oloropa-page="index.php"] > #main-content,
html body[data-oloropa-page="index.php"] #main-content{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
  background:#2B211A!important;
  transform:none!important;
  translate:none!important;
}

html body[data-oloropa-page="index.php"] #main-content > #home-hero.ol-o5-award-hero,
html body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero{
  top:0!important;
  margin-top:0!important;
  padding-top:calc(var(--ol-public-header-height,76px) + clamp(.95rem,2svh,1.55rem))!important;
  background:#2B211A!important;
  border-top:0!important;
  outline:0!important;
  transform:none!important;
  translate:none!important;
}

html body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero::before,
html body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero > .ol-o5-award-media,
html body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero > .ol-o5-award-telemetry,
html body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero :is(.ol-o5-award-video,.ol-o5-award-placeholder,.ol-o5-award-depth,.ol-o5-award-mask){
  top:-3px!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100%!important;
  height:calc(100% + 3px)!important;
  min-height:calc(100% + 3px)!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  translate:none!important;
}

html body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero .ol-o5-award-video{
  object-fit:cover!important;
  object-position:center top!important;
}

@media(max-width:900px){
  html body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header],
  html body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header]{
    top:max(0px,env(safe-area-inset-top,0px))!important;
  }

  html body[data-oloropa-page="index.php"] #main-content > #home-hero.ol-o5-award-hero,
  html body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero{
    padding-top:calc(var(--ol-public-header-height,66px) + 1rem)!important;
  }
}
