/* Contacts v2: big contact rows like the home services list, an office card with the live clock, next steps */
.c2 { padding: clamp(110px, min(10vw, 144px), 160px) var(--gx) var(--sec); }
.c2__h { margin: 0 0 clamp(32px, min(3.6vw, 51.84px), 56px); font-weight: 500; font-size: clamp(2.6rem, min(6vw, 86.4px), 6.2rem); line-height: .95; letter-spacing: -.055em; max-width: 16ch; }
.c2__g { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 400px); gap: clamp(20px, min(3vw, 43.2px), 48px); align-items: stretch; }
.c2__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(14, 15, 17, .14); }
.c2__r { display: grid; grid-template-columns: 56px 130px minmax(0, 1fr) auto 28px; align-items: center; gap: 16px; padding: clamp(24px, min(2.6vw, 37.44px), 38px) 0; border-bottom: 1px solid rgba(14, 15, 17, .14); color: #0E0F11; transition: padding .5s var(--ease), color .3s; }
.c2__n { font-family: var(--fd); font-stretch: 125%; font-weight: 600; font-size: .9rem; color: var(--signal); }
.c2__k { font-size: .95rem; color: #646A76; }
.c2__r b { font-weight: 500; font-size: clamp(1.8rem, min(3.4vw, 48.96px), 3.4rem); letter-spacing: -.045em; line-height: 1; overflow-wrap: anywhere; }
.c2__r em { font-style: normal; padding: 8px 12px; border: 1px solid rgba(14, 15, 17, .16); font-size: .86rem; white-space: nowrap; color: #0E0F11; transition: border-color .3s, color .3s, background .3s; }
.c2__a { width: 26px; height: 26px; justify-self: end; opacity: .35; transition: transform .5s var(--ease), opacity .3s, color .3s; }
.c2__list:hover .c2__r { color: #B4BAC3; }
.c2__list .c2__r:hover { color: #0E0F11; padding-left: 14px; }
.c2__r:hover em { border-color: var(--signal); color: var(--signal); }
.c2__r:hover .c2__a { opacity: 1; color: var(--signal); transform: translate(3px, -3px); }
.c2__off { display: flex; flex-direction: column; gap: 22px; padding: clamp(24px, min(2.6vw, 37.44px), 36px); background: #0E0F11; color: #E3E7ED; }
.c2__top { display: flex; justify-content: space-between; align-items: center; font-family: var(--fd); font-stretch: 125%; font-weight: 600; font-size: .78rem; letter-spacing: .04em; text-transform: uppercase; color: #9CA2AD; }
.c2__live { width: 10px; height: 10px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 0 0 rgba(226, 73, 43, .6); animation: c2Live 2s infinite; }
@keyframes c2Live { 70% { box-shadow: 0 0 0 10px rgba(226, 73, 43, 0); } 100% { box-shadow: 0 0 0 0 rgba(226, 73, 43, 0); } }
.c2__clock { display: grid; gap: 6px; margin-top: auto; }
.c2__clock b { font-family: var(--fd); font-stretch: 112%; font-weight: 500; font-size: clamp(4rem, min(7vw, 100.8px), 7rem); line-height: .9; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.c2__clock small { color: #9CA2AD; font-size: .9rem; }
.c2__off p { margin: 0; color: #B7BCC5; line-height: 1.45; }
.c2__langs { list-style: none; margin: 0; padding: 18px 0 0; border-top: 1px solid rgba(227, 231, 237, .14); display: flex; flex-wrap: wrap; gap: 6px; }
.c2__langs li { padding: 6px 10px; border: 1px solid rgba(227, 231, 237, .2); font-family: var(--fd); font-stretch: 125%; font-weight: 600; font-size: .74rem; letter-spacing: .04em; }
.c2-next { padding: var(--sec) var(--gx); }
.c2-next .h2 { margin: 0 0 clamp(28px, min(3.4vw, 48.96px), 52px); }
.c2-next__g { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.c2-next__g li { display: grid; align-content: start; gap: 14px; padding: clamp(22px, min(2.4vw, 34.56px), 34px); border: 1px solid rgba(14, 15, 17, .12); background: rgba(255, 255, 255, .35); }
.c2-next__g h3 { margin: 16px 0 0; font-weight: 500; font-size: clamp(1.4rem, min(2vw, 28.8px), 1.9rem); letter-spacing: -.035em; line-height: 1.05; }
.c2-next__g p { margin: 0; color: #646A76; line-height: 1.45; }
@media (max-width: 1000px) {
  .c2__g { grid-template-columns: minmax(0, 1fr); }
  .c2__r { grid-template-columns: 40px minmax(0, 1fr) 24px; row-gap: 8px; }
  .c2__k { grid-column: 2; grid-row: 1; }
  .c2__r b { grid-column: 2; grid-row: 2; }
  .c2__r em { display: none; }
  .c2__a { grid-column: 3; grid-row: 1 / span 2; }
  .c2-next__g { grid-template-columns: minmax(0, 1fr); }
}
