.q-tl .hero{align-items:center;display:flex;justify-content:center;padding:0 15px}.q-tl .hero h1{font-size:1.5em;font-weight:700;letter-spacing:unset;margin-bottom:30px;text-align:center}.q-tl .type-group{padding:30px 15px 45px}.q-tl .type-group.analysts{background-color:#e7dfea;margin-top:30px;position:relative}.q-tl .type-group.analysts:after{background-color:#d6ece3;bottom:-40px;content:"";height:60px;left:0;position:absolute;right:0;transform:skewY(2deg);z-index:1}.q-tl .type-group.analysts .background{height:40px;left:0;position:absolute;right:0;top:-40px;width:100%}.q-tl .type-group.analysts .background .c1{fill:#e7dfea}.q-tl .type-group.analysts .types .type h4{color:#88619a}.q-tl .type-group.diplomats{background-color:#d6ece3;position:relative}.q-tl .type-group.diplomats:after{background-color:#d9eaf0;bottom:-30px;content:"";height:50px;left:0;position:absolute;right:0;transform:skewY(-2deg);z-index:1}.q-tl .type-group.diplomats .types .type h4{color:#33a474}.q-tl .type-group.sentinels{background-color:#d9eaf0;position:relative}.q-tl .type-group.sentinels:after{background-color:#f9eed7;bottom:-30px;content:"";height:50px;left:0;position:absolute;right:0;transform:skewY(2deg);z-index:1}.q-tl .type-group.sentinels .types .type h4{color:#4298b4}.q-tl .type-group.explorers{background-color:#f9eed7;margin-bottom:90px;padding-bottom:0;position:relative}.q-tl .type-group.explorers:after{background-color:#f9eed7;bottom:-30px;content:"";height:50px;left:0;position:absolute;right:0;transform:skewY(-2deg);z-index:1}.q-tl .type-group.explorers .types .type h4{color:#e4ae3a}.q-tl .type-group h2{color:#fff;font-size:3em;margin:0;pointer-events:none;position:relative;text-align:center;z-index:2}.q-tl .type-group .types{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin-top:-25px;position:relative;z-index:3}.q-tl .type-group .types .type{align-items:center;display:flex;flex:0 0 60%;flex-direction:column;justify-content:center;margin-bottom:30px;outline:0;text-decoration:none;transition:all .1s ease-in-out}.q-tl .type-group .types .type:hover{transform:translateY(-10px)}.q-tl .type-group .types .type:hover .architect .an1{animation:typeArchitect1 1.5s ease-in-out infinite}.q-tl .type-group .types .type:hover .architect .an2{animation:typeArchitect2 1.5s ease-in-out infinite}.q-tl .type-group .types .type:hover .architect .an3{animation:typeArchitect3 1.5s ease-in-out infinite;transform-origin:40% 15%}.q-tl .type-group .types .type:hover .logician .an1{animation:typeLogician1 1.5s ease-in-out infinite;transform-origin:70% 15%}.q-tl .type-group .types .type:hover .logician .an2{animation:typeLogician2 1.5s ease-in-out infinite;transform-origin:70% 15%}.q-tl .type-group .types .type:hover .commander .an1{animation:typeCommander1 1.5s ease-in-out infinite;transform-origin:75% 51%}.q-tl .type-group .types .type:hover .debater .an1{animation:typeDebater1 1.5s ease-in-out infinite;transform-origin:60% 53%}.q-tl .type-group .types .type:hover .advocate .an1{animation:typeAdvocate1 3s ease-in-out infinite;transform-origin:70% 50%}.q-tl .type-group .types .type:hover .mediator .an1{animation:typeMediator1 3s ease-in-out infinite;transform-origin:40% 34%}.q-tl .type-group .types .type:hover .mediator .an2{animation:typeMediator2 2s ease-in-out infinite;transform-origin:30% 0}.q-tl .type-group .types .type:hover .mediator .an3{animation:typeMediator3 2s ease-in-out infinite;transform-origin:78% 8%}.q-tl .type-group .types .type:hover .protagonist .an1{animation:typeProtagonist1 1.5s ease-in-out infinite}.q-tl .type-group .types .type:hover .protagonist .an2{animation:typeProtagonist2 1.5s ease-in-out infinite;transform-origin:58% 38%}.q-tl .type-group .types .type:hover .protagonist .an3{animation:typeProtagonist3 1.5s ease-in-out infinite;transform-origin:22% 37%}.q-tl .type-group .types .type:hover .protagonist .an4{transform:scaleY(1.1) translateY(-47px)}.q-tl .type-group .types .type:hover .protagonist .an5{transform:scaleY(1.2) translateY(-87px) rotate(1deg) translateX(9px)}.q-tl .type-group .types .type:hover .campaigner .an1{animation:typeCampaigner1 1.5s ease-in-out infinite;transform-origin:47% 52%}.q-tl .type-group .types .type:hover .campaigner .an2{animation:typeCampaigner2 1.5s ease-in-out infinite;transform-origin:47% 52%}.q-tl .type-group .types .type:hover .logistician .an1{animation:typeLogistician1 1.5s ease-in-out infinite;transform-origin:36% 34%}.q-tl .type-group .types .type:hover .logistician .an2{animation:typeLogistician2 1.5s ease-in-out infinite;transform-origin:25% 49%}.q-tl .type-group .types .type:hover .defender .an1{animation:typeDefender1 1.5s ease-in-out infinite;transform-origin:55% 33%}.q-tl .type-group .types .type:hover .defender .an2{animation:typeDefender2 1.5s ease-in-out infinite}.q-tl .type-group .types .type:hover .defender .an3{animation:typeDefender3 1.5s ease-in-out infinite;transform-origin:57% 29%}.q-tl .type-group .types .type:hover .executive .an1{animation:typeExecutive1 1.5s ease-in-out infinite;transform-origin:27% 27%}.q-tl .type-group .types .type:hover .consul .an1{animation:typeConsul1 1.5s ease-in-out infinite}.q-tl .type-group .types .type:hover .consul .an2{animation:typeConsul2 1.5s ease-in-out infinite;transform-origin:50% 50%}.q-tl .type-group .types .type:hover .virtuoso .an1{animation:typeVirtuoso1 1.5s ease-in-out infinite;transform-origin:35% 56%}.q-tl .type-group .types .type:hover .virtuoso .an2:not(.an1){animation:typeVirtuoso2 1.5s ease-in-out infinite;transform-origin:35% 56%}.q-tl .type-group .types .type:hover .virtuoso .an3{animation:typeVirtuoso3 1.5s ease-in-out infinite;transform-origin:46% 25%}.q-tl .type-group .types .type:hover .virtuoso .an4{animation:typeVirtuoso4 1.5s ease-in-out infinite;transform-origin:35% 30%}.q-tl .type-group .types .type:hover .adventurer .an1{animation:typeAdventurer1 1.5s ease-in-out infinite;transform-origin:29% 62%}.q-tl .type-group .types .type:hover .adventurer .an2{animation:typeAdventurer2 1.5s ease-in-out infinite;transform-origin:75% 52%}.q-tl .type-group .types .type:hover .entrepreneur .an1{animation:typeEntrepreneur1 1.5s ease-in-out infinite;transform-origin:34% 44%}.q-tl .type-group .types .type:hover .entrepreneur .an2{animation:typeEntrepreneur2 1.5s ease-in-out infinite;transform-origin:65% 60%}.q-tl .type-group .types .type:hover .entertainer .an1{animation:typeEntertainer1 1.5s ease-in-out infinite}.q-tl .type-group .types .type:hover .entertainer .an2{animation:typeEntertainer2 1.5s ease-in-out infinite}.q-tl .type-group .types .type .image{height:250px;width:250px}.q-tl .type-group .types .type h4{font-size:1.4em;font-weight:600;margin:15px 0 3px;text-align:center}.q-tl .type-group .types .type h5{color:#51596a;font-size:.9em;font-weight:600;margin:0 0 10px}.q-tl .type-group .types .type .snippet{color:#7f7f7f;font-size:.8em;line-height:1.7;max-width:500px;text-align:center}.q-tl .action-row{text-align:center}.q-tl .action-row.top{margin-top:-10px;padding-bottom:30px}.q-tl .action-row.middle{bottom:0;left:0;position:absolute;right:0;z-index:2}.q-tl .action-row.bottom{margin-top:-30px}.q-tl .action-row .btn{border-radius:40px;font-size:.75em;min-height:40px;min-width:107px;padding:7px 20px}.q-tl .action-row .btn .fal{margin-left:7px}@media (min-width:460px){.q-tl .hero h1{font-size:2.3em}.q-tl .type-group h2{font-size:4em}.q-tl .type-group .types .type{margin-bottom:45px}}@media (min-width:600px){.q-tl .hero h1{font-size:2.5em}.q-tl .type-group.analysts{padding-bottom:100px}.q-tl .type-group.analysts:after{bottom:-70px;height:120px}.q-tl .type-group.diplomats{padding-bottom:100px}.q-tl .type-group.diplomats:after{bottom:-70px;height:120px}.q-tl .type-group.sentinels{padding-bottom:100px}.q-tl .type-group.sentinels:after{bottom:-50px;height:90px}.q-tl .type-group.explorers:after{bottom:-60px;height:100px}.q-tl .type-group h2{font-size:5.5em}.q-tl .type-group .types{margin-top:-60px}.q-tl .action-row.top{padding-bottom:50px}.q-tl .action-row.middle{bottom:25px}.q-tl .action-row.bottom{margin-top:0;padding-top:20px}.q-tl .action-row .btn{font-size:.85em;min-height:50px;min-width:138px;padding:11px 30px}.q-tl .action-row .btn .fal{margin-left:9px}}