.foot { position: relative; margin-top: var(--sp-footer); overflow: hidden; color: #1A1D26; background: #F0F3F8; }   
.foot-v { position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.foot-v::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; }
.foot::before { content: ""; position: absolute; left: 0; right: 0; top: 0; z-index: 1; height: calc(60 * var(--ut)); background: linear-gradient(to bottom, #FFFFFF, rgba(255, 255, 255, .2)); pointer-events: none; }   
.foot-in { position: relative; z-index: 2; box-sizing: content-box; max-width: calc(1244 * var(--ut)); margin: 0 auto; padding: calc((60 + 80) * var(--ut)) calc(80 * var(--ut)) calc(60 * var(--ut)); }   
.foot-lead { margin: 0; font-size: var(--fs-body-lg); line-height: var(--lh-body-lg); font-weight: var(--fw-body-lg); letter-spacing: var(--ls-body-lg); color: #1A1D26; }   
.foot-lead .ln { display: block; }
.foot .pill { margin-top: var(--sp-group); }   
.pill { display: inline-flex; align-items: center; gap: calc(2 * var(--ut)); box-sizing: border-box; height: calc(40 * var(--ut)); text-decoration: none; padding: 0 calc(14 * var(--ut)) 0 calc(20 * var(--ut)); border-radius: calc(80 * var(--ut)); background: #1A1D26; color: #FFFFFF;
  font-size: var(--fs-body); line-height: 1; font-weight: 500; letter-spacing: var(--ls-body); white-space: nowrap; }   
.pill .chev { width: calc(16 * var(--ut)); height: calc(16 * var(--ut)); color: #FFFFFF; }
.copy { margin: calc(80 * var(--ut)) 0 0; text-align: right; font-size: var(--fs-body-sm); line-height: var(--lh-body-sm); letter-spacing: var(--ls-body-sm); color: #1A1D26; }   
@media (max-width: 1023px) {   
  .foot-in { max-width: var(--sp-max); padding: calc(60px + 40px) var(--sp-gutter) 40px; }
  .foot::before { height: 60px; }
  .pill { height: 40px; gap: 2px; padding: 0 14px 0 20px; border-radius: 80px; }
  .pill .chev { width: 16px; height: 16px; }
  .copy { margin-top: 40px; }
}