*{margin:0;padding:0}body{height:100vh;background:#172633;color:#e0e0e0;font-family:lato}.navbar{display:flex;align-items:center;justify-content:space-evenly;position:fixed;top:0;width:100%;min-height:60px;padding:10px 20px;z-index:1000;transition:top .3s ease-in-out;font-family:lato}.nav-left,.nav-right{flex:1}.nav-left img{height:60px;vertical-align:middle}.nav-center{flex:2;display:flex;justify-content:center}.nav-menu{display:flex;align-items:center;list-style:none;gap:50px;font-size:20px;margin:0;padding:0}.nav-menu li{position:relative;padding:5px 15px;cursor:pointer}.floating-button-group{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;fill:#e0e0e0;align-items:end}.floating-button{display:flex;justify-content:flex-end;align-items:center;gap:16px;cursor:pointer;padding:6px 8px;text-decoration:none;color:#e0e0e0}.floating-button p{display:inline-block;opacity:0;transform:translate(20px);transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.floating-button:hover p{opacity:1;transform:translate(0)}.floating-button-rectangle{width:4px;height:100px;margin-top:15px;margin-right:26px;background-color:#e0e0e080}.nav-link.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:3px;background:linear-gradient(to right,transparent,#E0E0E0,transparent)}.nav-link{text-decoration:none;color:#e0e0e0;transition:opacity .3s ease;cursor:pointer}.nav-link.inactive{opacity:.5}.nav-link.active{opacity:1;font-weight:700}.hero{display:flex;align-items:center;flex-direction:row;gap:35px;position:relative;height:100vh;overflow:hidden;background:linear-gradient(to bottom,#17263300,#373f4680)}.hero-desc{position:absolute;top:30%;left:10%;color:#e0e0e0;max-width:50%}.name-intro{font-size:1em;font-weight:400;padding-right:10px}.name{color:#d4af7f;font-family:Cormorant Garamond;font-size:2.2em;letter-spacing:1px}.title{color:#d4af7f;font-family:Cormorant Garamond;font-size:2.2em;letter-spacing:2px;margin-top:5px}.hero-quote{font-family:Lato;font-style:italic;font-size:1.7em;letter-spacing:1px;color:#a0a7b0;margin-top:25px}.hero-connect{display:flex;align-items:center;gap:30px;margin-top:35px}.hero-contact{background-color:#c28840;font-weight:700;border-radius:7.5px;transition:all .3s ease}.hero-contact a{font-size:1.1em;color:#172633;align-items:center;text-decoration:none;fill:#e0e0e0;padding:19.5px 45px;display:inline-block}.hero-contact:hover{background-color:#d4af7f;-webkit-transform:scale(1.025)}.hero-resume{border-style:solid;border-color:#c28840;border-radius:7.5px;fill:#c28840;transition:all .3s ease}.hero-resume a{display:flex;color:#c28840;gap:10px;font-size:1.1em;padding:16.5px 30px;font-weight:700;align-items:center;text-decoration:none}.hero-resume:hover{fill:#172633;background-color:#d4af7f;border-color:#d4af7f;-webkit-transform:scale(1.025)}.hero-resume:hover a{color:#172633}.hero-profile img{position:absolute;right:5%;bottom:0%;width:45%}.contact-button-group{padding-top:7.5vh;fill:#e0e0e0;margin-top:50px;display:flex;gap:15px;align-items:center}.contact-rectangle{width:100px;height:4px;margin-left:10px;background-color:#e0e0e080}.parallelogram{position:absolute;width:100px;height:50px;transform:skew(-20deg);background:#555}.scroll-hint{fill:#d4af7f;position:absolute;left:50%;bottom:0%}.graphic-background{position:absolute;top:50%;left:51%;width:39%;height:100vh;transform:translate(-50%,-50%) skew(-20deg);background:#ffffff08;z-index:-11;pointer-events:none}.about{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:60px}.about-content{width:80%;margin-top:80px;align-self:center}.about-title{position:relative;font-family:Cormorant Garamond;letter-spacing:1px;display:inline-block}.about-title h1{font-size:4em;font-weight:700}.section-background{width:92%;height:60%}.about-sections{display:flex;flex-direction:column;gap:40px;margin-top:65px}.about-row{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;text-align:justify;gap:40px}.about-text{flex:1 1 60%}.about-image{flex:1 1 20%}.about-image img{width:100%;height:auto;border-radius:12px}.about-highlight{font-weight:700}.about-para p{margin-bottom:20px;font-size:1.3em;letter-spacing:1.5px;font-weight:300}.about-graphic-background{position:absolute;top:0;width:100%;height:100%;z-index:-10;pointer-events:none;background:linear-gradient(to bottom,#17263300,#373f46 45%,#373f46 55%,#17263300)}.section-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;display:flex;justify-content:left;align-items:center;transform:translate(0) translateY(60%)}.grey-fill{position:absolute;background:#373f46;border:2px solid #373f46;width:100%;height:100%;transform:translate(25%) translateY(-50%)}.yellow-border{position:absolute;border:2px solid #D4AF7F;width:100%;height:100%}.experience-container{margin-top:80px;display:flex;justify-content:center;gap:40px}.menu-left{width:20vw}.exp-side-menu{list-style:none;padding:0}.exp-side-menu li{background-color:#2c3e50;margin-bottom:12px;padding:20px;cursor:pointer;text-align:center;font-weight:700;border-radius:6px;transition:background-color .3s;transition:all .3s ease}.exp-side-menu li:hover,.exp-side-menu .active-menu{background-color:#74828d;color:#172633}.exp-side-menu li:hover{-webkit-transform:scale(1.025)}.menu-right{width:50vw;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;grid-auto-rows:1fr}.menu-right.skills-active{grid-template-columns:repeat(4,1fr)}.exp-item-card,.edu-item-card{background-color:#2c3e50;padding:24px 32px;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.exp-item-card:hover{background-color:#74828d;-webkit-transform:scale(1.025)}.exp-item-card.expanded,.edu-item-card.expanded{grid-column:1 / -1;height:fit-content}.exp-duration{font-size:.9em;font-weight:700;color:#74828d;margin-bottom:2px}.exp-title{font-size:1.35em;font-weight:700;color:#e0e0e0;margin-bottom:2px}.exp-company{font-style:italic;font-weight:700;color:#e0e0e0;margin-bottom:16px}.exp-desc,.exp-section-heading,.exp-section-content{color:#74828d;font-weight:700;font-size:1em}.exp-section-heading{font-style:italic}.exp-section-content{list-style-type:disc;list-style-position:inside}.exp-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:all .3s ease}.exp-item-card.expanded .exp-summary{display:block;-webkit-line-clamp:unset}.minimize-hint{font-size:.85rem;color:#74828d;margin-top:16px;font-style:italic}.exp-item-card:hover .minimize-hint{color:#2c3e50}.edu-item-card:hover{background-color:#74828d;-webkit-transform:scale(1.025)}.edu-item-card:hover .minimize-hint{color:#2c3e50}.edu-duration{font-size:.9em;font-weight:700;color:#74828d;margin-bottom:2px}.edu-major{font-size:1.1em;font-weight:700;font-style:italic;color:#74828d;margin-bottom:16px}.edu-uni-name{font-size:1.3em;font-weight:700;color:#e0e0e0;margin-bottom:2px}.edu-desc,.edu-section-heading,.edu-section-content{color:#74828d;font-weight:700;font-size:1em}.edu-item-card.expanded .edu-desc,.edu-item-card.expanded .edu-section-heading,.edu-item-card.expanded .edu-section-title,.edu-item-card.expanded .edu-section-content{color:#e0e0e0}.edu-section-heading{font-style:italic;margin-top:12px}.edu-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;list-style-position:inside;list-style-type:disc;max-height:fit-content}.edu-item-card.expanded .edu-summary{display:block;-webkit-line-clamp:unset}.menu-right.skills-active .skill-item-card{background-color:#2c3e50;padding:24px;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;fill:#e0e0e0;aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:#74828d;font-size:1.1em;font-weight:700}.skill-item-card .skill-icon svg{width:100px;height:100px}.menu-right.skills-active .skill-item-card:hover{background-color:#74828d;-webkit-transform:scale(1.025);fill:#172633}.menu-right.skills-active .skill-item-card:hover p,.exp-item-card:hover h3,.exp-item-card:hover p,.exp-item-card:hover li,.edu-item-card:hover h3,.edu-item-card:hover p,.edu-item-card:hover li,.skill-item-card:hover h3,.skill-item-card:hover p,.skill-item-card:hover li,.exp-item-card:hover .exp-section-heading,.exp-item-card:hover .exp-section-content li,.edu-item-card:hover .edu-section-title,.edu-item-card:hover .edu-section-heading{color:#172633}.projects{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:100px}.projects-content{width:80%;margin-top:60px;align-self:center}.projects-title{position:relative;font-family:Cormorant Garamond;letter-spacing:1px;display:inline-block}.projects-title h1{font-size:4em;font-weight:700}.projects-title-group{display:flex;align-items:baseline;gap:80px}.projects-title-text a{font-size:1.3em;font-weight:700;text-decoration:none;color:#d4af7f;cursor:pointer}.item-card-container{width:60vw;display:grid;grid-template-columns:repeat(2,1fr);gap:40px;grid-auto-rows:1fr;margin:60px auto 0}.project-item-card{position:relative;background-color:#2c3e50;border-radius:12px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;overflow:hidden}.project-card-image{width:100%;border-radius:12px 12px 0 0}.overlay-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000df;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;border-radius:12px 12px 0 0;transition:opacity .3s ease;z-index:2}.overlay-content{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);color:#fff}.overlay-content-title{text-align:start;padding:12px 24px;font-family:Cormorant Garamond;font-size:1.7em;font-style:italic;font-weight:500;letter-spacing:1px}.overlay-content-desc{text-align:justify;padding:12px 24px;font-size:1.2em;font-style:italic;font-weight:300;letter-spacing:1px}.overlay-more{text-align:center;text-decoration:underline 1px;padding:24px;font-size:1.3em;font-style:italic;font-weight:300;letter-spacing:1px}.project-button-group{display:flex;padding:12px;font-size:1.1em;justify-content:space-around}.project-item-card:hover .overlay-bg{opacity:1}.project-item-content{margin:12px 24px}.project-duration{margin-bottom:4px;color:#a0a7b0;font-size:1.2em;font-weight:700}.project-item-title{margin:8px 0;font-family:Cormorant Garamond;font-size:1.7em}.tag-group{margin-top:8px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:10px}.tag-item{padding:4px 18px;border:2px solid #C28840;border-radius:32px;color:#c28840;font-size:1.1em}.projects-graphic-background{position:absolute;top:52%;left:51%;width:39%;height:160vh;transform:translate(-50%,-50%) skew(-20deg);background:#ffffff08;z-index:-1;pointer-events:none}.project-all{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:50px;color:#e0e0e0;min-height:100vh}.project-list-content{position:relative;width:80%;margin:60px auto 0;align-self:center}.project-list-title-group{display:flex;align-items:baseline;gap:95px;margin-bottom:40px}.project-list-title{position:relative;font-family:Cormorant Garamond;font-size:1.7em;margin-bottom:16px}.project-list-title h1{font-size:2.35em;font-weight:700}.project-list-title-text a{font-size:1.3em;font-weight:700;text-decoration:none;color:#d4af7f;cursor:pointer}.project-list-item{position:relative}.project-list-item-content{padding:40px 0}.project-list-item-title-group{display:flex;gap:24px}.project-list-left{width:17.5%;margin-bottom:16px}.project-list-left img{width:100%;border-radius:4px}.project-list-duration-and-role{color:#a0a7b0;font-size:1.1em;font-weight:700}.project-list-item-title{font-size:1.7em;color:#e0e0e0;margin-bottom:16px}.project-list-tag-group{margin-top:8px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:12px}.project-list-tag-item{padding:4px 18px;border:2px solid #C28840;border-radius:32px;color:#c28840;font-size:1.1em}.project-list-description{font-size:1.15em;letter-spacing:.75px;text-align:justify;font-weight:300;color:#e0e0e0;margin-bottom:16px}.project-list-button-group{display:flex;margin-top:40px;gap:50px}.project-list-button-demo-video-group,.project-list-button-article-group,.project-list-button-github-group{display:flex;gap:10px;fill:#e0e0e0;text-decoration:none;color:#e0e0e0;align-items:center;font-weight:300;letter-spacing:.25px}.project-list-button-demo-video-group.inactive,.project-list-button-article-group.inactive,.project-list-button-github-group.inactive{opacity:.3}.project-list-button-demo-video-group a,.project-list-button-article-group a,.project-list-button-github-group a{transition:fill .3s ease,color .3s ease,text-shadow .3s ease,filter .3s ease}.project-list-button-demo-video-group a:hover,.project-list-button-article-group a:hover,.project-list-button-github-group a:hover{text-shadow:0 0 8px #e0e0e0cc,0 0 15px #e0e0e099;filter:drop-shadow(0 0 8px #e0e0e0cc) drop-shadow(0 0 15px #e0e0e099)}.project-list-button-demo-video-group.inactive a:hover,.project-list-button-article-group.inactive a:hover,.project-list-button-github-group.inactive a:hover{text-shadow:none;filter:none}.project-list-separator{background-color:#74828d66;height:1.5px;border:0}.no-projects-found{text-align:center;grid-column:1 / -1;padding:75px 0;font-size:1.2em;color:#e0e0e080}.project-list-graphic-background{position:fixed;top:52%;left:55%;width:39%;height:160vh;transform:translate(-50%,-50%) skew(-20deg);background:#ffffff08;z-index:-1;pointer-events:none}.research{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:100px}.research-content{width:80%;margin-top:60px;align-self:center}.research-title{position:relative;font-family:Cormorant Garamond;letter-spacing:1px;display:inline-block}.research-title h1{font-size:4em;font-weight:700}.research-title-group{display:flex;align-items:baseline;gap:80px}.research-title-text a{font-size:1.3em;font-weight:700;text-decoration:none;color:#d4af7f;cursor:pointer}.item-list-container{width:70vw;margin:60px auto 0}.research-date{margin-bottom:12px;font-weight:700;font-size:1.3em;color:#a0a7b0}.research-item-card{position:relative;overflow:hidden;display:flex;margin-bottom:60px}.research-card-image{width:40%;height:max-content}.research-item-content{margin:0 24px}.research-item-title{font-size:1.7em;text-align:justify}.research-subtitle-group{display:flex;justify-content:space-between;margin-top:2px}.research-subtitle-author{font-size:1.3em;font-family:Cormorant Garamond;color:#a0a7b0}.research-subtitle-doi{font-size:1.1em;color:#a0a7b0}.research-abstract-title{font-size:1.1em;margin-top:16px;font-weight:700}.research-abstract-content{margin-top:4px;text-align:justify;font-weight:300;letter-spacing:1px;font-size:1.04em}.research-keywords-text{font-weight:700}.research-button-group{display:flex;margin-top:40px;gap:50px}.research-button-journal-group,.research-button-pdf-group,.research-button-github-group{display:flex;gap:10px;fill:#e0e0e0;text-decoration:none;color:#e0e0e0;align-items:center;font-weight:300;letter-spacing:.25px}.research-button-journal-group.inactive,.research-button-pdf-group.inactive,.research-button-github-group.inactive{opacity:.3}.research-button-journal-group a,.research-button-pdf-group a,.research-button-github-group a{transition:fill .3s ease,color .3s ease,text-shadow .3s ease,filter .3s ease}.research-button-journal-group a:hover,.research-button-pdf-group a:hover,.research-button-github-group a:hover{text-shadow:0 0 8px #e0e0e0cc,0 0 15px #e0e0e099;filter:drop-shadow(0 0 8px #e0e0e0cc) drop-shadow(0 0 15px #e0e0e099)}.research-button-journal-group.inactive a:hover,.research-button-pdf-group.inactive a:hover,.research-button-github-group.inactive a:hover{text-shadow:none;filter:none}.research-graphic-background{position:absolute;z-index:-10;width:100%;height:100%;pointer-events:none;background:linear-gradient(to bottom,#17263300,#373f46 45%,#373f46 55%,#17263300)}.research-all{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:50px;color:#e0e0e0;min-height:100vh}.research-list-content{position:relative;width:80%;margin:60px auto 0;align-self:center}.research-list-title-group{display:flex;align-items:baseline;gap:95px;margin-bottom:40px}.research-list-title{position:relative;font-family:Cormorant Garamond;letter-spacing:1px;display:inline-block}.research-list-title h1{font-size:4em;font-weight:700}.research-list-title-text a{font-size:1.3em;font-weight:700;text-decoration:none;color:#d4af7f;cursor:pointer}.filters-and-sort{margin-bottom:40px;display:flex;flex-direction:column;gap:20px}.search-bar,.add-tags-filter,.sort-by-filter{display:flex;flex-direction:column;gap:8px}.search-input-wrapper{position:relative;width:100%}.search-bar input,.add-tags-filter input{width:calc(100% - 63px);padding:12px 40px 12px 24px;border:none;border-radius:6px;background-color:#2c3e50;color:#e0e0e0;font-size:1em}.search-bar input::placeholder,.filters-container input::placeholder{color:#e0e0e059}.filters-container{display:grid;grid-template-columns:2.5fr 1fr;gap:40px}.suggested-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.suggested-tag-button{font-family:Lato;background-color:#2c3e50;color:#e0e0e0;border:none;padding:8px 18px;border-radius:20px;cursor:pointer;font-size:.9em;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}.suggested-tag-button:hover:not(:disabled){background-color:#707070}.suggested-tag-button:disabled{opacity:.6;cursor:not-allowed}.add-tag-plus{font-size:.8em;font-weight:700;color:#d4af7f}.sort-by-filter{position:relative}.sort-dropdown-header{background-color:#2c3e50;padding:11.5px 23px;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border:none}.sort-dropdown-header span{color:#e0e0e0;font-size:1em}.sort-dropdown-options{position:absolute;top:39%;left:0;right:0;background-color:#2c3e50;border:0;border-radius:6px;margin-top:5px;box-shadow:0 4px 8px #0003;z-index:10}.sort-option{padding:12px 22px;cursor:pointer;color:#e0e0e0;transition:background-color .2s ease}.sort-option:hover{background-color:#5a5a5a}.active-tags-title{display:block;font-size:1em;color:#e0e0e0;margin-bottom:10px}.active-tags-list{display:flex;flex-wrap:wrap;gap:12px}.active-tag-item{background-color:#2c3e50;color:#e0e0e0;padding:8px 18px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:.9em}.remove-tag-icon{cursor:pointer;color:#d4af7f;font-weight:700}.research-list-item{position:relative}.research-list-item-content{padding:20px 0 40px}.research-list-item-title-group{display:flex;flex-direction:column;align-items:flex-start}.research-list-item-title{font-size:1.7em;color:#e0e0e0;margin-bottom:8px}.research-list-duration-and-role{color:#a0a7b0;font-size:1.1em;font-weight:700}.research-list-journal-title{color:#a0a7b0;font-size:1.1em;letter-spacing:.5px;margin-bottom:8px}.research-list-doi{color:#a0a7b0;font-size:1.1em;letter-spacing:.5px;margin-bottom:24px}.research-list-tag-group{margin-top:8px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:12px}.research-list-tag-item{padding:4px 18px;border:2px solid #C28840;border-radius:32px;color:#c28840;font-size:1.1em}.research-list-description-title{color:#e0e0e0;font-size:1.1em;letter-spacing:1px;margin-bottom:8px;font-weight:700}.research-list-description{font-size:1.3em;letter-spacing:1px;text-align:justify;font-style:italic;font-weight:300;color:#e0e0e0;margin-bottom:16px}.research-list-abstract-title{color:#e0e0e0;font-size:1.1em;letter-spacing:1px;margin-top:24px;margin-bottom:8px;font-weight:700}.research-list-abstract{font-size:1.3em;letter-spacing:1px;text-align:justify;font-style:italic;font-weight:300;color:#e0e0e0}.show-hide-abstract-button,.show-more-button{background:none;border:none;color:#d4af7f;cursor:pointer;padding:0;font-size:1.3em;text-decoration:underline;transition:color .2s ease-in-out;margin-top:16px;margin-bottom:32px}.show-more-button:hover{color:#c28840}.research-list-keywords-title{color:#e0e0e0;font-size:.9em;letter-spacing:1px;margin-bottom:12px}.research-list-button-group{display:flex;margin-top:40px;gap:50px}.research-list-button-journal-group,.research-list-button-pdf-download-group,.research-list-button-github-group{display:flex;gap:10px;fill:#e0e0e0;text-decoration:none;color:#e0e0e0;align-items:center;font-weight:300;letter-spacing:.25px}.research-list-button-journal-group.inactive,.research-list-button-pdf-download-group.inactive,.research-list-button-github-group.inactive{opacity:.3}.research-list-button-journal-group a,.research-list-button-pdf-download-group a,.research-list-button-github-group a{transition:fill .3s ease,color .3s ease,text-shadow .3s ease,filter .3s ease}.research-list-button-journal-group a:hover,.research-list-button-pdf-download-group a:hover,.research-list-button-github-group a:hover{text-shadow:0 0 8px #e0e0e0cc,0 0 15px #e0e0e099;filter:drop-shadow(0 0 8px #e0e0e0cc) drop-shadow(0 0 15px #e0e0e099)}.research-list-button-journal-group.inactive a:hover,.research-list-button-pdf-download-group.inactive a:hover,.research-list-button-github-group.inactive a:hover{text-shadow:none;filter:none}.research-list-separator{background-color:#74828d66;height:1.5px;border:0}.no-research-found{text-align:center;grid-column:1 / -1;padding:75px 0;font-size:1.2em;color:#e0e0e080}.pagination{display:flex;align-items:center;margin-top:50px;gap:12px;font-size:1.1em}.pagination button{background-color:transparent;color:#e0e0e0;border:1px solid rgba(224,224,224,.5);padding:10px 15px;border-radius:4px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.pagination button:hover:not(:disabled),.pagination button.active{background-color:#d4af7f;border:1px solid #D4AF7F;color:#2c3e50}.pagination button:disabled{opacity:.3;border:1px solid rgba(224,224,224,.5);cursor:not-allowed}.pagination-arrow{font-weight:700;font-size:1.2em}.page-number.active{color:#2c3e50;font-weight:700}.pagination-ellipsis{padding:10px 5px;color:#e0e0e080}.pagination-results{margin-left:20px;color:#e0e0e080;font-size:1em}.research-list-graphic-background{position:fixed;top:52%;left:55%;width:39%;height:160vh;transform:translate(-50%,-50%) skew(-20deg);background:#ffffff08;z-index:-1;pointer-events:none}.timeline{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:100px}.timeline-container{align-self:center;padding:20px;margin:20px;width:80%}.timeline-title-group{display:flex;align-items:baseline;gap:80px}.timeline-title{position:relative;font-family:Cormorant Garamond;letter-spacing:1px;display:inline-block}.timeline-title h1{font-size:4em;font-weight:700}.timeline-track-wrapper{overflow-x:auto;margin-top:32px;margin-bottom:32px;-webkit-overflow-scrolling:touch;position:relative;padding-bottom:20px;padding-top:100px}.timeline-track-wrapper::-webkit-scrollbar{height:8px}.timeline-track-wrapper::-webkit-scrollbar-thumb{background-color:#2c3e50;border-radius:10px}.timeline-track-wrapper::-webkit-scrollbar-track{background-color:#2c3e504d;border-radius:10px}.timeline-track{position:relative;height:100px;padding-top:660px;padding-bottom:0}.timeline-line{position:absolute;top:50%;left:0;right:0;height:8px;background-color:#74828d;transform:translateY(-50%);z-index:0;width:100%}.year-marker{position:absolute;top:50%;transform:translateY(-50%);z-index:0;display:flex;flex-direction:column;align-items:center}.year-label{position:absolute;top:calc(50% + 30px);font-size:1.5em;font-weight:700;color:#a0a7b0;white-space:nowrap;z-index:1}.year-line{width:8px;height:40px;background-color:#74828d;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.timeline-item{display:flex;flex-direction:column;align-items:center;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;z-index:1}.timeline-date{position:absolute;bottom:calc(50% + 30px);font-size:.9em;color:#a0a7b0;white-space:nowrap;transform:translate(-50%);font-style:italic;left:50%}.timeline-dot{width:24px;height:24px;background-color:#e0e0e0;border-radius:50%;border:3px solid rgba(255,255,255,.5);box-shadow:0 0 0 10px #ffffff59;transition:all .3s ease;position:relative}.timeline-bubble-date{font-weight:700;margin-bottom:8px;color:#a0a7b0}.timeline-bubble-description{font-style:italic;color:#e0e0e0;margin-bottom:8px}.timeline-item.hovered .timeline-dot,.timeline-item.clicked .timeline-dot{background-color:#fff;transform:scale(1.2);box-shadow:0 0 0 3px #fff}.description-bubble{position:absolute;bottom:calc(100% + 15px);background-color:#2c3e50;color:#333;padding:10px 16px;margin-bottom:24px;border-radius:8px;box-shadow:0 2px 8px #00000026;z-index:3;white-space:normal;box-sizing:border-box;text-align:left;line-height:1.4;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility 0s linear .2s;pointer-events:none;min-width:500px;text-align:justify}.description-bubble.bubble-center{left:50%;transform:translate(-50%)}.description-bubble.bubble-left{left:auto;right:calc(100% + 15px);transform:translate(0)}.description-bubble.bubble-right{left:calc(100% + 15px);right:auto;transform:translate(0)}.description-bubble:before{content:"";position:absolute;bottom:-8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #2C3E50}.description-bubble.bubble-center:before{left:50%;transform:translate(-50%)}.description-bubble.bubble-left:before{left:auto;right:15px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #2C3E50}.description-bubble.bubble-right:before{left:15px;right:auto;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #2C3E50}.timeline-item.hovered .description-bubble,.timeline-item.clicked .description-bubble{opacity:1;visibility:visible;transition-delay:0s;pointer-events:auto}.description-bubble img{max-width:70%;height:auto;display:block;margin-bottom:10px;border-radius:4px}.timeline-image-preview{width:120px;height:auto;object-fit:contain;position:absolute;bottom:calc(50% - 110px);left:50%;transform:translate(-50%);pointer-events:none;display:block;border:3px solid rgba(255,255,255,.5);border-radius:6px;z-index:2;transition:opacity .2s ease-in-out}.timeline-image-preview.hidden{opacity:0}.contact{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:100px 0 0;padding-top:100px}.contact-title{position:relative}.contact-title h1{padding:0 30px;font-size:80px;font-weight:600}.contact-title img{position:absolute;bottom:0;right:0;z-index:-1}.contact-section{display:flex;gap:50px}.contact-left{display:flex;flex-direction:column;gap:0px}.contact-left h1{font-size:4em;font-weight:700;font-family:Cormorant Garamond;letter-spacing:1px;color:#d4af7f}.contact-left p{max-width:550px;color:#a0a7b0;font-size:1.4em;line-height:32px}.contact-details{display:flex;flex-direction:column;gap:32px;font-size:1em;margin-top:60px}.contact-details p{color:#e0e0e0}.contact-detail{display:flex;align-items:center;gap:20px}.contact-right{display:flex;flex-direction:column;align-items:start;gap:25px}.contact-right label{color:#e0e0e0;font-size:22px;font-weight:500}.contact-right input{border:none;width:35vw;height:60px;padding:0 24px;border-radius:4px;background:#2c3e50;color:#e0e0e0;font-family:Lato;font-size:20px}.contact-right input::placeholder{color:#e0e0e059}.contact-right textarea{width:35vw;border:none;padding:24px;border-radius:4px;background:#2c3e50;color:#e0e0e0;font-family:Lato;font-size:20px}.contact-right textarea::placeholder{color:#e0e0e059}.contact-submit{background:#c28840;border:none;color:#1e2a38;font-weight:700;font-size:1.3em;font-family:Lato;border-radius:6px;padding:20px 40px;margin-bottom:50px;cursor:pointer;transition:.3s}.contact-submit:hover{transform:scale(1.1);transition:.3s}.contact-graphic-background{position:absolute;z-index:-10;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(to bottom,#17263300,#081827 35%,#081827)}@media (max-width:768px){.contact{gap:50px;margin:50px 70px;align-items:start}.contact-title h1{padding:0;font-size:50px;font-weight:600}.contact-title img{width:130px;margin-right:-20px}.contact-section{flex-direction:column}.contact-left h1{font-size:54px}.contact-left p{font-size:18px}.contact-detail{gap:20px}.contact-detail img{width:25px}.contact-right label{font-size:20px}.contact-right input{width:100%;font-size:20px}.contact-right textarea{width:95%;font-size:20px}.contact-submit{font-size:20px;padding:15px 40px}}.footer{padding:80px 10vw 40px;display:flex;flex-direction:column;gap:30px;position:relative}.footer-graphic-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-10;pointer-events:none;background-color:#081827}.footer-top{display:flex;justify-content:space-between}.footer-top-left p{font-size:20px;max-width:400px}.footer-top-right{display:flex;align-items:center;gap:35px}.footer-email-input{display:flex;gap:30px;padding:20px 80px 20px 30px;border-radius:50px;background:#32323b}.footer-email-input input{outline:none;border:none;background:transparent;color:#a0a0a0;font-family:outfit;font-size:18px}.footer-subscribe{font-size:20px;padding:22px 50px;border-radius:50px;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);cursor:pointer;transition:.3s}hr{background-color:#74828d66;height:4px;border:0}.footer-bottom{font-family:Lato}.footer-title{color:#e0e0e0;margin-top:32px;font-weight:400;letter-spacing:4.5px;font-size:1.2em}.footer-copyright{color:#e0e0e080;margin-top:20px;font-style:italic;font-weight:300;font-size:1em;letter-spacing:1px}.footer-email-input:hover{border:2px solid white}.footer-subscribe:hover{transform:scale(1.1);transition:.3s}.footer-title,.footer-copyright{text-align:center}@media (max-width:768px){.footer{margin:50px 70px}.footer-top{flex-direction:column;gap:50px}.footer-bottom{display:flex;flex-direction:column-reverse;margin-bottom:50px}}.custom-cursor{position:fixed;width:100px;height:100px;pointer-events:none;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#d4af7fbf,#c2884000 45%);z-index:-1}.mobile-blocker{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#172633;color:#d4af7f;font-family:Cormorant Garamond;font-size:1.6rem;font-weight:700;letter-spacing:.35px;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;z-index:9999;box-sizing:border-box;word-break:break-word;overflow-wrap:break-word}.mobile-blocker p{max-width:100%;margin:0;padding:0}html,body{margin:0;padding:0}