/* ETEA R3D — responsive vertical composition correction.
 * Visual-only. The approved ETEA hero remains a standalone top element.
 * One member workflow screen at a time; no Worker or election changes. */
body[data-etea-screen='welcome'] .etea-experience {
  /* Keep the cinematic background continuous throughout the viewport, rather
     than ending in a visibly darker rectangle below the content. */
  min-height:100svh!important;
  padding-bottom:clamp(14px,2vh,28px)!important;
}
body[data-etea-screen='welcome'] .hero>.hero-story {
  gap:clamp(8px,1.2vh,13px)!important;
}
body[data-etea-screen='welcome'] main#mainContent {
  margin-top:clamp(12px,1.4vh,18px)!important;
  margin-bottom:0!important;
}
/* Hide the redundant progress bar on the name-entry landing screen.
   Step indicators remain on the separate nomination and review screens. */
body[data-etea-screen='welcome'] #memberCard>.phase-rail {
  display:none!important;
}
body[data-etea-screen='welcome'] #memberCard {
  padding:clamp(22px,2.7vh,33px) clamp(20px,3vw,44px)!important;
  gap:clamp(14px,1.7vh,22px)!important;
  box-shadow:0 24px 62px rgba(0,9,21,.40),inset 0 1px 0 rgba(204,255,250,.1)!important;
}
body[data-etea-screen='welcome'] #memberCard .field {
  min-height:clamp(54px,5.2vh,63px)!important;
}
/* Make the principal artwork respond to the HEIGHT as well as the width.
   This avoids an 850px image sitting above hundreds of unused pixels on
   tall desktop windows without stretching the form horizontally. */
@media(min-width:1100px){
  body[data-etea-screen='welcome'] .hero-story>.hero-showcase{
    width:min(calc(100% - 40px),1180px,calc((100svh - 530px)*1.93))!important;
    max-width:1180px!important;
  }
  body[data-etea-screen='welcome'] .hero-copy h1 {
    font-size:clamp(48px,4.5vw,68px)!important;
  }
  body[data-etea-screen='welcome'] main#mainContent {
    width:min(calc(100% - 60px),940px)!important;
    max-width:940px!important;
  }
  body[data-etea-screen='welcome'] #memberCard {
    padding-block:clamp(21px,2.5vh,33px)!important;
  }
}
@media(min-width:660px) and (max-width:1099px){
  body[data-etea-screen='welcome'] .hero-story>.hero-showcase{
    width:min(calc(100% - 32px),800px)!important;
    max-width:800px!important;
  }
  body[data-etea-screen='welcome'] main#mainContent{
    width:min(calc(100% - 34px),750px)!important;
  }
  body[data-etea-screen='welcome'] #memberCard>.grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:659px){
  body[data-etea-screen='welcome'] .hero>.hero-story{padding-top:8px!important;gap:9px!important}
  body[data-etea-screen='welcome'] .hero-story>.hero-showcase{width:100%!important}
  body[data-etea-screen='welcome'] main#mainContent{margin-top:13px!important}
  body[data-etea-screen='welcome'] #memberCard>.grid{grid-template-columns:1fr!important}
}