/* Footer v2 (js/foot2.js): a big dot clock with the office under it on the left, two link columns on the right */
.foot.foot--v2 { --f2-dot: #0E0F11; padding-top: clamp(48px, min(5vw, 72px), 80px) !important; border-top: 1px solid rgba(14, 15, 17, .12); }
.foot--v2 .foot__main { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(32px, min(7vw, 100.8px), 112px); align-items: end; padding-bottom: clamp(40px, min(5vw, 72px), 72px); }
.foot--v2 .foot__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-block: 0 !important; align-self: stretch; }
.foot--v2 .foot__clock { display: block; max-width: 100%; }
.foot--v2 .foot__col--office { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px 28px; margin-top: clamp(18px, min(1.8vw, 25.92px), 26px); font-size: 1rem; }
.foot--v2 .foot__col--office h4, .foot--v2 .foot__smallclock { display: none !important; }
.foot--v2 .foot__col--office > span, .foot--v2 .foot__col--office a { color: #0E0F11; }
.foot--v2 .foot__col--office .ft-it { display: inline-flex; align-items: center; gap: 10px; }
.foot--v2 .foot__col--office .ft-ic { display: inline-grid; place-items: center; flex: none; width: 26px; height: 26px; background: rgba(14, 15, 17, .06); color: #0E0F11; transition: background .25s, color .25s; }
.foot--v2 .foot__col--office .ft-ic svg { width: 15px; height: 15px; }
.foot--v2 .foot__col--office a.ft-it:hover .ft-ic { background: var(--signal); color: #fff; }
@media (max-width: 900px) {
  .foot--v2 .foot__main { grid-template-columns: minmax(0, 1fr); align-items: start; }
}

/* dark variant */
.foot.foot--ink { --f2-dot: #E3E7ED; background: #0E0F11; color: #E3E7ED; border-top: 0; }
.foot--ink .foot__col h4 { color: #757B86; }
.foot--ink .foot__col a, .foot--ink .foot__col span { color: #B7BCC5; }
.foot--ink .foot__col a:hover { color: #fff; }
.foot--ink .foot__col--office > span, .foot--ink .foot__col--office a { color: #E3E7ED; }
.foot.foot--ink .ft-ic, .foot.foot--ink .foot__grid .ft-ic, .foot.foot--ink .foot__col--office .ft-ic { background: rgba(227, 231, 237, .1); color: #E3E7ED; }
.foot--ink .foot__legal { border-top: 1px solid rgba(227, 231, 237, .12); color: #757B86; }
.foot--ink .foot__legal a, .foot--ink .foot__legal button { color: #B7BCC5; }
.foot--ink .foot__up { color: #E3E7ED; }
