.breaker{display:block;width:90%;max-width:1200px;height:1px;margin-top:100px;margin-bottom:100px;background-color:hsla(0,0%,10%,.2)}#hero{width:100vw;padding:100px 0;display:flex;position:relative;background-color:#001f5c}#hero .content{width:90%;max-width:1200px;margin:0 auto;display:flex;align-items:center}#hero .content .text-container{z-index:2;display:flex;flex-direction:column;width:600px}#hero .content .text-container h1,#hero .content .text-container h2{color:#ededed}#hero .content .text-container h2{font-weight:400}#hero .content .text-container .button{margin-top:2rem;font-size:calc(clamp(1.25rem,2.5vw,1.5rem)*.8)}#hero.image{width:90%;max-width:1200px;background-color:transparent;padding:0}#hero.image .content{margin:unset;width:unset}#hero.image .content .text-container{padding:100px clamp(150px,40%,500px) 100px 0;background-color:#f7f7f7;justify-content:center;width:clamp(500px,90%,1100px);height:100%;-webkit-mask-image:linear-gradient(90deg,#000 50%,transparent);mask-image:linear-gradient(90deg,#000 50%,transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}#hero.image .content .text-container h1,#hero.image .content .text-container h2{color:#080808}#hero.image .content .image-container{position:absolute;overflow:hidden;height:100%!important;width:1200px;max-width:80vw;right:-200px;-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}#hero.image .content .image-container img{object-fit:cover}.button{width:-moz-fit-content;width:fit-content;border-radius:2em;padding:.5em .75em;display:flex;align-items:center;font-family:Open Sans}.button,.button .icon{transition:all .5s ease}.button .icon{font-size:clamp(.9rem,2.5vw,1.15rem);margin-top:.1rem;margin-left:.25rem}.button.filled.blue{background-color:#2877d7;color:#f7f7f7;border:none}.button.filled.blue:hover{background-color:#001f5c}.button.outlined.blue{background-color:transparent;border:.125em solid #2877d7}.button.outlined.blue .icon{color:#2877d7}.button.outlined.blue:hover{background-color:#2877d7;color:#f7f7f7}.button.outlined.blue:hover .icon{color:#f7f7f7}.button.filled.white{background-color:#ededed;color:#080808}.button.filled.white .icon{color:#080808}.button.filled.white:hover{background-color:grey}.button.outlined.white{background-color:transparent;border:.125em solid #ededed;color:#ededed}.button.outlined.white .icon{color:#ededed}.button.outlined.white:hover{background-color:#ededed;color:#080808}.button.outlined.white:hover .icon{color:#080808}.button.outlined.black{background-color:transparent;border:.125 solid #080808;color:#ededed}.button.outlined.black .icon{color:#ededed}.button.filled.black,.button.outlined.black:hover{background-color:#080808}.button.filled.black,.button.filled.black .icon{color:#ededed}.dropdown .dropdown-trigger{font-size:1.1rem;font-family:Open Sans;color:inherit;font-weight:400;line-height:calc(clamp(.9rem,2.5vw,1.15rem)*1.35);cursor:pointer;list-style:none}.dropdown .dropdown-trigger .icon{transition:all .15s ease}.dropdown .submenu{margin-left:10px;transition:all .2s ease;display:flex;flex-direction:column}.dropdown .submenu li{display:flex;align-items:center;gap:.5rem}.dropdown .submenu li a:first-letter{text-transform:capitalize}.dropdown .submenu li .icon{color:inherit}.dropdown[open] .dropdown-trigger .icon{transform:rotate(-180deg)}.text-container{display:flex;flex-direction:column;gap:.25rem}.coworker-container{display:flex;align-items:stretch;justify-content:center;gap:100px;flex-wrap:wrap}.coworker-container .card{min-height:125px;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;width:min-content}.coworker-container .card img{position:relative!important;object-fit:cover;border-radius:4px;margin-bottom:20px;height:250px!important}.coworker-container .card .name{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:500}.coworker-container .card .role{margin-top:.5rem;margin-bottom:1rem;color:#2e2e2e}.coworker-container .card .email{margin-top:auto;font-weight:500;word-break:break-word;width:max-content}.coworker-container .card .phone{justify-content:flex-end;font-weight:500}.carousel-container{position:relative;margin:0 auto;max-width:1200px;width:90%}.carousel-container #left,.carousel-container #right{font-size:1.5rem;color:#ededed;background-color:transparent;border:none;cursor:pointer}.carousel-container .controls{position:absolute;display:flex;justify-content:space-between;box-sizing:border-box;width:100%;top:50%;transform:translateY(-50%);z-index:2}.carousel-container #projects{box-sizing:border-box;margin:0 auto;width:calc(100% - 75px);height:275px;display:flex;gap:25px;overflow:hidden;position:relative;pointer-events:none;padding:16px 100px 16px 8px;-webkit-mask-image:linear-gradient(90deg,#000 75%,transparent 90%);mask-image:linear-gradient(90deg,#000 75%,transparent 90%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.carousel-container #projects .project{position:absolute;width:280px;height:95%;display:flex;flex-direction:column;color:#ededed;box-shadow:0 0 4px 0 hsla(0,0%,95%,.75);border-radius:4px;overflow:hidden;padding:1rem;opacity:0}.carousel-container #projects .project h3{font-size:clamp(.9rem,2.5vw,1.15rem);font-weight:400;line-height:normal}.carousel-container #projects .project p{margin-top:auto}.carousel-container #projects .active{top:50%;opacity:1;transition:all .5s ease}.carousel-container #projects .left,.carousel-container #projects .right{top:50%;transition:all .5s ease}@media(max-width:700px){.carousel-container #projects{width:100%;height:clamp(250px,250px + 75*(100vw - 500px)/200,325px);padding:16px 100px;-webkit-mask-image:linear-gradient(90deg,transparent 10%,#000 25%,#000 75%,transparent 90%);mask-image:linear-gradient(90deg,transparent 10%,#000 25%,#000 75%,transparent 90%)}.carousel-container #projects .project{width:200px}}@media(max-width:500px){.breaker{margin-top:75px;margin-bottom:75px}#hero.image{height:auto;width:100%}#hero.image .content{align-items:flex-start;width:100%}#hero.image .content .text-container{margin-top:0;height:auto;width:100%;padding:100px 5% 300px;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}#hero.image .content .image-container{max-width:100vw;right:0;height:50%!important;bottom:0;mask-image:unset;-webkit-mask-image:unset}.coworker-container{gap:50px}}