/* Feed The Web homepage hero V22 — compact, ergonomic first viewport */
.home-hero-v22{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  min-height:clamp(500px,calc(100svh - 112px),660px);
  padding:clamp(28px,4.4vh,48px) 0;
}
.home-hero-v22 .hero-grid{
  width:100%;
  box-sizing:border-box;
  padding-inline:clamp(24px,5vw,84px);
  grid-template-columns:minmax(0,1.04fr) minmax(380px,.78fr);
  gap:clamp(38px,5vw,82px);
  align-items:center;
}
.home-hero-v22 .hero-copy{padding:0}
.home-hero-v22 .hero-copy h1{
  max-width:11ch;
  margin:18px 0 20px;
  font-size:clamp(54px,5.1vw,84px);
  line-height:.94;
  letter-spacing:-.072em;
}
.home-hero-v22 .hero-lead{
  max-width:62ch;
  margin:0;
  color:#c4cad3;
  font-size:clamp(16px,1.18vw,19px);
  line-height:1.62;
}
.home-hero-v22 .hero-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:26px;
}
.home-hero-v22 .hero-actions .button{
  min-height:48px;
  padding:12px 18px;
  white-space:nowrap;
}
.home-hero-v22 .home-hero-textlink-v22{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:8px 4px;
  border-bottom:1px solid rgba(255,255,255,.42);
  color:#fff;
  font-size:12px;
  font-weight:800;
}
.home-hero-v22 .home-hero-textlink-v22:hover{border-color:var(--lime);color:var(--lime)}
.home-hero-v22 .hero-visual{
  min-height:410px;
  padding:20px;
  border-radius:28px;
}
.home-hero-v22 .signal-card{
  margin:48px 8px 26px;
  padding:24px;
  border-radius:20px;
}
.home-hero-v22 .signal-card strong{
  margin-top:18px;
  font-size:clamp(30px,3vw,43px);
}
.home-hero-v22 .visual-flow>div{padding:12px}
.home-hero-v22 .visual-flow b{font-size:13px}

@media (max-width:1180px){
  .home-hero-v22 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:34px}
  .home-hero-v22 .hero-copy h1{font-size:clamp(52px,5.5vw,68px)}
  .home-hero-v22 .hero-visual{min-height:380px}
  .home-hero-v22 .signal-card{margin-top:42px}
}

@media (max-width:900px){
  .home-hero-v22{
    min-height:calc(100svh - 104px);
    max-height:none;
    padding:clamp(34px,7vh,64px) 0;
  }
  .home-hero-v22 .hero-grid{grid-template-columns:1fr}
  .home-hero-v22 .hero-copy{max-width:760px}
  .home-hero-v22 .hero-copy h1{max-width:12ch;font-size:clamp(52px,9vw,74px)}
  .home-hero-v22 .hero-visual{display:none}
}

@media (max-width:620px){
  .home-hero-v22{min-height:calc(100svh - 104px);padding:26px 0 30px}
  .home-hero-v22 .kicker{font-size:10px;letter-spacing:.1em}
  .home-hero-v22 .hero-copy h1{
    max-width:11ch;
    margin:16px 0 18px;
    font-size:clamp(42px,12.5vw,54px);
    line-height:.93;
    letter-spacing:-.065em;
  }
  .home-hero-v22 .hero-lead{font-size:15px;line-height:1.55}
  .home-hero-v22 .hero-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:22px}
  .home-hero-v22 .hero-actions .button{width:100%;justify-content:center}
  .home-hero-v22 .home-hero-textlink-v22{justify-self:start;min-height:36px;margin-top:2px}
}

@media (max-width:620px) and (max-height:720px){
  .home-hero-v22{padding:18px 0 20px}
  .home-hero-v22 .hero-copy h1{margin:12px 0 14px;font-size:clamp(38px,11vw,44px)}
  .home-hero-v22 .hero-lead{font-size:14px;line-height:1.45}
  .home-hero-v22 .hero-actions{margin-top:16px;gap:6px}
  .home-hero-v22 .hero-actions .button{min-height:43px;padding:9px 15px}
  .home-hero-v22 .home-hero-textlink-v22{min-height:31px;font-size:11px}
}

@media (max-height:700px) and (min-width:901px){
  .home-hero-v22{min-height:calc(100svh - 112px);padding:22px 0}
  .home-hero-v22 .hero-copy h1{margin:14px 0 16px;font-size:clamp(50px,4.7vw,70px)}
  .home-hero-v22 .hero-lead{font-size:16px;line-height:1.5}
  .home-hero-v22 .hero-actions{margin-top:20px}
  .home-hero-v22 .hero-visual{min-height:350px}
  .home-hero-v22 .signal-card{margin:34px 6px 20px;padding:20px}
}

@media (prefers-reduced-motion:reduce){
  .home-hero-v22 .hero-copy>*{animation:none!important}
}