/* HRus / Event Compact v3: optional variant of the approved Event v2.
   This stylesheet is layered above event-premium.css and affects only .event-compact. */
.event-compact{--ec-header-height:106px}
.event-compact .ep-hero{
  min-height:clamp(438px,55vh,555px);
  padding-top:126px;
  padding-bottom:52px;
  display:flex;align-items:center;
}
.event-compact .ep-hero__inner{width:100%}
.event-compact .ep-breadcrumbs{margin-bottom:21px;font-size:13px}
.event-compact .ep-hero__copy{max-width:680px}
.event-compact .ep-hero h1{font-size:clamp(41px,4.2vw,60px);line-height:1.13;margin-bottom:13px;max-width:660px}
.event-compact .ep-hero__lead{font-size:clamp(17px,1.45vw,20px);line-height:1.56;max-width:570px;margin-bottom:18px}
.event-compact .ep-hero__facts{border-top:0;padding:0;margin:0 0 21px;gap:14px 24px}
.event-compact .ep-fact{font-size:14px}
.event-compact .ep-fact svg{width:17px;height:17px}
.event-compact .ep-btn{min-height:48px}
.event-compact .ep-hero__actions{gap:26px}
.event-compact .ep-hero__photo{background-position:center 44%;background-image:linear-gradient(270deg,rgba(10,25,32,.98) 0%,rgba(10,25,32,.93) 28%,rgba(10,25,32,.67) 57%,rgba(10,25,32,.12) 100%),var(--ep-hero-image,url('assets/hero-speaker-audience.jpg'))}
/* Header and event navigation exchange places instead of overlapping.
   On scrolling up, site header becomes the only visible navigation. */
.event-compact .nav{
  transform:translate3d(0,0,0);
  transition:transform .27s ease,background-color .25s ease,box-shadow .25s ease,backdrop-filter .25s ease;
}
.event-compact.ec-header-hidden .nav{transform:translate3d(0,-112%,0);pointer-events:none}
.event-compact .ep-subnav{top:var(--ec-header-height);z-index:600;transition:top .27s ease,opacity .2s ease;box-shadow:0 7px 24px rgba(12,28,23,.04)}
.event-compact.ec-header-hidden .ep-subnav{top:0;opacity:1;pointer-events:auto;box-shadow:0 10px 20px rgba(10,30,27,.08)}
.event-compact.ec-header-visible .ep-subnav{opacity:0;pointer-events:none}
.event-compact section[id]{scroll-margin-top:calc(var(--ec-header-height) + 83px)}
.event-compact.ec-header-hidden section[id]{scroll-margin-top:91px}
/* Keep the right edge of the RTL schedule aligned with its heading.
   The base desktop rule uses margin-inline-start:auto, which pushes it left. */
.event-compact .ep-agenda__entries{
  width:100%;max-width:1060px;
  margin-inline-start:0;
  margin-inline-end:auto;
}
/* Registration is the single form on this event page. Give its fields real space,
   and balance the short explanatory copy instead of leaving an orphan word. */
.event-compact .ep-registration{padding:94px 0 106px}
.event-compact .ep-registration__grid{
  grid-template-columns:minmax(0,.90fr) minmax(0,1.25fr);
  gap:clamp(36px,3.5vw,58px);
  align-items:center;
}
.event-compact .ep-registration__info{min-width:0}
.event-compact .ep-registration h2{font-size:clamp(36px,3vw,46px);text-wrap:balance;margin-bottom:19px}
.event-compact .ep-registration__info>p{
  font-size:19px;line-height:1.8;max-width:510px;
  text-wrap:pretty;
}
.event-compact .ep-registration__details{margin-top:29px;gap:12px}
.event-compact .ep-registration__form-wrap{width:100%;min-width:0}
.event-compact .ep-registration__form-wrap h3{font-size:27px;margin-bottom:22px}
.event-compact .ep-form__grid{gap:19px 20px}
.event-compact .ep-field input{min-height:64px;font-size:17px;padding:24px 24px 9px}
.event-compact .ep-field label{inset-inline-start:24px;top:20px}
.event-compact .ep-field input:focus+label,
.event-compact .ep-field input:not(:placeholder-shown)+label{top:7px}
.event-compact .ep-form__submit{min-height:61px;margin-top:23px;font-size:17px}
.event-compact .ep-form__submit svg{transition:transform .2s}
.event-compact .ep-form__submit:hover svg{transform:translateX(-4px)}
/* Keep nav usable when mobile drawer is open. */
.event-compact.ec-menu-open .nav{transform:none;pointer-events:auto}
@media (max-width:1023px){
 .event-compact .ep-hero{min-height:475px;padding-top:126px;padding-bottom:45px}
 .event-compact .ep-hero h1{font-size:clamp(39px,5.7vw,54px)}
 .event-compact .ep-hero__photo{background-position:44% center}
}
@media (max-width:800px){
 .event-compact .ep-hero{min-height:440px;padding-top:119px;padding-bottom:39px}
 .event-compact .ep-hero__photo{background-image:linear-gradient(270deg,rgba(10,25,32,.97),rgba(10,25,32,.86) 59%,rgba(10,25,32,.47)),var(--ep-hero-image,url('assets/hero-speaker-audience.jpg'));background-position:45% center}
 .event-compact .ep-breadcrumbs{margin-bottom:16px}
 .event-compact .ep-registration__grid{grid-template-columns:1fr;gap:36px}
 .event-compact .ep-registration__info>p{max-width:650px}
}
@media (max-width:560px){
 .event-compact .ep-hero{min-height:0;padding-top:110px;padding-bottom:43px}
 .event-compact .ep-hero h1{font-size:clamp(34px,9vw,43px);line-height:1.17;margin-bottom:12px}
 .event-compact .ep-hero__lead{font-size:16px;margin-bottom:14px}
 .event-compact .ep-hero__facts{gap:10px 15px;margin-bottom:18px}
 .event-compact .ep-fact{font-size:12px}
 .event-compact .ep-hero__actions{gap:15px}
 .event-compact .ep-btn{min-height:48px}
 .event-compact .ep-hero__photo{background-position:40% center}
 .event-compact .ep-registration{padding:66px 0 74px}
 .event-compact .ep-registration__grid{gap:29px}
 .event-compact .ep-registration h2{font-size:35px}
 .event-compact .ep-form__submit{margin-top:19px}
}
@media (prefers-reduced-motion:reduce){
 .event-compact .nav,.event-compact .ep-subnav,.event-compact .ep-form__submit svg{transition:none!important}
}