/* v19 field — one video, one poster. No plates, no canvas. */
#city-field{
  position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  background:#05070c;
}
.field-poster{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  object-position:center 40%;
}
#field-vid{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  object-position:center 40%;
  opacity:0;
  transform:translate3d(var(--fx,0px),var(--fy,0px),0) scale(var(--fs,1.04));
  transition:opacity .45s ease;
}
#field-vid.is-on{opacity:1}
.field-veil{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,7,12,.42) 0%,rgba(5,7,12,.16) 36%,rgba(5,7,12,calc(.22 + var(--veil,.2))) 100%);
}
html.no-motion #field-vid{opacity:0 !important;transform:none}
@media (prefers-reduced-motion:reduce){
  #field-vid{opacity:0 !important;transform:none}
}
.beat{
  position:relative;z-index:1;
  min-height:100dvh;
  display:flex;align-items:flex-end;
  padding:calc(88px + var(--si-t,0px)) 0 56px;
  color:#f2f3f6;
  background:transparent;
}
.beat-copy{position:relative;z-index:2;max-width:36rem;padding-bottom:8px}
.beat-kicker{
  font-size:12px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);
}
.beat h2{
  margin-top:10px;font-size:clamp(32px,8vw,56px);line-height:.96;letter-spacing:-.045em;font-weight:800;color:#fff;max-width:14ch;
}
.beat p{margin-top:14px;font-size:17px;line-height:1.5;color:rgba(242,243,246,.84);max-width:32rem}
.desk-wrap,.use,.about,.footer{position:relative;z-index:2;background:var(--bg)}
.use{padding:28px 0 8px}
.use .desk-group{margin-top:18px}
@media (max-width:480px){
  #field-vid,.field-poster{object-position:center 38%}
  .beat{padding:calc(72px + var(--si-t,0px)) 0 40px}
}
@media (min-width:900px){
  #field-vid,.field-poster{object-position:center 46%}
  .beat{align-items:center}
}