/* Hero UX refinements — compact, balanced and consistent */
@media(min-width:821px){
  .hero{
    min-height:72svh;
    padding-top:104px;
    padding-bottom:20px;
    grid-template-rows:auto minmax(0,1fr) auto;
  }
  .hero:before{inset:88px var(--pad) 20px}
  .hero-emoji-layer{inset:70px 0 0}
}

/* Top labels back to the original left/right layout */
.hero-top{
  justify-content:space-between;
  align-items:center;
  gap:20px;
  text-align:left;
}
.hero-status{
  justify-content:flex-start;
  margin-left:auto;
}

.hero-title{
  align-self:end;
  margin:0 0 8px;
  width:100%;
  max-width:100%;
  font-size:clamp(62px,7.2vw,124px);
  line-height:.82;
  letter-spacing:-.072em;
  text-align:center;
  transform:translateY(-64px);
}
.hero-rotator{
  position:relative;
  height:1.72em;
  max-width:100%;
  overflow:hidden;
}
.hero-word{
  left:50%;
  width:100%;
  white-space:normal;
  max-width:min(1180px,92vw);
  line-height:.82;
  transform:translate(-50%,45%);
  transform-origin:center center;
  font-size:.94em;
  text-align:center;
}
.hero-word.is-active{transform:translateX(-50%)}
.hero-word:nth-child(1),
.hero-word:nth-child(2),
.hero-word:nth-child(3),
.hero-word:nth-child(4){font-size:.94em}
.hero-word br{display:block}

.hero-bottom{
  grid-template-columns:1fr;
  justify-items:center;
  align-items:start;
  gap:9px;
  text-align:center;
}
.hero-copy{
  margin:0 auto;
  max-width:700px;
  font-size:clamp(15px,1vw,17px);
  line-height:1.4;
  text-wrap:pretty;
  text-align:center;
}
.hero-cta{
  justify-self:center;
  align-self:start;
  margin-top:14px;
  white-space:nowrap;
  padding:5px 0 4px;
  transition:color .2s ease,border-color .2s ease,transform .2s ease;
}
.hero-cta:hover{transform:translateY(-2px)}

@media(max-width:1100px) and (min-width:821px){
  .hero{min-height:70svh;padding-top:98px}
  .hero-title{font-size:clamp(58px,7.8vw,88px);margin-bottom:7px;transform:translateY(-48px)}
  .hero-copy{max-width:620px;font-size:15px}
}

@media(max-width:820px){
  .hero{
    min-height:78svh;
    padding-top:92px;
    padding-bottom:18px;
  }
  .hero-top{
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:6px;
    max-width:100%;
    width:100%;
    text-align:left;
  }
  .hero-status{
    justify-content:flex-start;
    text-align:left;
    margin-left:0;
  }
  .hero-title{
    align-self:end;
    margin:0 0 8px;
    font-size:clamp(40px,12.8vw,54px);
    line-height:.84;
    letter-spacing:-.062em;
    text-align:center;
    transform:translateY(-18px);
  }
  .hero-rotator{height:1.78em;overflow:hidden}
  .hero-word{
    left:50%;
    width:100%;
    white-space:normal;
    line-height:.84;
    max-width:100%;
    font-size:.90em;
    text-align:center;
    transform:translate(-50%,45%);
  }
  .hero-word.is-active{transform:translateX(-50%)}
  .hero-word:nth-child(1),
  .hero-word:nth-child(2),
  .hero-word:nth-child(3),
  .hero-word:nth-child(4){font-size:.90em}
  .hero-bottom{grid-template-columns:1fr;justify-items:center;gap:8px;align-items:start;text-align:center}
  .hero-copy{margin:0 auto;max-width:100%;font-size:13.5px;line-height:1.42;text-wrap:pretty;text-align:center}
  .hero-cta{justify-self:center;margin-top:12px;padding-top:3px}
}

@media(max-width:380px){
  .hero{min-height:76svh;padding-top:88px}
  .hero-title{font-size:clamp(38px,12.4vw,48px);margin-bottom:7px;transform:translateY(-14px)}
  .hero-copy{font-size:13px;line-height:1.4}
}