/* Final stable hero geometry. Loaded after every other hero/mobile stylesheet. */
@media (min-width:761px){
  html body main#top .ref-hero{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:min(calc(100svh - var(--header-h,76px)),54.55vw,790px)!important;
    min-height:430px!important;
    max-height:790px!important;
    margin-top:var(--header-h,76px)!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background:#032f27!important;
  }
  html body main#top .ref-hero-left{
    position:relative!important;
    z-index:5!important;
    inset:auto!important;
    width:48%!important;
    height:100%!important;
    min-height:0!important;
    padding:clamp(18px,3vh,42px) 12px clamp(18px,3vh,42px) clamp(46px,5.7vw,90px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    background:linear-gradient(110deg,#032f27 0%,#03382d 72%,rgba(3,56,45,.82) 100%)!important;
    overflow:visible!important;
  }
  html body main#top .ref-hero-star,
  html body main#top .ref-hero-date,
  html body main#top .ref-hero-title,
  html body main#top .ref-hero-desc,
  html body main#top .ref-hero-venue,
  html body main#top .ref-hero-actions{
    position:relative!important;
    inset:auto!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;
  }
  html body main#top .ref-hero-star{margin:0 0 10px!important;font-size:18px!important;line-height:1!important}
  html body main#top .ref-hero-date{
    width:clamp(180px,19vw,290px)!important;height:auto!important;min-height:60px!important;
    margin:0 0 clamp(14px,2vh,22px)!important;padding:9px 14px!important;
  }
  html body main#top .ref-hero-date strong{font-size:clamp(31px,3.05vw,47px)!important;line-height:.84!important}
  html body main#top .ref-hero-date span{font-size:clamp(9px,.8vw,12px)!important;margin-top:6px!important}
  html body main#top .ref-hero-title{width:auto!important;max-width:100%!important;margin:0!important;line-height:.84!important}
  html body main#top .ref-hero-title span{font-size:clamp(50px,6.35vw,96px)!important;line-height:.84!important}
  html body main#top .ref-hero-title em{margin-top:.1em!important;font-size:clamp(41px,5.45vw,82px)!important;line-height:.86!important}
  html body main#top .ref-hero-desc{
    width:min(34vw,500px)!important;max-width:100%!important;margin:clamp(13px,2vh,22px) 0 0!important;
    font-size:clamp(12px,1.02vw,16px)!important;line-height:1.45!important;
  }
  html body main#top .ref-hero-venue{
    width:min(35vw,515px)!important;max-width:100%!important;margin:clamp(10px,1.7vh,17px) 0 0!important;
    font-size:clamp(10.5px,.84vw,13px)!important;line-height:1.4!important;
  }
  html body main#top .ref-hero-actions{
    display:flex!important;visibility:visible!important;opacity:1!important;gap:10px!important;width:auto!important;
    margin:clamp(14px,2.2vh,22px) 0 0!important;
  }
  html body main#top .ref-hero-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important;height:52px!important;min-height:52px!important;padding-inline:16px!important}
  html body main#top .ref-hero-btn.primary{width:clamp(175px,17vw,260px)!important}
  html body main#top .ref-hero-btn.secondary{width:clamp(205px,19vw,292px)!important}
  html body main#top .ref-hero-visual{
    position:absolute!important;z-index:1!important;top:0!important;right:0!important;bottom:0!important;left:43%!important;
    width:auto!important;height:auto!important;
    background-image:url("assets/conference-main.jpg")!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
  }
  html body main#top .ref-hero-blend{
    position:absolute!important;z-index:3!important;display:block!important;top:0!important;bottom:0!important;left:39%!important;width:25%!important;height:auto!important;
    background:linear-gradient(90deg,#032f27 0%,rgba(3,47,39,.98) 16%,rgba(3,47,39,.86) 35%,rgba(3,47,39,.58) 58%,rgba(3,47,39,.26) 78%,rgba(3,47,39,0) 100%)!important;
    pointer-events:none!important;
  }
}

