.hero{position:relative;width:100%;height:100vh;margin:0;padding:0;overflow-x:hidden}.video-faded{opacity:.5}.hero-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:opacity 1s ease}.hero-content{position:relative;z-index:2;height:80%;display:flex;align-items:center;justify-content:center;text-align:center;color:#000;width:100%}.hero-content h1{font-size:3rem;margin:auto}.hero-content img{width:30%}.hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:150px;z-index:1;pointer-events:none}.info-section{min-width:100vw;margin:0;padding:2rem 15%;background-color:#fff;color:#000;position:relative;z-index:3}.section-title{margin-bottom:1.5rem;font-size:1.75rem;color:#333}.content-row{display:flex;gap:2rem;align-items:center}.col-left{flex:1;text-align:left}.col-right{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:.75rem}.second-section .col-right{text-align:right;align-items:flex-end}.info-section p{line-height:1.6;color:#333}.btn{display:inline-block;padding:.75rem 1.5rem;background-color:#000;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s ease;font-weight:500;white-space:nowrap}.fade-box{position:relative;display:inline-block;padding:1rem 2rem;opacity:0;animation:fadeIn 1s ease forwards;animation-delay:4s}.fade-box img{max-width:70vw;max-height:60vh;width:auto;height:auto;display:block;margin:0 auto;object-fit:contain}.fade-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:.5rem;z-index:-2}.fade-box:after{content:"";position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;border-radius:1rem;filter:blur(7px);z-index:-1;pointer-events:none}.second-title{text-align:end}@keyframes fadeIn{to{opacity:1}}.authors-section{padding:4rem 1rem;text-align:center}.authors-title{font-size:2rem;font-weight:700;margin-bottom:2rem}.authors-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1000px;margin:0 auto}.author-card{display:flex;flex-direction:column;align-items:center;width:160px;padding:1rem;border-radius:.5rem;background-color:#f9f9f9;box-shadow:0 0 5px #0000000d}.author-email{font-size:.85rem;color:#06c;margin-top:.5rem;text-decoration:none;word-break:break-word}.author-email:hover{text-decoration:underline}.news-section{background-color:#ffe8e8;padding:3rem 15%;border-top:1px solid #eee;border-bottom:1px solid #eee}.news-list{list-style:disc inside;color:#333;font-size:1rem;line-height:1.7;margin-top:1rem}.news-list li+li{margin-top:.75rem}.news-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.news-card{background-color:#fff;border-left:4px solid #e73370;padding:1.25rem 1rem;border-radius:.5rem;box-shadow:0 1px 6px #0000000f;transition:transform .2s ease}.news-card:hover{transform:translateY(-3px)}.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.news-date{font-weight:700;color:#222}.news-text{font-size:.95rem;color:#444}.news-badge{background-color:#c62828;color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:999px;text-transform:uppercase}@media screen and (max-width: 600px){.home{overflow-x:hidden}.hero-content h1{font-size:2rem}.info-section{padding:2rem 5%}.content-row{flex-direction:column;gap:1rem}.sec-row{flex-direction:column-reverse;align-items:end}.fisrt-section{text-align:start}.first-row{align-items:start}.col-right{align-items:start;justify-content:left}}@media screen and (min-width: 601px) and (max-width: 1024px){.hero-content h1{font-size:2.5rem}.info-section{padding:2rem 10%;margin:0}.content-row{gap:1.5rem}}.dataset-explorer{width:100%;margin:0 auto;box-sizing:border-box}.desktop-layout{display:block}.container-layout{display:flex;flex-direction:row;width:100%;min-height:500px}.sidebar{background-color:#ffe8e8;width:200px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-around;margin-top:35px}.sidebar-button{background-color:#ffe8e8;border:none;padding:1rem;text-align:left;cursor:pointer;color:#333;font-size:1rem;font-weight:500;transition:background-color .3s ease}.sidebar-button:hover{background-color:#bbb}.sidebar-button.selected{background-color:#000;color:#fff}.main-content{display:flex;flex-direction:column;flex:1;width:auto}.filters-row{background-color:#ffe8e8;display:flex;justify-content:space-around;align-items:center;width:100%}.filter-button{background-color:#ffe8e8;border:none;padding:.5rem 1rem;cursor:pointer;color:#333;font-size:1rem;font-weight:500;transition:background-color .3s ease}.filter-button:hover{background-color:#bbb}.filter-button.selected{background-color:#000;color:#fff}.black-box{background-color:#000;width:100%;height:600px;display:flex;align-items:center;justify-content:center}.image-wrapper{width:100%;height:100%;overflow:hidden}.image-wrapper img{width:100%;height:100%;object-fit:cover}.mobile-layout{display:none;width:100%;margin:0 auto;padding:0 1rem}.mobile-selects{display:flex;flex-direction:column;gap:.5rem;background-color:#ffe8e8;padding:1rem;margin-bottom:1rem}@media screen and (max-width: 600px){.desktop-layout{display:none}.mobile-layout{display:block}.image-wrapper{height:100%;min-height:300px}.black-box{width:100%;height:600px;max-height:600px}}.dataset-page{width:100%;margin:0;padding:0;overflow-x:hidden}.dataset-hero{text-align:center;padding:3rem 1rem;background-color:#fff;max-width:1200px;margin:0 auto}.dataset-hero h1{font-size:2rem;line-height:1.3;color:#333;margin-bottom:2rem}.inside-container{margin:0 auto;font-family:Arial,sans-serif;color:#333}.section-title{font-size:1.75rem;margin-bottom:1rem;font-weight:700}.table-responsive{width:100%;overflow-x:auto}table{min-width:800px;width:100%;border-collapse:collapse;margin-top:1rem}table th,table td{border:1px solid #ddd;padding:.75rem;text-align:center}thead{background-color:#f5f5f5}.red-x{color:red;font-weight:700}.green-check{color:green;font-weight:700}.image-wrapper{width:100%}@media screen and (max-width: 600px){.dataset-hero{padding:2rem 1rem}.dataset-hero h1{font-size:1.5rem}.section-title{font-size:1.4rem}}.framework-page{position:relative;width:100%;margin:0;padding:0;font-family:Arial,sans-serif;background:#fff}.hero-overlay{position:relative;z-index:1;width:100%;min-height:100vh;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-title{font-size:2.5rem;margin:1rem 0;color:#fff;text-shadow:2px 2px 10px rgb(0,0,0)}.hero-subtitle{font-size:1.2rem;color:#ccc;max-width:800px;margin:0 auto 2rem}.hero-overlay:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:150px;pointer-events:none;background:linear-gradient(#fff0,#fff);z-index:2}.no-pointer{pointer-events:none;position:relative;z-index:1;background:#fff}.btn{display:inline-block;padding:.75rem 1.5rem;background-color:#000;color:#fff;text-decoration:none;border-radius:4px;margin-top:1rem;transition:background-color .3s ease;font-weight:500}.clickable{pointer-events:auto}.pillars-section{width:100%;margin:0;padding:3rem 1rem;text-align:center;position:relative;z-index:1;box-sizing:border-box}.pillars-title{font-size:1.75rem;color:#333;text-align:end;margin:0 15% 2rem}.pillar-row{display:flex;flex-direction:row;gap:2rem;justify-content:space-between;margin-bottom:2rem;margin:0 15%}.col{display:flex;flex-direction:column;align-items:center}.pillar{background:#ffe8e8;padding:1rem;text-align:center;cursor:pointer;transition:background-color .3s ease;width:15em}.pillarBot{background:#fff;padding:1rem;text-align:center;cursor:pointer;transition:background-color .3s ease;width:15em}.pillar h3{margin:0;color:#333}.pillarBot.active{background:#ffe8e8}.pillar-text{margin:0 15%;text-align:center;font-size:1rem;line-height:1.6;color:#555;background-color:#ffe8e8;padding:1em}.no-pointer .clickable{pointer-events:auto}.desktop-pillars{display:block}.mobile-pillars{display:none}.accordion-item{margin:.5rem;background-color:#ffe8e8;border-radius:4px;padding:1rem;text-align:left;position:relative}.accordion-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.accordion-header h3{margin:0;font-size:1.1rem;color:#333}.accordion-header span{font-size:1.3rem;color:#333}.accordion-content{margin-top:.75rem;font-size:.95rem;line-height:1.5;color:#555}@media screen and (max-width: 600px){.pillars-title{margin:0 5% 1.5rem;font-size:1.5rem;text-align:center}.desktop-pillars{display:none}.mobile-pillars{display:block}.hero-title{font-size:2rem}.hero-overlay{padding:1rem .5rem}}@media screen and (min-width: 601px) and (max-width: 1024px){.hero-title{font-size:2rem;margin:.75rem 0}.hero-subtitle{font-size:1.1rem;max-width:95%;margin-bottom:1.75rem}.pillars-title{font-size:1.65rem;margin:0 10% 1.75rem;text-align:center}.pillar-row{margin:0 10%}.pillar,.pillarBot{width:100%;max-width:20em}.pillar-text{margin:0 10%;font-size:1rem;padding:.75em}}html,body{margin:0;padding:0;background:#fff;font-family:Arial,sans-serif}.vertical-timeline-container{position:relative;width:100%;min-height:100vh;padding:2rem 0;box-sizing:border-box}.vertical-line{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;background:#333}.timeline-step{position:relative;width:100%;margin:4rem 0}.step-circle{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#333;border-radius:50%;z-index:2}.step-content{display:flex;align-items:center;justify-content:space-between;max-width:900px;width:90%;margin:0 auto;min-height:200px;position:relative}.text-block{flex:0 0 45%;text-align:left}.step-title{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:#333}.step-description{margin:0;color:#555;line-height:1.5}.image-block{flex:0 0 45%;display:flex;justify-content:center}.step-image{max-width:100%;height:auto;border-radius:4px}@media screen and (max-width: 600px){.vertical-timeline-container{padding:1rem 0}.vertical-line{display:none}.timeline-step{margin:2rem 0}.step-circle{display:none}.step-content{flex-direction:column;margin:0 auto;width:90%;text-align:center}.text-block,.image-block{flex:none;width:100%;margin-bottom:1rem;text-align:center}.step-title{font-size:1.3rem}.step-description{font-size:1rem;margin-bottom:1rem}}@media screen and (min-width: 601px) and (max-width: 1024px){.vertical-timeline-container{padding:1.5rem 0}.timeline-step{margin:3rem 0}.step-content{max-width:850px;width:95%}.text-block{flex:0 0 50%}.step-title{font-size:1.4rem}.step-description{font-size:1rem}}.title{padding:3em;margin:0 15%}.hero-content{margin-bottom:0;display:flex;flex-direction:column}.info-section-learn{padding:0 15%}.hero-content h2{font-size:2rem}.hero-content-learn h1{font-size:2.5rem;color:#000;text-shadow:none;text-align:center}.paper{margin:5em 15%}.FAQ{margin:3em 15%;font-family:Arial,sans-serif;color:#333}.FAQ h2{font-size:1.75rem;font-weight:700;margin-bottom:1rem;text-align:center}.faq-item{border-bottom:1px solid #ddd;padding:1em;transition:background-color .3s ease}.faq-item:hover{background-color:#f5f5f5}.faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq-question h3{font-size:1.25rem;margin:0}.toggle{font-size:1.5rem;font-weight:700;margin-left:1rem;color:#000}.faq-answer{padding-top:.5em;font-size:1rem;line-height:1.6;color:#555}.sel{background-color:#ffc5c5}.tutorial-video{margin:3em 15%;text-align:center}.video-container{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;margin-bottom:2em}.video-container video{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 600px){.title{margin:0 5%;padding:2em 0}.hero-content-learn h1{font-size:2rem;margin:0 1rem}.info-section-learn{margin:0 5%;padding:0 0 1rem}.tutorial-video{margin:2em 5%;padding:0}.FAQ{margin:2em 5%}.faq-item{border-bottom:none;margin-bottom:1em;padding:1em}.paper{margin:3em 5%}.video-container{margin-bottom:2.5em}}@media screen and (min-width: 601px) and (max-width: 1024px){.hero-content-learn h1{font-size:2.3rem;margin:0 1.5rem}.info-section-learn{margin:0 8%;padding:0 0 1rem}.tutorial-video{margin:2.5em 8%;padding:0}.FAQ{margin:2.5em 8%}.faq-item{padding:1em}.paper{margin:3.5em 8%}}.paper-page{padding:4rem 1rem;max-width:1000px;margin:0 auto;color:#333}.highlight-section{width:100vw;margin-left:calc(-50vw + 50%);background-color:#ffe8e8;padding:2rem 1rem}.button-paper{display:flex;flex-direction:row;gap:1em}.desktop-photo{display:block;margin:0 auto;width:100%}.mobile-photo{display:none}.section-heading{margin:4rem 0 1rem;text-align:center;font-size:2rem}.authors-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.author-card{display:flex;flex-direction:column;align-items:center;width:160px;padding:1rem;border-radius:.5rem;background-color:#ffe8e8;text-align:center}.author-name,.author-surname{font-size:1rem}.author-email{font-size:.85rem;color:#ff4081;margin-top:.5rem;text-decoration:underline;text-align:center}.author-email:hover{color:#333}.author-main-card{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;padding:1rem;border-radius:.5rem;background-color:#ffe8e8;width:250px;margin-left:auto;margin-right:auto}.author-note{font-size:.75rem;color:#888;margin-top:.5rem}.author-affiliation{font-size:.85rem;color:#666;margin-top:.25rem}.bibtex-block{background-color:#ffe8e8;padding:1rem;border-radius:8px;font-size:1rem;overflow-x:auto;margin-top:1rem;white-space:pre-wrap;font-family:monospace}.funding{display:flex;flex-direction:row;justify-content:space-around}.funding img{width:30%}@media screen and (max-width: 900px){.mobile-photo{display:block;margin:0 auto;width:100%}.desktop-photo{display:none}.button-paper{display:flex;flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}html,body{overscroll-behavior:none;margin:0;padding:0;height:100%;width:100%}h1,h2,a{font-family:Josefin Sans,sans-serif;font-weight:500}.navbar{background-color:#ffe8e8;color:#000;position:relative;z-index:2;padding:1em}.nav-container{max-width:1280px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-size:1.5rem;font-weight:700}.nav-brand img{height:2.5rem}.nav-links{display:flex;flex-direction:row;align-items:center}.nav-links a{margin-left:1rem;text-decoration:none;font-weight:500}.nav-links a:hover{color:#ff4081}.nav-toggle{display:none;background:none;border:none;cursor:pointer;font-size:1.5rem;padding:.5rem}.nav-btn{color:#000}.nav-btn{position:relative;text-decoration:none;color:#000;padding:.5rem 0}.nav-btn.active:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:#000}.bar{display:block;width:25px;height:3px;margin:4px 0;background-color:#000;transition:.3s}.big-footer{background-color:#ffe8e8;padding:2rem 1rem;text-align:center;position:relative;z-index:2;font-family:Josefin Sans,sans-serif}.footer{display:flex;justify-content:center}.footer-note{margin-top:1em;font-size:.8em;font-family:Josefin Sans,sans-serif}.footer-container1{position:relative;margin:0;font-family:Josefin Sans,sans-serif;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:26%}.footer-container1 img{width:100%}.footer-container1:before{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background-color:#000;margin-right:-2em}.footer-container2{margin:0 0 0 4em;font-family:Josefin Sans,sans-serif;display:flex;flex-direction:column;align-items:start}.footer-container2 img{width:auto}.footer-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#333;font-family:Josefin Sans,sans-serif}.footer-icons{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.line-footer{display:flex;justify-content:center;align-items:center;font-family:Josefin Sans,sans-serif;margin:1em 0}.line-footer img{width:2em}.partOf{font-family:Josefin Sans,sans-serif;margin-left:1em}.icon-link{color:#333;font-size:1.5rem;text-decoration:none}.icon-link:hover{color:#e73370}.footer-copy{color:#333;font-size:.9rem;font-family:Josefin Sans,sans-serif}.nav-btn-fill{display:flex;padding:.25rem .75rem;background-color:#000;color:#fff;text-decoration:none;border-radius:4px;margin-right:.5rem;transition:background-color .3s ease;margin:0;align-items:center}.nav-btn-fill img{margin-left:.5em;height:2em;padding:0;margin-bottom:0;width:auto}.nav-btn-fill:hover{background-color:#e73370}.nav-btn-fill.secondary{background-color:#ccc;color:#333}.nav-btn-fill.secondary:hover{background-color:#bbb}.btn{display:flex;padding:.75rem 1.5rem;background-color:#000;color:#fff;text-decoration:none;border-radius:4px;margin-right:.5rem;transition:background-color .3s ease;margin:0;align-items:center;justify-content:center}.btn img{margin-right:.5em;height:2em;width:auto;padding:0}.btn:hover{background-color:#e73370}.btn.secondary{background-color:#ccc;color:#333}.btn.secondary:hover{background-color:#bbb}@media screen and (max-width: 600px){.nav-container{flex-wrap:wrap;padding:0 1rem}.nav-toggle{display:block;text-align:right}.nav-links{width:100%;order:3;display:none;flex-direction:column;align-items:center;margin-top:1rem}.nav-links.open{display:flex}.nav-links a{margin:.5rem 0}.big-footer{background-color:#ffe8e8;padding:2rem 1rem;text-align:center;position:relative;z-index:2;font-family:Josefin Sans,sans-serif}.footer{display:flex;flex-direction:column;justify-content:center}.footer-container1{position:relative;margin:0 0 1em;font-family:Josefin Sans,sans-serif;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding:0 5%;font-size:small;gap:1em}.footer-container1 img{width:60%}.footer-container1:before{content:"";position:absolute;top:100%;right:10%;width:100%;height:1px;background-color:#000;margin-top:1em}.footer-container2{margin:0;font-family:Josefin Sans,sans-serif;display:flex;flex-direction:column;align-items:center;padding:0 10%;font-size:small}.footer-container2 img{width:auto}.footer-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#333;font-family:Josefin Sans,sans-serif}.footer-icons{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.line-footer{display:flex;flex-direction:row;justify-content:center;align-items:center;font-family:Josefin Sans,sans-serif;margin:1em 0}.line-footer img{width:2em}.partOf{font-family:Josefin Sans,sans-serif;margin-left:1em;font-size:.8em}.footer-note{margin-top:.5em;font-size:.6em}}@media screen and (min-width: 601px) and (max-width: 1024px){.nav-container{padding:0 2rem}.nav-links a{margin-left:1rem;font-size:1rem}.nav-brand{font-size:1.5rem}.footer-container{max-width:90%}}