/* Hero V4 — full-bleed video, liquid payoff, no fixed pillar. Preview branch only. */

.header-support{
  background:transparent!important;
  color:inherit!important;
  border:0!important;
  border-radius:0!important;
  min-height:auto!important;
  padding:0!important;
  font-size:10px!important;
  font-weight:500!important;
  letter-spacing:.02em!important;
  text-decoration:none!important;
  opacity:.5;
  box-shadow:none!important;
}
.header-support:hover{opacity:.88;background:transparent!important;color:inherit!important}

.preview-hero-v4{
  position:relative;
  height:clamp(690px,82vh,900px);
  min-height:690px;
  overflow:hidden;
  isolation:isolate;
  background:#0b3029;
  color:#fff;
}
.preview-v4-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#283d38}
.preview-v4-poster{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%}
.preview-v4-poster img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.preview-v4-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 48%;transform:scale(1.045);animation:v4Camera 18s ease-in-out infinite alternate;filter:saturate(1.08) contrast(1.02)}
.preview-v4-veil{position:absolute;inset:0;z-index:1;background:rgba(6,29,24,.24)}

.preview-v4-meta{
  position:absolute;
  z-index:3;
  top:clamp(24px,4vh,44px);
  left:clamp(22px,4vw,64px);
  right:clamp(22px,4vw,64px);
  display:flex;
  justify-content:space-between;
  gap:24px;
  color:#f7f3e9;
  font-size:10px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-shadow:0 1px 8px rgba(0,0,0,.28);
}

.preview-v4-payoff{
  position:absolute;
  z-index:3;
  inset:17% -5vw auto -5vw;
  pointer-events:none;
}
.preview-v4-payoff h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.065em;line-height:.78;text-shadow:0 3px 24px rgba(0,0,0,.22)}
.preview-v4-line{display:block;width:max-content;white-space:nowrap;font-size:clamp(76px,11vw,180px)}
.preview-v4-line-a{margin-left:1vw;color:#fbf8ef;animation:v4TextA 13s ease-in-out infinite alternate}
.preview-v4-line-b{margin-top:.12em;margin-left:17vw;color:#fbf8ef;animation:v4TextB 15s ease-in-out infinite alternate}
.preview-v4-line-b em{font-style:italic;font-weight:500;color:#ddea78}

.preview-v4-bottom{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:clamp(42px,6vh,72px);
  transform:translateX(-50%);
  width:min(calc(100% - 48px),1280px);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:40px;
  color:#fff;
}
.preview-v4-bottom>p{max-width:520px;margin:0;font-size:15px;line-height:1.55;font-weight:500;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.preview-v4-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;justify-content:flex-end}
.preview-v4-actions a{color:#fff;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.06em;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.65);text-shadow:0 2px 10px rgba(0,0,0,.3)}
.preview-v4-actions a:first-child{color:#ddea78;border-color:#ddea78}
.preview-v4-actions a:hover{border-color:#fff;color:#fff}
.preview-v4-scroll{position:absolute;z-index:4;right:clamp(20px,3vw,48px);bottom:18px;color:rgba(255,255,255,.72);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;animation:v4Scroll 2.8s ease-in-out infinite}

/* Same dark green as the canonical footer; lime/yellow ticker copy. */
.preview-motion-rail{
  position:relative;
  width:100%;
  max-width:100%;
  height:68px;
  overflow:hidden;
  contain:layout paint;
  background:#0b3029!important;
  color:#ddea78!important;
  border-color:#0b3029!important;
}
.preview-motion-track{position:absolute;top:0;left:0;animation-duration:24s!important}
.preview-motion-track span{min-height:68px;padding:21px 20px!important;color:#ddea78!important}
.preview-motion-track b{color:#ddea78!important}

@keyframes v4Camera{
  from{transform:scale(1.045) translate3d(-.6%,0,0)}
  to{transform:scale(1.105) translate3d(1.2%,-.7%,0)}
}
@keyframes v4TextA{
  from{transform:translate3d(-2.4vw,0,0)}
  to{transform:translate3d(3.6vw,-.7vh,0)}
}
@keyframes v4TextB{
  from{transform:translate3d(3vw,0,0)}
  to{transform:translate3d(-4.5vw,1vh,0)}
}
@keyframes v4Scroll{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(5px);opacity:1}}

@media(max-width:900px){
  .header-support{font-size:9px!important;opacity:.42}
  .preview-hero-v4{height:clamp(650px,78vh,780px);min-height:650px}
  .preview-v4-payoff{inset:21% -8vw auto -8vw}
  .preview-v4-line{font-size:clamp(66px,13vw,112px)}
  .preview-v4-line-b{margin-left:10vw}
  .preview-v4-bottom{align-items:flex-start;flex-direction:column;gap:20px;bottom:44px}
  .preview-v4-actions{justify-content:flex-start}
  .preview-v4-meta span:last-child{display:none}
  .preview-motion-rail{height:62px}
  .preview-motion-track span{min-height:62px;padding:18px 17px!important}
}

@media(max-width:640px){
  .header-support{display:none!important}
  .preview-hero-v4{height:clamp(610px,82svh,740px);min-height:610px}
  .preview-v4-poster img{object-position:56% center}
  .preview-v4-video{display:none!important}
  .preview-v4-veil{background:rgba(6,29,24,.3)}
  .preview-v4-meta{top:22px;left:20px;right:20px;font-size:8px}
  .preview-v4-payoff{top:23%;left:0;right:0;width:100%;max-width:100%;overflow:hidden;contain:inline-size}
  .preview-v4-line{font-size:clamp(58px,17vw,88px);line-height:.82}
  .preview-v4-line-a{margin-left:0}
  .preview-v4-line-b{margin-left:8vw;margin-top:.18em}
  .preview-v4-bottom{width:calc(100% - 40px);bottom:42px}
  .preview-v4-bottom>p{max-width:360px;font-size:13px}
  .preview-v4-actions{gap:16px}
  .preview-v4-actions a{font-size:9px}
  .preview-v4-scroll{display:none}
  .preview-motion-rail{height:56px}
  .preview-motion-track span{min-height:56px;padding:16px 14px!important;font-size:10px!important}

  .preview-visual-statement{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden;
  }
  .preview-statement-photo,
  .preview-statement-copy{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  .preview-statement-copy>p,
  .preview-statement-copy h2,
  .preview-statement-copy a{
    max-width:100%;
    overflow-wrap:anywhere;
  }

  .preview-contribute-page,
  .preview-contribute-body,
  .preview-submit-shell,
  .preview-submit-note{
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }
  .preview-submit-note,
  .preview-submit-note a{
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .preview-submit-note a[href^="mailto:"],
  .preview-support-page a[href^="mailto:"]{
    display:inline-block;
    max-width:100%;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-all!important;
  }
}

@media(max-width:360px){
  .preview-motion-rail{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .preview-v4-video,.preview-v4-line-a,.preview-v4-line-b,.preview-v4-scroll{animation:none!important}
}