/* The footer of the home and press pages: links, the fine print and
   Lens's eyes peeking up from the bottom (see footer.js). */
.footer{margin-top:180px;padding-top:64px;background:#F6F6F4}
.fcols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.footer .brand{display:flex;align-items:center;gap:9px;font-weight:600;font-size:17px;letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.footer .glyph{display:block;flex:none}
.footer .glyph img{width:26px;height:26px}
.fcols h5{margin:0 0 12px;font-size:13px;font-weight:600;letter-spacing:.01em}
.fcols a:not(.brand){display:block;font-size:15px;line-height:28px;color:var(--grey);font-weight:500;text-decoration:none}
.fcols a:not(.brand):hover{color:var(--ink)}
.fline{margin:12px 0 0;font-size:15px;color:var(--grey)}
.fine{margin-top:64px;display:grid;gap:6px}
.fine p{margin:0;font-size:12px;line-height:18px;font-weight:500;color:var(--grey2,rgba(17,17,19,.4));max-width:860px}

/* The page ends at the eyes' middle: the svg's box is their top half,
   and the rest is drawn past it, cropped by the page's end. */
.peek{margin-top:72px;display:flex;justify-content:center;user-select:none}
.peek svg{display:block;width:520px;height:175px;flex:none;overflow:visible}
.peek .eyes{transform:translateY(112px);opacity:0;transition:transform 1s cubic-bezier(.2,1.25,.4,1),opacity .4s}
.peek.up .eyes{transform:none;opacity:1}
.peek .eye{fill:none;stroke:#E2E2DE;stroke-width:25.5;transform-box:fill-box;transform-origin:center;transition:transform .07s}
.peek .eye.blink{transform:scaleY(.1)}
.peek .pupil{fill:#E2E2DE;stroke:none;transition:transform .22s cubic-bezier(.3,.7,.3,1)}
@media (prefers-reduced-motion:reduce){.peek .eyes{transform:none;opacity:1;transition:none}.peek .pupil,.peek .eye{transition:none}}
@media (max-width:860px){.fcols{grid-template-columns:1fr 1fr}.fcols>div:first-child{grid-column:1/-1}.peek svg{width:380px;height:128px}}
@media (max-width:560px){.peek{margin-top:48px}.peek svg{width:260px;height:88px}}