.heroContainer,.heroDiv{width:100%;position:relative}.heroFlexContainer{--growGlobal:1.75;display:flex;position:relative}.heroFlexItem{background:radial-gradient(#fff,#eee);flex:1;height:100vh;transition:flex-grow 1s;position:relative;overflow:hidden}.heroFlexItem:not(.activated):hover{flex-grow:var(--growGlobal)!important}.activated:hover{flex-grow:1!important}.heroFlexImage{object-fit:cover;aspect-ratio:1;width:50vw;height:100%;transition:filter .6s,opacity .5s;scale:1.01}.heroFlexItem:not(.activated) .heroFlexImage{filter:brightness(.7)}.heroFlexItem:not(.activated):hover .heroFlexImage{filter:brightness()}.cellTitleAbs{color:#fff;opacity:1;font-size:1.3vw;font-weight:200;transition:opacity .25s;position:absolute;bottom:1.5%;left:5.5%}.heroFlexItem:hover .cellTitleAbs{opacity:0}.cellInfoDiv{--cellWidth:20vw;color:#fff;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));left:calc(var(--cellWidth)*-1);width:var(--cellWidth);flex-direction:column;justify-content:space-between;padding:3vw 3vw 3vw 2vw;transition:left 1s;display:flex;position:absolute;bottom:0;overflow:hidden}.heroFlexItem.activated .cellInfoDiv,.heroFlexItem:not(.activated):hover .cellInfoDiv{left:0}.cellInfoButton{color:#fff;border:1px solid #fff;justify-content:space-around;align-items:center;width:100%;padding:6% 0;text-decoration:none;transition:background-color .25s;display:flex;position:relative}.activated .cellInfoButton{border:1px solid var(--svgColor);color:var(--svgColor)}:not(.activated) .cellInfoButton:hover{background-color:#fff}:not(.activated) .cellInfoButton:hover .cellInfoButtonText{color:var(--p-color)}:not(.activated) .cellInfoButton:hover line,:not(.activated) .cellInfoButton:hover polyline{stroke:var(--p-color)!important}.activated .cellInfoButton:hover line,.activated .cellInfoButton:hover polyline{stroke:#444b56!important}.cellInfoTitle{white-space:nowrap;margin:0 0 2%;font-size:2vw;font-weight:400;line-height:1em}.cellInfoDisc{margin:3% 0 20px;font-size:16px;font-weight:200;line-height:1.4em}.cellInfoButtonText{white-space:nowrap;margin-left:-5%;font-size:16px;flex-grow:0!important}.cellInfoButton,.cellInfoButton *{flex-grow:0!important}.cellButtonArrow{width:25px;flex-grow:0!important}.heroLogoContainer{z-index:15;width:100px;position:absolute;top:0;left:50%;transform:translate(-50%)}.heroLogoContainer svg{width:100%}.cellButtonArrow{margin-right:-5%}.mobileFlexItemLink{height:0}.mobileFlexArrow{display:none}.heroFlexItem.activated{height:calc(50vw + 100px)!important}.mobileFlexItemLink{z-index:2;width:100%;height:100%;display:block;position:absolute}@media only screen and (max-width:1100px){.heroFlexContainer{flex-direction:column;height:100vh}.cellInfoDiv.centeredD{left:0!important}.cellTitleAbs{font-size:24px!important;bottom:5.5%!important}.heroFlexContainer .cellInfoButton,.centeredD .cellInfoTitle,.centeredD .cellInfoButton{display:none}.cellInfoButtonText{font-size:16px}.cellButtonArrow{width:20px;flex-grow:0!important}.centeredD{width:75%;height:auto;padding:5%;left:0}.centeredD .cellInfoDisc{font-size:16px}.cellTitleAbs.centered{font-size:40px!important}.heroLogoContainer{width:62px}.heroFlexItem:not(.activated):hover,.activated:hover{flex-grow:1!important}.heroFlexItem.activated .cellInfoDiv,.heroFlexItem:not(.activated):hover .cellInfoDiv{left:-100%}.heroFlexItem:hover .cellTitleAbs{opacity:1}.mobileFlexArrow{z-index:2;width:6vw;display:block;position:absolute;bottom:5.5%;right:5.5%}.heroFlexItem:not(.activated):hover .heroFlexImage{filter:brightness(.7)}.cellTitleAbs.centered{bottom:50%!important}.heroFlexImage{filter:brightness(.7)!important}}