:root{--heading-font-family:"Titillium Web",sans-serif;--text-font-family:"Titillium Web",sans-serif;--text-color:#bfbfc3;--emphasis-text-color:#ececef;--contrasty-text-color:#fff;--bg-color:#000;--emphasis-bg-color:#212121;--contrasty-bg-color:#444;--accent-color:#e3a127;scroll-behavior:smooth}.emphasis-text-color{color:var(--emphasis-text-color)}.emphasis-bg-color{background-color:var(--emphasis-bg-color)}.contrasty-bg-color{background-color:var(--contrasty-bg-color)}.accent-color{color:var(--accent-color)}.accent-bg-color{color:var(--accent-bg-color)}.btn-primary{--bs-btn-bg:color-mix(in srgb,var(--accent-color),transparent 25%);--bs-btn-border-color:var(--accent-color);--bs-btn-hover-bg:color-mix(in srgb,var(--accent-color),transparent 37.5%);--bs-btn-hover-border-color:var(--accent-color);--bs-btn-active-bg:color-mix(in srgb,var(--accent-color),transparent 50%);--bs-btn-active-border-color:var(--accent-color)}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--text-font-family)}a{color:var(--accent-color);transition:color .3s}a,a:hover{text-decoration:none}a:hover{color:color-mix(in srgb,var(--accent-color),transparent 25%)}.h1,.h2,.h3,.h4
h5,.h5
h6,.h6,h1,h2,h3,h4{color:var(--emphasis-text-color);font-family:var(--heading-font-family)}.text-small{font-size:.9em}.inline-icon-svg{display:inline-block;vertical-align:-.125em;fill:currentcolor;height:1em;width:1em}.inline-icon-svg>svg{display:inline-block;height:100%;vertical-align:0;width:100%}.main{min-height:calc(100vh - 70px)}.preface{color:var(--text-color);display:block;font-family:var(--text-font-family);font-size:.5em}.w-64px{width:64px}.h-64px{height:64px}.w-128px{width:128px}.h-128px{height:128px}.max-vh-100{max-height:100vh}.max-h-256px{max-height:256px}.max-h-384px{max-height:384px}.askew-left,.hover-raise,.hover-zoom{transition:transform .5s}.askew-left{transform:rotate(-15deg)}.askew-right{transform:rotate(15deg);transition:transform .5s}.hover-zoom:hover{transform:scale(150%)}.hover-raise:hover{transform:translateY(-6px)}.askew-left:hover,.askew-right:hover{transform:scale(150%) rotate(0deg)}.project-card .project-card-link{display:inline-block;position:relative}.project-card .project-card-link .project-card-description{margin:0;max-height:0;overflow:hidden;position:relative;transition:max-height .5s}.project-card .project-card-link:hover .project-card-description{max-height:128px}.project-card .project-card-overlay{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.75) 128px);bottom:0;color:#fff;left:0;padding-top:64px;position:absolute;width:100%}.project-card .project-card-overlay h4{color:#fff}.project-card .project-card-preview{background:var(--emphasis-bg-color);min-height:256px;min-width:256px}.person-card{flex-direction:row-reverse;height:100%;width:100%}.person-card-img,.person-card-info{align-items:center;display:flex}.person-card-img img{background:var(--emphasis-bg-color);border-radius:100%;display:block;height:200px;object-fit:cover;width:200px}.person-card-info{flex-grow:1}@media (max-width:768px){.person-card,.person-card-img,:nth-child(2n)>.person-card{flex-direction:column-reverse}.person-card-info>div{text-align:center;width:100%}}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--accent-color);border-radius:50%;border-top:3px solid transparent;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}:root{--nav-bg:#333}.nav-menu{flex-direction:column}.nav-menu,.nav-menu ul{align-items:center;display:flex}.nav-menu ul{list-style:none;margin:0;padding:0}.nav-menu a,.nav-menu li{position:relative}.nav-menu a{align-items:center;color:var(--emphasis-text-color);display:flex;flex-direction:row;font-size:14pt;gap:4px;padding:10px 15px;transition:color .3s}.nav-menu .active>a,.nav-menu a:hover{color:var(--accent-color)}.site-logo{font-size:20pt;padding:16px}.site-logo a{color:var(--emphasis-text-color)}.site-logo img,.site-logo svg{height:32px;margin-right:8px;width:32px}.nav-menu .dropdown ul a{font-size:.8em}.nav-menu .dropdown>a:after{border:solid;border-width:0 2px 2px 0;content:"";display:block;height:8px;transform:translateY(-1px) rotate(45deg);transition:transform .3s;width:8px}@media (min-width:1200px){.main{padding-top:112px}.nav-container{background:var(--nav-bg);border-radius:50px;box-shadow:0 0 15px rgba(0,0,0,.2);display:flex;flex-direction:row;margin:16px;padding:0 20px;width:100%}.site-logo{flex:1;padding:16px}.nav-menu{flex:0;flex-direction:row;margin:0;padding:16px}.nav-menu a{padding:10px 20px}.nav-menu .dropdown ul{background:var(--contrasty-bg-color);border-radius:8px;box-shadow:0 0 30px rgba(0,0,0,.1);display:none;left:0;margin:0;padding:10px 0;position:absolute;top:100%;z-index:99}.nav-menu .dropdown:hover>ul{display:block}.nav-menu .dropdown ul li{min-width:200px}.nav-menu .dropdown ul a{font-size:14px;padding:10px 20px}.nav-menu .dropdown ul .active:hover,.nav-menu .dropdown ul a:hover,.nav-menu .dropdown ul li:hover>a{color:var(--accent-color)}.nav-menu .dropdown:hover>a:after{transform:translateY(3px) rotate(-135deg)}}@media (max-width:1199px){.main{padding-top:72px}.header-container{background:var(--nav-bg);box-shadow:0 0 15px rgba(0,0,0,.2);height:72px}.mobile-nav-toggle{background:transparent;border:none;color:var(--text-color);cursor:pointer;display:block;height:24px;padding:24px;position:fixed;right:20px;top:24px;width:31px;z-index:9999}.mobile-nav-toggle span{background:var(--emphasis-text-color);border-radius:2px;display:block;height:2px;left:0;opacity:1;position:absolute;transform:rotate(0deg);transition:.25s ease-in-out;width:100%}.mobile-nav-toggle span:first-child{top:0}.mobile-nav-toggle span:nth-child(2){top:11px}.mobile-nav-toggle span:nth-child(3){top:22px}.nav-menu.mobile-active .mobile-nav-toggle span:first-child{top:11px;transform:rotate(135deg)}.nav-menu.mobile-active .mobile-nav-toggle span:nth-child(2){left:-60px;opacity:0}.nav-menu.mobile-active .mobile-nav-toggle span:nth-child(3){top:11px;transform:rotate(-135deg)}.nav-menu{background:var(--contrasty-bg-color);box-shadow:0 0 15px rgba(0,0,0,.2);height:100vh;padding:72px 0 0;position:fixed;right:-100%;top:0;transition:right .3s;width:300px;z-index:999}.nav-menu.mobile-active{right:0}.nav-menu ul{display:block;margin:0;padding:0;width:100%}.nav-menu li{display:block;position:relative}.nav-menu a{border-bottom:1px solid hsla(0,0%,100%,.1);font-size:12pt;padding:15px 20px}.nav-menu a>span{flex:1}.nav-menu .dropdown ul{background:rgba(0,0,0,.1);border-radius:0;box-shadow:none;display:none;margin:0;padding:0;position:static}.nav-menu .dropdown.expanded>a:after{transform:translateY(3px) rotate(-135deg)}.nav-menu .dropdown.expanded>ul{display:block}}.footer{font-size:.8rem;padding:16px}.contact-form{border:1px solid var(--contrasty-bg-color);border-radius:16px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:2rem auto;max-width:600px;padding:2rem;text-align:left}.contact-form .form-label{color:var(--emphasis-text-color)}.contact-form .form-control{background-color:var(--bg-color);border:1px solid var(--contrasty-bg-color);border-radius:8px;color:var(--contrasty-text-color);transition:border-color .2s ease-in-out}.contact-form .form-control:focus{border-color:var(--accent-color)}.contact-form .btn-primary{border-radius:8px;font-weight:500;padding:.5rem 2rem;width:100%}.contact-form .alert{margin-bottom:1rem;margin-top:1rem}@media (max-width:768px){.contact-form{margin:1rem;padding:1rem}}