:root{--text: #111;--purple: #939bc0;--light-purple: #c5cbe6;--lightest-purple: rgb(235, 237, 245);--pink: #cd85ba;--orange: #cc8d6c;--light-orange: #f1ccb4;--lightest-orange: #f8eae0;--green: #98afb5;--light-green: #c5dae0;--dark-grey: #444;--med-gray: #777;--light-med-gray: #bbb;--grey: #f2f2f2;--max-width: 1100px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Noto Sans,sans-serif;font-size:calc(12px + .2vw);line-height:calc(20px + .4vw);font-weight:400;color:var(--text);margin:0;display:block;min-width:320px;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}::-moz-selection{background:var(--text);color:#fff}::selection{background:var(--text);color:#fff}b{font-weight:700}p{margin-bottom:calc(8px + .1vw);transition:.5s}p:last-child{margin-bottom:0}h1,h2,h3,h4,h5{font-weight:800;transition:.5s}h1{font-size:calc(20px + .4vw);line-height:calc(30px + .4vw)}h2{line-height:calc(28px + .4vw)}sup{font-size:x-small}.cursive{font-family:Gaegu,cursive}.smaller{font-size:calc(11px + .2vw)}.larger{font-size:calc(14px + .2vw)}.larger.cursive{font-size:calc(16px + .2vw)}.emphasis{color:var(--med-gray);font-weight:600;font-family:Gaegu,cursive;font-size:calc(16px + .2vw)}.thick{font-weight:600}.no-spacing{margin-bottom:0}.less-spacing{margin-bottom:calc(4px + .1vw)}.spacing-above{margin-top:calc(8px + .2vw)}.purple{color:var(--purple)}.light-purple{color:var(--light-purple)}.green{color:var(--green)}.light-green{color:var(--light-green)}.orange{color:var(--orange)}.light-orange{color:var(--light-orange)}.gray{color:var(--dark-grey)}.gradient{background:linear-gradient(90deg,var(--purple),var(--orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}a{color:var(--orange);font-weight:500;transition:.3s;text-decoration:underline}a:hover{opacity:.8}section,header,footer{padding:calc(16px + 1.5vw);height:auto;transition:.5s;position:relative}.container{max-width:var(--max-width);margin:auto}.divider{height:1px;max-width:900px;width:50%;background:var(--grey);margin:auto}.two-col{display:flex;justify-content:space-between;align-items:center}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(20px + .5vw)}@media (max-width: 1000px){.three-col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.three-col{grid-template-columns:1fr}}.progressbar-parent{width:100%;display:block;height:calc(4px + .3vw);background:linear-gradient(135deg,var(--orange),var(--purple));position:fixed;top:0;left:0;z-index:20}.progressbar{position:absolute;right:0;left:auto;height:100%;background:#f2f2f2;width:100%}.header{position:relative;padding-top:calc(20px + 1.4vw)}.header .message{color:var(--dark-grey);font-size:calc(14px + .3vw);margin-bottom:calc(6px + .2vw)}.header .authors{margin-bottom:0}.arrow-button{text-decoration:none;border-radius:100%;display:flex;align-items:center;justify-content:center;position:absolute;width:calc(24px + 1.5vw);height:calc(24px + 1.5vw);padding:0;background:#fffc;color:var(--orange);font-size:calc(10px + 1vw);left:50%;bottom:calc(-12px - .75vw);transform:translate(-50%);box-shadow:0 2px 4px #0003;z-index:10;transition:.5s;border:none;cursor:pointer}.arrow-button:hover{opacity:1;background:#fff;transform:translate(-50%) scale(1.05)}.floating-nav{position:fixed;left:calc(20px + 1vw);top:50%;transform:translateY(-50%) translate(-100px);z-index:15;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease}.floating-nav.visible{opacity:1;transform:translateY(-50%) translate(0);pointer-events:all}.floating-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:calc(8px + .3vw)}.floating-nav li{position:relative}.floating-nav li button{display:flex;align-items:center;gap:calc(8px + .2vw);background:none;border:none;cursor:pointer;padding:calc(4px + .1vw);transition:all .3s ease;color:var(--dark-grey);text-decoration:none}.floating-nav li .nav-label{font-size:calc(14px + .2vw);font-family:Gaegu,cursive;opacity:0;transform:translate(-10px);transition:opacity .3s ease,transform .3s ease;white-space:nowrap;font-weight:500;pointer-events:none}.floating-nav li .nav-dot{width:calc(8px + .2vw);height:calc(8px + .2vw);border-radius:50%;background:var(--light-med-gray);border:2px solid var(--light-med-gray);transition:all .3s ease;flex-shrink:0}.floating-nav li:hover .nav-label{opacity:1;transform:translate(0)}.floating-nav li:hover .nav-dot{background:var(--orange);border-color:var(--orange);opacity:.8;transform:scale(1.1)}.floating-nav li:hover.active .nav-label{opacity:.8}.floating-nav li.active .nav-dot{background:var(--orange);border-color:var(--orange);transform:scale(1.2)}.floating-nav li.active .nav-label{color:var(--orange);transform:translate(0);opacity:1}@media (max-width: 1400px){.floating-nav{transform:translateY(-50%) translate(-100px);opacity:0;pointer-events:none}.floating-nav.visible{opacity:0;pointer-events:none}}.footer{background:#111;color:#fff;text-align:center;position:relative}.footer .container{max-width:var(--max-width);margin:auto;display:flex;justify-content:space-between;align-items:center}.footer a{color:var(--light-orange)}.footer p{font-size:calc(10px + .3vw)}.footer img{width:calc(12px + .46vw);height:auto}.footer .contact{display:flex;justify-content:center;align-items:center;gap:calc(4px + .2vw)}.footer .logos{display:flex;justify-content:center;align-items:center;gap:calc(16px + .4vw);margin:auto;margin-bottom:calc(10px + .2vw)}.footer .logos .footer-divider{height:calc(24px + .6vw);width:2px;background:var(--med-gray);transform:rotate(15deg)}.footer .logos img{width:calc(32px + .6vw);height:100%}.footer .logos img.small{width:calc(30px + .6vw);filter:grayscale(.25)}.footer .buttons{justify-content:center;margin-top:0}.footer .buttons .button{font-family:Gaegu,cursive;font-size:calc(14px + .4vw);color:var(--light-orange)}.footer .buttons .button:hover{transform:scale(1.05)}.footer .buttons .button i{margin-right:0;display:block}@media screen and (max-width: 440px){.footer .container{flex-direction:column;gap:calc(12px + .3vw)}}.buttons{display:flex;gap:calc(8px + .2vw);margin-top:calc(12px + .3vw);font-size:calc(10px + .3vw);flex-wrap:wrap}.buttons .button{text-decoration:none;color:#fff;background:var(--text);padding:calc(2px + .1vw) calc(8px + .4vw);border-radius:calc(4px + .1vw);transition:.5s;border:none;cursor:pointer;display:flex;align-items:center;gap:calc(4px + .2vw)}.buttons .button:hover{opacity:.8;cursor:pointer;box-shadow:0 2px 12px #0000001a}.video-section{background:var(--grey);padding-top:calc(24px + 1.5vw);padding-bottom:calc(16px + 1.5vw)}.abstract-section{padding-bottom:0}.abstract-section h2{text-align:center;font-family:Gaegu,cursive;margin-bottom:calc(4px + .1vw);font-size:calc(20px + .4vw)}.abstract-section .container{border:2px solid;border-image:linear-gradient(135deg,var(--purple),var(--orange)) 1;padding:calc(16px + .8vw)}.system-section h2{margin-bottom:calc(8px + .3vw)}img.full-width{width:100%;height:auto;margin-top:calc(8px + .3vw);margin-bottom:calc(8px + .3vw)}.caption{font-size:calc(11px + .2vw);color:var(--dark-grey);text-align:center;margin-top:calc(-8px - .2vw);margin-bottom:calc(8px + .3vw)}.features-section{background:var(--grey);padding-bottom:calc(24px + 1.5vw)}.features-section .section-header{margin-bottom:calc(20px + .8vw);gap:calc(10px + .3vw)}@media screen and (max-width: 620px){.features-section .section-header{flex-direction:column}}.feature-list{display:flex;flex-direction:column;gap:calc(20px + .8vw)}.feature-list-wrapper{animation-duration:.5s;animation-timing-function:ease-out;position:relative}.feature-list-wrapper.slide-left{animation-name:slideInFromLeft}.feature-list-wrapper.slide-right{animation-name:slideInFromRight}.feature{display:grid;grid-template-columns:1.5fr 1fr;gap:calc(20px + .8vw);align-items:center}.feature.feature-right{grid-template-columns:1fr 1.5fr}.feature.feature-right .feature-video{order:2}.feature.feature-right .feature-content{order:1}.feature .feature-video video{width:100%;height:auto;border-radius:calc(4px + .1vw);display:block}.feature .feature-content b{display:flex;align-items:center;gap:calc(8px + .1vw);margin-bottom:calc(2px + .1vw);font-size:calc(16px + .4vw);font-family:Gaegu,cursive}.feature .feature-content p{color:var(--dark-grey)}@media (max-width: 768px){.feature{grid-template-columns:1fr!important;gap:calc(12px + .3vw)}.feature.feature-right .feature-video{order:1}.feature.feature-right .feature-content{order:2}}.icon{width:calc(12px + .3vw);height:auto;margin-bottom:-1px}.pipeline-section,.vignettes-section{padding-bottom:0}.vignettes-section .section-header{margin-bottom:calc(4px + .1vw)}.vignettes-section .vignette-content{animation:slideInFromRight .5s ease-out}.vignettes-section .vignette-content.content-purple h3{color:var(--purple)}.vignettes-section .vignette-content.content-purple .vignette-quote{background:var(--lightest-purple)}.vignettes-section .vignette-image{margin-bottom:calc(12px + .6vw)!important}.vignettes-section .vignette-details{gap:calc(24px + 1vw);display:grid;grid-template-columns:1fr 1fr;align-items:flex-start}.vignettes-section .vignette-text h3{margin-bottom:calc(2px + .1vw);font-size:calc(16px + .4vw);color:var(--orange);font-family:Gaegu,cursive}.vignettes-section .vignette-quote{background:var(--lightest-orange);padding:calc(16px + .8vw);position:relative}.vignettes-section .vignette-quote blockquote{font-style:italic;color:var(--dark-grey);font-size:calc(11px + .2vw)}@media (max-width: 768px){.vignettes-section .vignette-details{grid-template-columns:1fr;gap:calc(12px + .2vw)}}.message-section .container{text-align:center;font-family:Gaegu,cursive;font-size:calc(16px + .2vw);padding:calc(8px + .8vw) calc(16px + .8vw)}.bibtex-section{padding-top:calc(10px + 1.5vw);padding-bottom:calc(24px + 1.5vw)}.bibtex-section .buttons{margin-top:0}.bibtex-section pre{background:var(--grey);margin-top:calc(8px + .3vw);padding:calc(8px + .3vw);overflow-x:auto;scrollbar-width:none;font-size:calc(10px + .3vw);line-height:calc(20px + .4vw)}.segmented-control{display:inline-flex;background:#0000001a;border-radius:50px;width:fit-content}.segmented-control.centered{display:flex;margin:0 auto calc(16px + .5vw)}.segmented-button{padding:calc(6px + .3vw) calc(12px + .4vw);border:none;background:transparent;color:var(--dark-grey);font-size:calc(10px + .3vw);font-family:Noto Sans,sans-serif;cursor:pointer;border-radius:0;transition:.3s;font-weight:500;opacity:.8}.segmented-button:first-child{border-radius:50px 0 0 50px}.segmented-button:last-child{border-radius:0 50px 50px 0}.segmented-button:not(:last-child){border-right:2px solid rgba(0,0,0,.1)}.segmented-button:hover{background:var(--light-orange);color:var(--text)}.segmented-button.active{background:var(--text);color:var(--light-orange);pointer-events:none;box-shadow:0 2px 12px #0000001a;opacity:1}.segmented-control.tricolor .segmented-button:first-child:hover{background:var(--light-purple)}.segmented-control.tricolor .segmented-button:first-child.active{color:var(--light-purple)}.segmented-control.tricolor .segmented-button:nth-child(2):hover{background:var(--light-green)}.segmented-control.tricolor .segmented-button:nth-child(2).active{color:var(--light-green)}.segmented-control.bicolor .segmented-button:last-child:hover{background:var(--light-purple)}.segmented-control.bicolor .segmented-button:last-child.active{color:var(--light-purple)}.video-wrapper{animation:slideIn .5s ease-out;position:relative}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}.video-wrapper.slide-left{animation:slideInFromLeft .5s ease-out}.video-wrapper.slide-right{animation:slideInFromRight .5s ease-out}