:root{--primary-color: #8a393e;--active-color: #461a1d;--bg-color: #dfceaf;font-family:Prata,serif;font-weight:400;color-scheme:light dark;color:var(--primary-color);background-color:var(--bg-color);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}#root{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px}h1{font-size:clamp(2rem,8vw,3.2rem);line-height:1.1;margin:.5em 0}h2{font-size:clamp(1.5rem,6vw,2.6rem);line-height:1}button{font-family:inherit;cursor:pointer}*{scrollbar-width:thin;scrollbar-color:var(--active-color) var(--bg-color)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background-color:var(--active-color);border-radius:10px;border:2px solid var(--bg-color)}.page-container{max-width:85%;width:85%;margin:16px 18px;display:flex;row-gap:28px;align-items:flex-start;justify-content:flex-start;flex-direction:column;align-self:flex-start;color:#3f3d3d;padding:40px 30px}.navbar{position:fixed;display:flex;gap:8px;z-index:100;background-color:var(--bg-color);transition:all .3s ease}.navigation-button{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:transparent;border:none;padding:10px;transition:all .4s cubic-bezier(.23,1,.32,1)}.navigation-button.active{color:var(--active-color);transform:translateY(-2px) scale(.98)}.navigation-button.active .navigation-title{font-weight:700}.navigation-button:hover{transform:translateY(-5px)}.navigation-button:hover .icon-wrapper{transform:scale(1.1)}.navigation-button.active .icon-wrapper svg path{fill:var(--active-color)}.icon-wrapper{min-width:32px;display:flex;align-items:center;justify-content:center;transition:transform .4s ease}.navigation-title{margin-top:10px;font-size:.8rem;text-transform:lowercase;letter-spacing:1px;transition:opacity .4s ease}.social-links-home{display:grid;grid-template-columns:repeat(2,auto);gap:12px;height:fit-content;z-index:101;align-items:center;position:fixed;bottom:0;right:0;padding-right:20px;padding-bottom:14px}.social-links-home .linkedin-button:hover svg path{fill:#0b183d}.social-links-home .github-button:hover svg path{fill:#133f3e}.social-links-home .resume-button:hover svg path{fill:#683d10}.social-links-home .email-button:hover svg path{fill:#330759}.social-links-home .github-button:hover,.social-links-home .resume-button:hover,.social-links-home .email-button:hover,.social-links-home .linkedin-button:hover{transform:scale(1.1)}.social-links-home .github-button,.social-links-home .resume-button,.social-links-home .email-button,.social-links-home .linkedin-button{transition:all .3s ease}@media(min-width:769px){.navbar{top:0;right:0;padding:0 20px;width:4vw;min-width:70px;height:100vh;flex-direction:column;justify-content:center}}@media(max-width:768px){.navbar{bottom:0;left:0;width:100vw;height:auto;flex-direction:row;justify-content:center;column-gap:20px;padding-bottom:env(safe-area-inset-bottom)}.navigation-button{max-width:45px}#root{padding-bottom:90px}.page-container{max-width:95%;width:95%;margin:12px 14px;align-self:auto}.social-links-home{display:none}}.home-container{display:flex;flex-direction:column;width:100%;height:95vh;justify-content:flex-end;align-items:flex-start;align-self:flex-start;row-gap:20px}.home-container h1{font-size:clamp(60px,8vw,100px);margin:0 16px;line-height:1}@media(max-width:1200px){.home-container h1{font-size:clamp(50px,7vw,80px)}}@media(max-width:992px){.home-container h1{font-size:clamp(40px,10vw,65px)}}@media(max-width:480px){.home-container h1{font-size:38px;margin:0 12px}}.model-container{width:40vw;height:75%}@media(max-width:1150px){.model-container{width:55vw}}@media(max-width:768px){.model-container{width:100vw}}.bottom-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%}@media(max-width:768px){.home-container{flex-direction:column-reverse}.bottom-bar{justify-content:center;padding-top:20px}}.intro{line-height:1.2;font-size:1.2rem;opacity:0}.columns-wrapper{display:flex;gap:42px;justify-content:center;align-items:flex-start}.column{flex:1;line-height:1.2;font-size:1.2rem;gap:12px;display:flex;flex-direction:column;opacity:0}.fade-up{animation:slideUp 2s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.6s}.fade-down{animation:slideDown 2s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.9s}.intro-anim{animation:slideUp 2s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.3s}@keyframes fadeIn{to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.columns-wrapper{flex-direction:column}}.about-img{width:100%;opacity:.7;border:1px dashed #8a393e;border-radius:6px;transition:opacity .3s ease-in-out}.about-img:hover{opacity:1}.tech-stack-section{width:100%;margin-bottom:30px;opacity:0;overflow:hidden;animation:slideUp 2s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.4s}.tech-conveyor{width:100%;overflow:hidden;position:relative}.tech-track{display:flex;gap:40px;animation:scroll 30s linear infinite;width:fit-content;animation-delay:1.4s;transition:transform .8s cubic-bezier(.22,1,.36,1)}.tech-conveyor:hover .tech-track{animation-play-state:paused}.tech-icon-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.22,1,.36,1)}.tech-icon-item img{width:64px;height:64px;object-fit:contain;filter:grayscale(75%) brightness(65%)}.tech-conveyor:hover .tech-icon-item img{filter:none}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.tech-track{gap:30px}.tech-icon-item img{width:48px;height:48px}}.mosaic-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:min-content;gap:32px;width:100%;opacity:0;animation:slideUp 2s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.8s}.project-card.large{grid-column:span 8}.project-card.medium{grid-column:span 6}.project-card.small{grid-column:span 4}.project-card{background:#ffffff0d;border:1px solid rgba(138,57,62,.15);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:all .5s cubic-bezier(.23,1,.32,1);height:100%}.card-image-wrapper{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:transparent;position:relative}.card-no-image{width:100%;aspect-ratio:16 / 9;background:#64333620;display:flex;align-items:center;justify-content:center;color:var(--active-color);font-size:1rem}.card-image-wrapper video{width:100%;height:100%;opacity:.8;object-fit:cover;display:block;transition:transform .8s ease}.card-content{padding:24px;background:var(--bg-color);flex-grow:1;display:flex;flex-direction:column;row-gap:8px}.card-content h3,p{margin:0;padding:0}.tech-stack{display:flex;flex-wrap:wrap;width:100%;gap:6px;align-items:center;margin-bottom:12px}.tech-tag{display:inline-block;white-space:nowrap;font-family:sans-serif;font-size:.65rem;font-weight:600;padding:4px 12px;border-radius:4px;background:#8a393e14;color:var(--primary-color);border:1px solid rgba(138,57,62,.2);text-transform:uppercase;letter-spacing:.5px}@media(max-width:1024px){.project-card.large,.project-card.medium,.project-card.small{grid-column:span 6}}@media(max-width:768px){.mosaic-grid{grid-template-columns:1fr;gap:40px}.project-card.large,.project-card.medium,.project-card.small{grid-column:span 1}.card-content h3{font-size:1.5rem}}.project-card:hover{transform:translateY(-10px);border-color:var(--primary-color);box-shadow:0 20px 40px #0000001a}.project-card:hover img{transform:scale(1.03)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.timeline-container{position:relative;width:100%;margin:0 auto;padding:40px 0;align-self:flex-start}.timeline-container:before{content:"";position:absolute;top:0;left:19px;height:100%;width:2px;background-color:#8a393e;opacity:.3;transform-origin:top;transform:scaleY(0);animation:lineGrow .9s ease-out forwards}.timeline-item{display:flex;align-items:flex-start;margin-bottom:60px;position:relative;opacity:0;animation:slideUp 1.5s cubic-bezier(.22,1,.36,1) forwards}.timeline-dot{flex-shrink:0;width:20px;height:20px;border-radius:50%;background-color:var(--primary-color);border:4px solid #ae666e;margin-right:20px;z-index:1;transform:translate(6px);margin-top:6px}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes lineGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.experience-card-title,.experience-card-location{margin:0;padding:0}.experience-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.experience-card-title{font-size:1.6rem;font-weight:700}.experience-card-dates{font-size:.95rem;letter-spacing:.04em;font-weight:600;text-transform:uppercase;color:#8a393e;margin-right:5%}.experience-card-location{font-size:1.2rem;color:#555}.experience-card{width:100%;background-color:transparent;border:none;padding:4px 0 6px;display:flex;flex-direction:column;row-gap:8px}.company{font-style:italic;color:#8a393e}.bullet-points{margin-top:6px}.bullet-point{margin:0;padding:0;font-size:1.2rem;font-weight:400}.bullet-point .bullet-point-symbol{color:#8a393e;margin-right:8px}@media(max-width:768px){.timeline-container{width:90%}.experience-card-header{flex-direction:column;align-items:flex-start;gap:6px}.timeline-container:before{left:9px}.timeline-dot{transform:translate(-4px)}}