/* Shared layer under the four directions: small uppercase labels as the second voice, a logo wall, a band of soft light for the proof, and a
   dark close that runs into a dark footer. No new colour. */

/* labels: the second voice */
.shead .kick,.logos2 p,.faq .kick{font-size:11px!important;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:rgb(17 17 17 / .5)!important}
.kick em{color:rgb(17 17 17 / .3);margin-right:10px}
.kick em::after{content:"";display:inline-block;width:16px;height:1px;margin-left:10px;vertical-align:middle;background:rgb(17 17 17 / .2)}

/* logo wall */
.sec.tight{padding-block:96px 0}
.logos2{display:block!important;padding:0!important;border:0!important}
.logos2 p{margin:0 0 20px}
.logos2 ul{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:0!important;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.logos2 li{display:grid;place-items:center;height:104px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:color .25s,background .25s}
.logos2 li:hover{color:var(--ink);background:#FAFAFA}
@media (max-width:760px){.logos2 ul{grid-template-columns:repeat(3,minmax(0,1fr))}.logos2 li{height:80px;font-size:16px!important}}

/* proof on a band of soft light */
.sec.mist{margin-top:120px;padding-block:112px;background:
  radial-gradient(55% 90% at 12% 20%,rgb(232 228 222 / .9),transparent 70%),
  radial-gradient(50% 90% at 92% 90%,rgb(226 229 236 / .9),transparent 70%),#F6F6F5}
.sec.mist .proof{border:0;padding:0}
.sec.mist .proof dl{border-color:rgb(17 17 17 / .1)}
.sec.mist .proof dl > div + div{border-color:rgb(17 17 17 / .1)}
.sec.mist .pav{background:#fff}
.sec.mist + .dsec .wrap::before{display:none}
@media (max-width:760px){.sec.mist{margin-top:72px;padding-block:64px}}

/* the close and the footer, one dark ground */
.faq{padding-bottom:120px}
.cta3{padding-block:0!important;margin-top:0;background:#0F1012}
.cta3 .wrap{max-width:none;padding:0}
.cta3 .day{border-radius:0!important;padding:144px 40px 136px!important;background:radial-gradient(60% 100% at 50% 0%,rgb(255 255 255 / .07),transparent 65%),#0F1012!important}
.cta3 h2{font-size:56px!important}
@media (max-width:760px){.cta3 .day{padding:88px 20px 80px!important}.cta3 h2{font-size:36px!important}}
footer{background:#0F1012!important;border-top:1px solid rgb(255 255 255 / .08)!important;color:rgb(255 255 255 / .5)}
footer h6{color:#fff}
footer a{color:rgb(255 255 255 / .6)}
footer a:hover{color:#fff}
footer .wordmark,footer .wordmark span{color:#fff!important}
footer .say{color:rgb(255 255 255 / .55)}
footer .conn2{color:rgb(255 255 255 / .4)}
footer .bot{border-color:rgb(255 255 255 / .08)!important;color:rgb(255 255 255 / .4)}
@media (max-width:540px){.sect2 > div,.sect2 > div + div{padding:24px 0!important;border-left:0!important}}

/* client logo files in the strips: one grey weight, the size of the wordmarks */
.logos2 li img,.mq li img{display:block;max-height:28px;max-width:62%;object-fit:contain;filter:grayscale(1);opacity:.62;transition:opacity .25s}
.logos2 li:hover img{opacity:.9}