/* =====================================================================
   CEEK — careers: a short page, the logo keeping an eye out for people
   ===================================================================== */

.cr{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100svh;padding-top:calc(var(--nav-pad) * 2 + clamp(46px,3.4vw,58px));padding-bottom:clamp(64px,7vw,130px);text-align:center}
/* the logo also scales with the screen height, so the buttons stay above the fold on short laptops */
.cr-logo{width:min(44vw,440px,46vh);margin:clamp(30px,3.4vw,64px) 0 clamp(30px,3.2vw,60px)}
.cr-logo svg{width:100%;height:auto;overflow:visible}
.cr-title{max-width:12em}
.cr-text{max-width:30em;margin-top:.75em;text-wrap:pretty}
.cr-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:clamp(28px,3vw,52px)}

@media (min-aspect-ratio:21/9){.cr-logo{width:min(36vw,560px)}}
@media (max-width:812px){
  .cr-logo{width:min(80vw,440px,68vh)}
  .cr-title{font-size:clamp(40px,11vw,64px)}
}