/* Compact landscape / short laptop mode: matches the reference proportions and keeps CTAs on-screen. */
@media (min-width:761px) and (max-height:700px), (min-width:761px) and (max-width:1050px){
  html body main#top .ref-hero{
    height:calc(100svh - var(--header-h,56px))!important;
    min-height:430px!important;
    max-height:620px!important;
  }
  html body main#top .ref-hero-left{padding-top:10px!important;padding-bottom:10px!important}
  html body main#top .ref-hero-star{font-size:15px!important;margin-bottom:7px!important}
  html body main#top .ref-hero-date{width:clamp(165px,19vw,205px)!important;min-height:52px!important;padding:7px 11px!important;margin-bottom:12px!important}
  html body main#top .ref-hero-date strong{font-size:clamp(27px,3vw,35px)!important}
  html body main#top .ref-hero-date span{font-size:8.5px!important;margin-top:5px!important}
  html body main#top .ref-hero-title span{font-size:clamp(44px,6.2vw,65px)!important}
  html body main#top .ref-hero-title em{font-size:clamp(36px,5.25vw,54px)!important;margin-top:.07em!important}
  html body main#top .ref-hero-desc{width:min(35vw,430px)!important;margin-top:11px!important;font-size:11.5px!important;line-height:1.35!important}
  html body main#top .ref-hero-venue{width:min(36vw,445px)!important;margin-top:9px!important;font-size:9.8px!important;line-height:1.3!important}
  html body main#top .ref-hero-pin{flex-basis:14px!important;width:14px!important;height:14px!important}
  html body main#top .ref-hero-actions{margin-top:12px!important;gap:8px!important}
  html body main#top .ref-hero-btn{height:44px!important;min-height:44px!important;padding-inline:13px!important;font-size:9px!important}
  html body main#top .ref-hero-btn.primary{width:clamp(160px,17vw,195px)!important}
  html body main#top .ref-hero-btn.secondary{width:clamp(185px,19vw,220px)!important}
}

@media (max-width:760px){
  html body main#top .ref-hero{
    display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin-top:64px!important;padding:0!important;overflow:visible!important;background:#032f27!important;
  }
  html body main#top .ref-hero-left{
    order:1!important;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;height:auto!important;min-height:0!important;padding:20px 16px 22px!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    background:#032f27!important;overflow:visible!important;
  }
  html body main#top .ref-hero-star,
  html body main#top .ref-hero-date,
  html body main#top .ref-hero-title,
  html body main#top .ref-hero-desc,
  html body main#top .ref-hero-venue,
  html body main#top .ref-hero-actions{
    position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;
  }
  html body main#top .ref-hero-star{margin:0 0 9px!important;font-size:17px!important}
  html body main#top .ref-hero-date{width:200px!important;height:auto!important;min-height:58px!important;margin:0 0 16px!important;padding:8px 12px!important}
  html body main#top .ref-hero-date strong{font-size:32px!important}
  html body main#top .ref-hero-date span{font-size:9.5px!important;margin-top:6px!important}
  html body main#top .ref-hero-title{margin:0!important;width:100%!important;max-width:100%!important}
  html body main#top .ref-hero-title span{font-size:clamp(45px,13.2vw,58px)!important;line-height:.88!important;white-space:nowrap!important}
  html body main#top .ref-hero-title em{font-size:clamp(34px,9.9vw,44px)!important;line-height:.92!important;margin-top:.1em!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
  html body main#top .ref-hero-desc{width:100%!important;max-width:none!important;margin:16px 0 0!important;font-size:14.5px!important;line-height:1.5!important}
  html body main#top .ref-hero-venue{width:100%!important;max-width:none!important;margin:14px 0 0!important;font-size:12px!important;line-height:1.45!important}
  html body main#top .ref-hero-actions{display:grid!important;visibility:visible!important;opacity:1!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;margin:18px 0 0!important}
  html body main#top .ref-hero-btn,
  html body main#top .ref-hero-btn.primary,
  html body main#top .ref-hero-btn.secondary{
    display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;height:52px!important;min-height:52px!important;margin:0!important;padding:0 15px!important;font-size:10.5px!important;
  }
  html body main#top .ref-hero-visual{
    order:2!important;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;height:auto!important;min-height:250px!important;aspect-ratio:16/10!important;
    background-image:url("assets/conference-main.jpg")!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
  }
  html body main#top .ref-hero-blend{display:none!important}
}

@media (max-width:390px){
  html body main#top .ref-hero-left{padding-inline:14px!important}
  html body main#top .ref-hero-title span{font-size:43px!important}
  html body main#top .ref-hero-title em{font-size:33px!important}
  html body main#top .ref-hero-desc{font-size:14px!important}
}