.logo_container{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.logo_container svg{max-height:20rem}.optimulate_list{list-style:none;padding:0}.optimulate_list li{margin:.5rem 0;display:flex;align-items:center;position:relative;padding-left:2rem}.optimulate_list li:before{content:"";position:absolute;left:0;width:1.5rem;height:.7rem;background-image:url(/assets/Bullet-point-Cvwrt2s-.svg);background-size:contain;background-repeat:no-repeat}.text-container{margin-top:1rem}.expand-button{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.expand-text{-webkit-user-select:none;user-select:none;margin:.5rem}.expand-arrow{position:absolute;bottom:0;left:0;fill:var(--optimulate_orange);transform-origin:center;transform:scaleY(-1);transition:transform .3s ease}.expand-button .expanded{transform:unset}.expand-button:hover div{text-decoration:underline}.expandedElement{padding-top:.5rem}.modal{display:flex;justify-content:center;align-items:center;background-color:#ffffffe6;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}.modal-content{animation:zoomIn .6s;max-height:100vh;max-width:100vw}@keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(1)}}.modal-caption{color:var(--optimulate_orange, #ea5b0c);text-align:center;margin-top:15px;font-size:calc(.6rem + .5vw)}.modal-close{position:absolute;top:20px;right:30px;font-size:2rem;font-weight:700;cursor:pointer;transition:all .3s}.modal-close:hover{color:#bbb;text-decoration:none}.team-member{margin-bottom:2rem}.name{font-size:1.25rem;margin-bottom:1rem;text-align:center}.bio{display:flex;flex-direction:row;justify-content:center;align-items:center}.bio-photo{flex:0 0 7rem;aspect-ratio:1 / 1;margin-right:1rem;display:flex;overflow:hidden;border-radius:15%}@media (max-width: 425px){.bio{flex-direction:column;gap:.75rem}.bio-photo{flex:1 1 auto;max-width:9rem;height:auto;margin:0}}.photo{width:100%;aspect-ratio:1 / 1;align-self:center;justify-self:center}.bio-text{text-align:justify}.bio-word-cloud{float:right;width:50%;height:0;padding-top:17%;padding-bottom:17%;margin-left:1rem;display:flex}.word-cloud{width:100%;align-self:center}@media (max-width: 600px){.bio_wordcloud{display:block;float:none;width:80%;height:0;padding-top:27%;padding-bottom:27%;margin:1rem auto}}#project_navigation{display:flex;justify-content:space-evenly;align-items:center;width:100%;height:100%}.project_navigation_circle{width:1rem;height:1rem;border-radius:100%;background-color:var(--background_color);border:1px solid var(--optimulate_orange);cursor:pointer;transition:background-color .3s ease}.project_navigation_circle.active{background-color:var( --optimulate_orange )}.project_navigation_circle:hover{background-color:#ea5b0c80}#portfolio_container{position:relative;width:95%;height:calc(100% - 2rem);margin-top:1rem;margin-bottom:1rem;text-align:justify;overflow:hidden;-webkit-user-select:none;user-select:none}.navigate_button{z-index:10}.navigate_button.left{float:left}.navigate_button.right{float:right}.arrow_svg_container{height:100%;width:100%;position:absolute}@media (max-width: 700px){#portfolio_container{width:98%;margin-left:auto;margin-right:auto}}.project_title_bar,.navigator_container{display:flex;gap:1rem;justify-content:space-around;align-items:center;width:100%;height:100%;overflow:hidden}#project_title{font-size:1.5rem;font-weight:700;flex:1 1 auto;text-align:center;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}#project_logo{flex:1 1 auto;width:fit-content;max-width:100%;height:100%;max-height:100%;display:flex;justify-content:center;align-items:center}#project_logo img{max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto}.project_description{position:relative;text-align:justify;padding-top:.5rem}.project_description p{margin-bottom:1rem}.project_description p.list_item{margin-bottom:.5rem}.project_media_container{text-align:center;position:relative;margin-bottom:.5rem;width:100%}.project_media_container video,.project_media_container img{border-radius:15px}.project_description .project_media_container video,.project_description .project_media_container img{max-width:33%}.project_description.compact .project_media_container video,.project_description.compact .project_media_container img{max-width:60vw}#contact-container{width:70%;max-width:800px;margin:2rem auto;text-align:left}#contact-container h2{text-align:center;margin-bottom:1rem;font-size:1.25rem}#contact_form{display:flex;flex-direction:column}#form_input *{margin-bottom:1rem}#contact_form label{font-size:.8rem}#contact_form input,#contact_form textarea{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:.3rem;font-family:daxregular,sans-serif}#contact_form textarea{height:100px;min-height:100px;resize:vertical}#submit{background-color:var(--support_light_gray);width:25%;height:fit-content;border:none;cursor:pointer;font-size:1rem;transition:background-color .3s;border-radius:.3rem;box-shadow:0 0 3px 1px #000;align-self:center;padding:.15rem 2rem}#submit:hover{background-color:var(--support_dark_gray);color:var(--background_color)}#submit:disabled{background-color:var(--support_light_gray);color:var(--support_dark_gray);font-style:italic;cursor:not-allowed}.status-message{text-align:center;font-weight:700;margin-bottom:.75rem}.status-message.error{font-size:1rem;color:red}.status-message.success{font-size:1rem;color:green}.recaptcha_policy{font-size:smaller;text-align:center;margin-top:1.5rem}.grecaptcha-badge{visibility:hidden}@media (max-width: 500px){#contact-container{width:80%}}@media (max-width: 350px){#contact-container{width:90%}}@media (min-width: 700px){#form_input{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:.75rem .75rem}#form_input *{margin-bottom:0}#form_input label{text-align:right;padding-right:.5rem}#form_input input,#form_input textarea{width:100%}#submit{width:25%;height:fit-content;align-self:center;padding:.15rem 2rem;font-size:1rem}.status-message{text-align:center}.recaptcha_policy{justify-self:center}}#main{grid-area:main;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;text-align:justify;height:100%}.text_column{margin-top:2rem;margin-left:auto;margin-right:auto;width:70%;font-size:.8rem;text-align:justify}.centered{text-align:center}.justified{text-align:justify}@media (max-width: 700px){.text_column{width:90%}}header{grid-area:header;position:relative;transition:all .3s ease;padding-top:.5rem;padding-right:.5rem;padding-bottom:.3rem;-webkit-user-select:none;user-select:none}#header_container{position:relative;padding-right:2.5rem;height:100%}#arrow_container{position:absolute;left:0;bottom:-.4rem;width:100%;height:calc(100% + .35rem);pointer-events:none}#regular_header{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}#regular_menu{flex:1;height:100%;display:flex;z-index:1}#logo_container{flex:1;max-width:30%;z-index:1}.optimulate_icon{aspect-ratio:75 / 35;object-fit:contain}.regular_menu_item{position:relative;flex:1;display:flex;flex-direction:row;height:auto;text-decoration:none;align-items:center;justify-content:center;color:var(--text_color)}.regular_menu_item .optimulate_icon{display:none;padding-right:.5rem;max-width:2rem}.regular_menu_item.selected .optimulate_icon{display:block}.regular_menu_item_label{text-align:center;text-transform:lowercase}.regular_menu_item:before{box-sizing:border-box;content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:2px 2px 3px 0 var(--support_dark_gray);transform:skew(-35deg);visibility:hidden;z-index:-1}.regular_menu_item:after{box-sizing:border-box;content:"";position:absolute;top:25%;left:0;width:100%;height:50%;border-left:1px solid var(--optimulate_orange);transform:skew(-35deg)}#regular_menu .regular_menu_item:first-child:after{visibility:hidden}@media (hover: hover) and (pointer: fine){.regular_menu_item:hover .optimulate_icon{display:block}.regular_menu_item:hover:before{visibility:visible}#regular_menu:hover *:after{content:none;display:none}#regular_menu:hover .regular_menu_item.selected .optimulate_icon{display:none}#regular_menu:hover .regular_menu_item:hover.selected .optimulate_icon{display:block}}#compact_header{position:relative;display:flex;height:100%;align-items:center;padding-left:.75rem}#menu_button{flex:1;aspect-ratio:1 / 1;max-width:3rem;height:100%;margin-right:1rem;cursor:pointer}#menu_button>*{width:100%;height:100%}#logo_container.compact{flex:1;max-width:80vw}#compact_menu{position:relative;top:.4rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:15rem;background-color:var(--background_color);box-shadow:2px 2px 4px;border-bottom-right-radius:10px;padding:.5rem;z-index:20}.compact_menu_item{position:relative;flex:1;display:flex;flex-direction:row;height:auto;text-decoration:none;align-items:center;color:var(--text_color);width:100%;padding:.5rem;font-size:1.5rem}.compact_menu_item .optimulate_icon{visibility:hidden;max-width:2.5rem}.compact_menu_item.selected .optimulate_icon{visibility:visible}.compact_menu_item_label{text-transform:lowercase;text-align:left;font-size:larger;margin-left:.75rem}footer{position:relative;height:100%;grid-area:footer;background-color:var(--optimulate_orange);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}#slogan{letter-spacing:.3rem;font-weight:700;font-family:daxregular,"sans-serif";font-variant:all-petite-caps;font-size:larger}#copyright{font-size:smaller}@media (max-width: 480px){#slogan{letter-spacing:.15rem}}@media (max-width: 400px){#slogan{letter-spacing:unset}}*{box-sizing:border-box;margin:0;padding:0}:root{--background_color: #f5f5f5;--optimulate_orange: #ea5b0c;--support_light_gray: #cccccc;--support_dark_gray: #8a8a8a;--text_color: #000000;--vh: 1vh}html{font-family:Roboto,sans-serif;font-size:calc(.6em + 1vw);background:var(--background_color);color:var(--text_color)}#app{display:grid;height:calc(var(--vh, 1vh) * 100);min-height:160px;width:100vw;grid-template-rows:4rem auto 2.75rem;grid-template-columns:100vw;grid-template-areas:"header" "main" "footer"}@media (max-width: 235px){#app{grid-template-rows:5rem auto 3.5rem}}@media (max-width: 180px){#app{grid-template-rows:5rem auto 5rem}}@font-face{font-family:daxregular;src:url(/assets/dax-webfont-CSmJuDq4.woff2) format("woff2"),url(/assets/dax-webfont-nzZszOV2.woff) format("woff");font-weight:400;font-style:normal}html,body{margin:0;padding:0;height:100dvh;width:100vw;overflow-x:hidden;overscroll-behavior:none}
