: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);width:100%;transition:background-color .3s,color .3s}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 auto;font-family:Inter,Arial,sans-serif;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{margin-bottom:1rem;font-size:4.2rem;font-weight:400;line-height:4.2rem}h2{margin:1rem 0;font-size:3.2rem;line-height:3.2rem}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;margin:var(--universal-margin);background:linear-gradient(to right, transparent, var(--border-color) 20%, var(--border-color) 80%, transparent);border:0;height:.0625rem;line-height:1.25em}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{margin:0 0 2rem;padding-left:4rem;line-height:2rem}ul li,ol li{margin:0 0 .4rem}ol li ol{list-style-type:lower-greek}a{text-decoration:none}header{border-bottom:solid 1px var(--color-text);justify-content:center;align-items:center;padding:0 1rem;display:flex}header nav{background-color:var(--color-bg);border:none;align-items:center;gap:2rem;width:100%;margin-left:0;margin-right:0;padding-bottom:1rem;display:inline-flex}header nav a{letter-spacing:var(--nav-letter-spacing);padding:1rem 1rem 0 0;font-size:1.8rem;font-weight:600;line-height:1.2;display:block;position:relative;color:var(--color-text)!important}header nav a:after{content:"";background-color:var(--color-text);width:0;height:2px;transition:all .15s;display:block;position:absolute;bottom:-4px;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),header nav a:last-of-type{margin:0 0 0 auto}#root{margin:0 auto}p.heading-elaboration{margin-bottom:2rem;font-size:2.4rem}.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,main.home .experiments{max-width:1024px;margin:0 auto;padding:2rem 0}main.home .projects,main.home .experiments{background-color:var(--project-section-background-color);max-width:100%}main.home .projects h2,main.home .experiments h2{color:var(--project-section-text-color);width:100%;max-width:102.4rem;margin:0 auto 2.5rem;padding-left:0;display:block}main.home .projects,main.home .experiments{flex-flow:wrap;justify-content:center;display:flex}main.home .projects .project-intro,main.home .experiments .experiment-intro{border-radius:1rem;width:100%;max-width:98.4rem;margin:0 auto 2.5rem;padding:1rem 2rem;box-shadow:0 2px 6px #0000004d}main.projects .heading-elaboration,main.projects h1,main.experiments .heading-elaboration,main.experiments h1{padding-left:2rem;padding-right:2rem}main.projects .project-section,main.experiments .experiment-section{flex-flow:wrap;display:flex}main.projects .project-section .project-intro,main.experiments .experiment-section .experiment-intro{border-radius:1rem;justify-content:center;width:100%;max-width:98.4rem;margin:0 2rem 2.5rem;padding:1rem;box-shadow:0 2px 6px #0000004d}main.home .projects .card-container,main.home .experiments .card-container{flex-flow:wrap;justify-content:space-between;display:flex}main.home .projects article.card,main.home .experiments article.card{width:48%}main.project-page,main.experiment-page{background-color:var(--project-page-background);margin:0 auto;padding:2rem .6rem}main.experiment-page a{text-decoration:underline;display:block}main.project-page h1{margin-top:0}main.four-oh-four img.doors{filter:brightness(.86);position:absolute;top:4.5rem;left:0}main.four-oh-four .intro{background-color:#000c;position:relative;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{margin-bottom:0;font-size:2.2rem}main.four-oh-four .content{background-color:#000c;padding:5rem 0 0;position:relative}main.four-oh-four .intro-text math{font-size:3.2rem}.card{background-color:var(--beige);border-radius:.5rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000001a}.card-image-wrapper{padding-top:56.25%;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-overlay{inset-inline:0;color:#fff;text-align:center;background:#0009;border-radius:.25rem;max-width:90%;margin:0 auto;padding:.25rem .5rem;font-size:.875rem;line-height:1.2;position:absolute;bottom:.5rem}.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;border:solid .1rem var(--button-text-color);background-color:var(--button-background-color);color:var(--button-text-color);border-radius:1.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:all .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{background-color:var(--lavender-white-lightest-alt);border-radius:1rem;width:calc(100% - 6rem);max-width:98.4rem;margin-bottom:2.5rem;padding:1rem 2rem;box-shadow:0 2px 6px #0000004d}.project-page section .intro-block{border-bottom:.1rem solid;margin-bottom:1.6rem}div.flex-row{justify-content:space-around;display:flex}div.flex-row.three-up .column{width:33%}.video-wrapper{margin-top:4rem}.video-wrapper video{object-fit:contain;width:100%;height:auto;margin-bottom:2rem;display:block}.video-wrapper.phone-layout video{width:auto;height:auto;max-height:100vh;margin:0 auto}.bold{font-weight:700}.product-intro .project-intro-icon-container{width:10rem}.project-intro .project-intro-heading-container{border-bottom:.2rem solid}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{justify-content:space-between;padding:0 2rem;display:flex}.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 (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{padding-bottom:2rem;font-size:1.8rem}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{flex-flow:wrap;padding-left:0;padding-right:0}div.flex-row.three-up .column{width:100%}main.projects .project-section .project-intro{border-radius:0;margin:0 0 2.5rem}main.project-page{padding:2rem 0}.project-page section.block{border-radius:0;width:100%;max-width:calc(100vw - 4rem);margin:0 0 2.5rem;padding:1rem 2rem}main.four-oh-four img.doors{filter:brightness(.86);max-width:revert;height:110vh;position:absolute;top:4.5rem;left:50%;transform:translate(-50%)}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}}th,td{text-align:left;border-bottom:.1rem solid;padding:.12rem .15rem}th{border-right:.1rem solid;padding:1rem}td{border-right:.1rem solid;padding:.4rem 1rem}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{border-right:none;padding-right:0}table{-webkit-border-horizontal-spacing:0;border-collapse:collapse;margin-bottom:2.5rem}table .table-content{padding:1rem}table th{text-align:center;padding:1rem 2rem}table th.csat-th-end{padding-right:2rem}table th.separator,table td.separator{border-bottom:.3rem solid}table td.center{text-align:center}table tbody tr{margin-top:-.1rem}
