.section-compass{padding:5rem 0}.section-compass .section__inner{align-items:stretch;display:flex;flex-direction:row}.section-compass .section__content,.section-compass .section__image{flex:0 0 50%;max-width:50%}.section-compass .section__image{position:relative}.section-compass .section__image-center{border-radius:50%;cursor:pointer;display:block;height:39.2%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .3s;width:27.9%;z-index:1}.section-compass .section__image-center:hover{background-color:hsla(0,0%,100%,.5)}.section-compass .section__image svg path{position:relative;z-index:1}.section-compass .section__image svg g[data-text],.section-compass .section__image svg path[data-text]{cursor:pointer;position:relative;transition:opacity .3s;z-index:3}.section-compass .section__image svg g[data-text]:hover,.section-compass .section__image svg path[data-text]:hover{opacity:.5}.section-compass .section__image svg{width:100%}.section-compass .section__content{font-size:1.6rem;padding-left:1rem;position:relative}.section-compass .section__content h6{color:#778fac;font-size:1.4rem}.section-compass .section__content h4,.section-compass .section__content h5{font-size:2rem;font-weight:600}.section-compass .section__content h5 span{color:#778fac}.section-compass .section__content ul{height:100%;list-style-type:none;margin:0;padding-left:0;position:relative}.section-compass .section__content li{left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s,visibility .3s;visibility:hidden}.section-compass .section__content li.is-active{opacity:1;visibility:visible}.section-compass .section__content h5{color:#032cfc}@media (max-width:767px),screen and (max-width:812px) and (orientation:landscape){.section-compass .section__inner{flex-direction:column}.section-compass .section__content{flex:0 0 100%;max-width:100%;min-height:30rem;padding-left:0}.section-compass .section__image{flex:0 0 100%;margin-bottom:3rem;max-width:100%}.section-compass .section__content li{transform:translateY(0)}}.tags{margin-bottom:1rem}.tag{border-radius:1.6rem;font-size:1.3rem;font-weight:600;padding:.5rem 1.2rem}.tag,.tag svg{display:inline-block}.tag svg{height:1.9rem;vertical-align:middle;width:1.9rem}.tag--green{background-color:#c3e8c4;color:#009323}.tag--purple{background-color:#e1ecfe;color:#032cfc}