:root{--universal-margin: 1rem;--beige-lightest:#fffcf7;--beige-lt: #fff8ef;--beige: #fef1e0;--beige-mid: #F6EAD9;--beign-med: #D4C9BB;--beige-dark: #6F6961;--dark-green: #033529;--lavender-white-lightest-alt: #f7fbff;--lavender-white-lightest: #f0f1f9;--lavender-white-lighter: #f1f2ff;--lavender-white-light: #e1e2ff;--lavender-white: #d4d5ff;--lavender-lightest: #cdcef8;--lavender-lt:#bcbde4;--lavender: #797cca;--lavender-secondary:#7476C1;--lavender-grey:#5F619F;--lavender-md-dk:#37385B;--lavender-md:#4B4D7D;--lavender-dk:#222339;--color-primary: var(--lavender);--color-bg: var(--lavender-white-lightest);--color-text: var(--lavender-dk);--color-text-light: var(--lavender-white-lightest);--nav-letter-spacing: .05rem;--project-page-background: var(--lavender-white-lightest);--project-page-section-background: var(--lavender-white-lighter);--project-page-card-background-color: var(--lavender-dk);--project-page-card-text-color: var(--lavender-white-lightest);--project-page-card-background-color-active: var(--lavender-md-dk);--border-color: var(--beige-dark);--button-text-color: var(--lavender-dk);--button-background-color: var(--lavender-white-lightest);--button-background-color-active: var(--lavender-lightest);--button-primary-text-color: var(--lavender-white-lightest);--button-primary-background-color: var(--lavender-dk);--button-primary-background-color-active: var(--lavender-md);--button-secondary-text-color: var(--lavender-dk);--button-secondary-background-color: var(--lavender-lightest);--button-secondary-background-color-active: var(--lavender-lt);--button-tertiary-text-color: var(--lavender-white-lightest);--button-tertiary-background-color: var(--lavender);--button-tertiary-background-color-active: var(--lavender-md-dk);--project-section-background-color: var(--lavender-dk);--project-section-text-color: var(--lavender-white-lightest);--project-card-background-color: var(--lavender-white-lightest);--project-card-background-color-active: var(--lavender-white-light);--project-card-text-color: var(--lavender-dk);--project-card-background-color-second: var(--lavender-white-lightest);--project-card-background-color-active-second: var(--lavender-white);--project-card-text-color-second: var(--lavender-dk)}html{font-size:62.5%}html,body{background:var(--color-bg);color:var(--color-text);transition:background-color .3s ease,color .3s ease;width:100%}body{font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 auto;font-size:1.8rem}h1,h2,h3,h4,h5,h6{font-weight:500}h1,h2,h3,h4,h5,h6,p,a,span,div{color:var(--color-text)}h1{font-size:4.2rem;font-weight:400;line-height:4.2rem;margin-bottom:1rem}h2{font-size:3.2rem;line-height:3.2rem;margin:1rem 0}h3{font-size:2.8rem;line-height:2.8rem}h4{font-size:2.4rem;line-height:2.4rem}h5{font-size:2rem;line-height:2rem}h6{font-size:1.8rem;line-height:1.8rem}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input{overflow:visible}hr{box-sizing:content-box;border:0;line-height:1.25em;margin:var(--universal-margin);height:.0625rem;background:linear-gradient(to right,transparent,var(--border-color) 20%,var(--border-color) 80%,transparent)}img{max-width:100%;height:auto}p{margin:var(--universal-margin) var(--universal-margin) var(--universal-margin) 0}nav,main,footer{background-color:var(--color-bg);width:100%;max-width:1024px;margin:0 auto}ul,ol{line-height:2rem;margin:0 0 2rem;padding-left:4rem}ul li,ol li{margin:0 0 .4rem}ol li ol{list-style-type:lower-greek}a{text-decoration:none}header{display:flex;justify-content:center;align-items:center;border-bottom:solid 1px var(--color-text);padding:0 1rem}header nav{display:inline-flex;align-items:center;gap:2rem;border:none;background-color:var(--color-bg);width:100%;margin-right:0;margin-left:0;padding-bottom:1rem}header nav a{position:relative;display:block;color:var(--color-text)!important;padding:1rem 1rem 0 0;font-size:1.8rem;font-weight:600;line-height:1.2;letter-spacing:var(--nav-letter-spacing)}header nav a:after{content:"";display:block;position:absolute;width:0;height:2px;bottom:-4px;background-color:var(--color-text);transition:all .15s ease;left:50%}header nav a:hover{text-decoration:none}header nav a:hover:after,header nav a.active:after{width:100%;left:-4%}header nav a:first-of-type{font-size:25px;font-weight:700;line-height:1}header nav a:nth-of-type(2){margin:0 0 0 auto}header nav a:nth-last-of-type{margin:0 0 0 auto}#root{margin:0 auto}p.heading-elaboration{font-size:2.4rem;margin-bottom:2rem}.bkg-secondary{background-color:var(--lavender)}.bkg-tertiary{background-color:var(--lavender-secondary)}main.home{width:100%;max-width:100%}main.home .intro .intro-text{font-size:4rem}main.home .intro .intro-text,main.project-page .hero{padding-left:2rem;padding-right:2rem}main.home .intro .intro-text h1{font-size:4rem;font-weight:400;display:inline}hr{height:3px}button{font-weight:700}main.home .intro,main.home .projects{max-width:1024px;margin:0 auto;padding:2rem 0}main.home .projects{max-width:100%;background-color:var(--project-section-background-color)}main.home .projects h2{color:var(--project-section-text-color);width:100%;display:block;max-width:102.4rem;margin:0 auto 2.5rem;padding-left:0}main.home .projects{display:flex;justify-content:center;flex-flow:wrap}main.home .projects .project-intro{box-shadow:0 2px 6px #0000004d;padding:1rem 2rem;max-width:98.4rem;width:100%;margin:0 auto 2.5rem;border-radius:1rem}main.projects .heading-elaboration,main.projects h1{padding-right:2rem;padding-left:2rem}main.projects .project-section{display:flex;flex-flow:wrap}main.projects .project-section .project-intro{justify-content:center;box-shadow:0 2px 6px #0000004d;padding:1rem;max-width:98.4rem;width:100%;margin:0 2rem 2.5rem;border-radius:1rem}main.home .projects .card-container{display:flex;flex-flow:wrap;justify-content:space-between}main.home .projects article.card{width:48%}main.project-page{background-color:var(--project-page-background);margin:0 auto;padding:2rem .6rem}main.project-page h1{margin-top:0}main.four-oh-four img.doors{position:absolute;top:4.5rem;left:0;filter:brightness(.86)}main.four-oh-four .intro{position:relative;background-color:#000c;box-shadow:0 0 1rem #000}main.four-oh-four .intro .intro-text h1,main.four-oh-four .intro .intro-text p,main.four-oh-four .intro-text h2,main.four-oh-four .intro-text math,main.four-oh-four .content h2,main.four-oh-four .content math{color:var(--lavender-white-lightest)}main.four-oh-four .intro .intro-text h1,main.four-oh-four .intro .intro-text p,main.four-oh-four .intro-text h2,main.four-oh-four .intro-text div{padding:1rem 2rem}main.four-oh-four .intro .intro-text p{font-size:2.2rem;margin-bottom:0}main.four-oh-four .content{position:relative;padding:5rem 0 0;background-color:#000c}main.four-oh-four .intro-text math{font-size:3.2rem}.card{display:flex;flex-direction:column;border-radius:.5rem;overflow:hidden;box-shadow:0 2px 6px #0000001a;background-color:var(--beige)}.card-image-wrapper{position:relative;padding-top:56.25%;overflow:hidden}.card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-overlay{position:absolute;inset-inline-start:0;inset-inline-end:0;bottom:.5rem;margin:0 auto;max-width:90%;padding:.25rem .5rem;background:#0009;color:#fff;font-size:.875rem;line-height:1.2;text-align:center;border-radius:.25rem}.card-content{padding:1rem}.card-title{font-weight:600}.card-details{line-height:1.45}.card:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}button{cursor:pointer;font-size:1rem;border-radius:1.5rem;border:solid .1rem var(--button-text-color);background-color:var(--button-background-color);color:var(--button-text-color);padding:.75rem 1.5rem;font-weight:700;transition:.35s ease-in-out}button:hover,button:active,button:focus,button::selection{border:solid .1rem var(--button-text-color);background-color:var(--button-background-color-active)}button.btn-primary{border:solid .1rem var(--button-primary-background-color);background-color:var(--button-primary-background-color);color:var(--button-primary-text-color)}button.btn-primary:hover,button.btn-primary:active,button.btn-primary:focus{border:solid .1rem var(--button-primary-background-color-active);background-color:var(--button-primary-background-color-active)}button.btn-secondary{border:solid .1rem var(--button-secondary-text-color);background-color:var(--button-secondary-background-color);color:var(--button-secondary-text-color)}button.btn-secondary:hover,button.btn-secondary:active,button.btn-secondary:focus{border:solid .1rem var(--button-secondary-text-color);background-color:var(--button-secondary-background-color-active)}button.btn-tertiary{border:solid .1rem var(--button-tertiary-background-color);background-color:var(--button-tertiary-background-color);color:var(--button-tertiary-text-color)}button.btn-tertiary:hover,button.btn-tertiary:active,button.btn-tertiary:focus{border:solid .1rem var(--button-tertiary-background-color-active);background-color:var(--button-tertiary-background-color-active)}.project-page section.block{box-shadow:0 2px 6px #0000004d;padding:1rem 2rem;border-radius:1rem;margin-bottom:2.5rem;width:calc(100% - 6rem);max-width:98.4rem;background-color:var(--lavender-white-lightest-alt)}.project-page section .intro-block{border-bottom:solid .1rem;margin-bottom:1.6rem}div.flex-row{display:flex;justify-content:space-around}div.flex-row.three-up .column{width:33%}.video-wrapper{margin-top:4rem}.video-wrapper video{display:block;margin-bottom:2rem;width:100%;height:auto;object-fit:contain}.bold{font-weight:700}.product-intro .project-intro-icon-container{width:10rem}.project-intro .project-intro-heading-container{border-bottom:solid .2rem}main.home .projects .project-intro,main.projects .project-section .project-intro{transition:all .35s ease-in-out}main.home .projects .project-intro.primary{background-color:var(--project-card-background-color);color:var(--project-card-text-color)}main.home .projects .project-intro.primary:hover{background-color:var(--project-card-background-color-active)}main.projects section.project-section .project-intro.primary{background-color:var(--project-page-card-background-color);color:var(--project-page-card-text-color)}main.projects section.project-section .project-intro.primary h2,main.projects section.project-section .project-intro.primary h3,main.projects section.project-section .project-intro.primary ul li,main.projects section.project-section .project-intro.primary a,main.projects section.project-section .project-intro.primary p{color:var(--project-page-card-text-color)}main.projects section.project-section .project-intro.primary:hover{background-color:var(--project-page-card-background-color-active)}main.projects section.project-section .project-intro.primary a .project-intro-heading-container{border-color:var(--project-page-card-text-color)}main.projects .project-section .project-intro{padding:1rem 2rem;box-shadow:0 2px 6px #0009}.project-intro .tagline{margin-top:2rem;margin-bottom:2rem}.product-intro a{display:block}.project-intro a .project-details{display:flex;justify-content:space-between;padding:0 2rem}.project-intro a .project-details .project-detail ul{padding-left:3rem}.project-intro a .project-details .project-detail ul li{margin:0 0 .4rem}.project-intro-icon{width:100%;height:auto}@media(max-width:481px){nav,main,footer,main.projects .project-section .project-intro,main.home .projects .project-intro,main.home,main.home .intro,main.home .projects{max-width:unset}main.home .intro-text p{font-size:1.8rem;padding-bottom:2rem}main.home .projects .project-intro.primary{border-radius:0}main.home .projects h2{padding-left:1rem}.project-intro a .project-details,.block div.flex-row.three-up{padding-right:0;padding-left:0;flex-flow:wrap}div.flex-row.three-up .column{width:100%}main.projects .project-section .project-intro{margin:0 0 2.5rem;border-radius:0}main.project-page{padding:2rem 0}.project-page section.block{padding:1rem 2rem;border-radius:0;margin:0 0 2.5rem;width:100%;max-width:calc(100vw - 4rem)}main.four-oh-four img.doors{position:absolute;top:4.5rem;left:50%;transform:translate(-50%);filter:brightness(.86);max-width:revert;height:110vh}main.four-oh-four .intro .intro-text h1{font-size:3.2rem}main.four-oh-four .intro-text h2{font-size:2.8rem}main.four-oh-four .intro .intro-text h1,main.four-oh-four .intro .intro-text p,main.four-oh-four .intro-text h2,main.four-oh-four .intro-text div{padding:.3rem 2rem}}