: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}}.about{width:100%;max-width:62ch;margin:0 auto;padding:8px 0 40px;color:#55514f}.reveal{opacity:0;animation:slideUp 1.6s cubic-bezier(.22,1,.36,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.about-kicker{margin:0 0 18px;font-family:sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#8a393eb3}.about-headline{margin:0;font-size:clamp(2rem,4.6vw,3rem);font-weight:400;line-height:1.12;letter-spacing:-.01em;color:var(--primary-color);text-wrap:balance}.about-standfirst{margin:22px 0 0;font-size:1.15rem;line-height:1.6;color:#6b6664}.about-rule{width:100%;height:0;margin:44px 0;border:none;border-top:1px solid rgba(138,57,62,.22)}.about-para{margin:0 0 40px;font-size:1.08rem;line-height:1.75}.about-para em{font-style:italic;color:var(--primary-color)}.about-figure{margin:0 0 40px;padding:18px 22px;display:flex;background-color:var(--bg-color)}.about-figure.figure-right{justify-content:flex-end}.about-figure.figure-left{justify-content:flex-start}@media(min-width:1100px){.about-figure.figure-right{margin-right:-8%}.about-figure.figure-left{margin-left:-8%}}.about-img{width:300px;max-width:100%;display:block;mix-blend-mode:multiply;filter:brightness(1.04) saturate(.94);transition:transform .6s cubic-bezier(.22,1,.36,1),filter .6s ease}.about-figure.figure-right .about-img{transform:rotate(1.6deg)}.about-figure.figure-left .about-img{transform:rotate(-1.8deg)}.about-figure:hover .about-img{transform:rotate(0) scale(1.02);filter:brightness(1) saturate(1)}.about-facts{margin:8px 0 0;padding-top:32px;border-top:1px solid rgba(138,57,62,.22);display:flex;flex-direction:column;row-gap:16px}.about-fact{display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:baseline}.about-fact dt{font-family:sans-serif;font-size:.66rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8a393eb3}.about-fact dd{margin:0;font-size:1rem;line-height:1.5}.about-signoff{margin:44px 0 0;font-size:1rem;font-style:italic;color:#8a393ecc}@media(max-width:768px){.about{max-width:none}.about-figure.figure-right,.about-figure.figure-left{margin-left:0;margin-right:0;justify-content:center}.about-standfirst{font-size:1.05rem}.about-fact{grid-template-columns:1fr;gap:4px}}@media(prefers-reduced-motion:reduce){.reveal{animation-duration:.01ms;animation-delay:0ms!important;opacity:1;transform:none}}.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}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.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)}.timeline-container{position:relative;width:100%;box-sizing:border-box;max-width:62ch;margin:0 auto;padding:8px 0 40px;list-style:none}.timeline-container:before{content:"";position:absolute;top:32px;bottom:32px;left:4px;width:1px;background:linear-gradient(to bottom,#8a393e59,#8a393e14);transform-origin:top;transform:scaleY(0);animation:lineGrow 1.2s cubic-bezier(.22,1,.36,1) forwards}.timeline-item{display:flex;align-items:flex-start;gap:26px;padding-bottom:46px;position:relative;opacity:0;animation:slideUp 1.5s cubic-bezier(.22,1,.36,1) forwards}.timeline-item:last-child{padding-bottom:0}.timeline-dot{flex-shrink:0;width:9px;height:9px;border-radius:50%;background-color:var(--primary-color);box-shadow:0 0 0 5px var(--bg-color);margin-top:11px;transform:translate(0);transition:transform .4s cubic-bezier(.22,1,.36,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes lineGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.experience-card{width:100%;background:transparent;border:none;padding:0;display:flex;flex-direction:column;row-gap:6px}.experience-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}.experience-card-role{margin:0;font-size:1.4rem;font-weight:400;letter-spacing:.01em;color:#3f3d3d}.experience-card-dates{font-family:sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8a393ebf;white-space:nowrap}.experience-card-meta{display:flex;align-items:center;gap:12px;margin:0;font-size:1rem}.company{color:var(--primary-color);font-style:italic;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease,color .3s ease}a.company:hover{color:var(--active-color);border-bottom-color:currentColor}.meta-divider{width:16px;height:1px;flex-shrink:0;background-color:#8a393e4d}.experience-card-location{font-size:.9rem;letter-spacing:.02em;color:#7a7472}.bullet-points{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;row-gap:8px;max-width:68ch}.bullet-point{position:relative;margin:0;padding-left:18px;font-size:1.02rem;font-weight:400;line-height:1.5;color:#55514f}.bullet-point:before{content:"";position:absolute;left:0;top:.7em;width:8px;height:1px;background-color:#8a393e8c}.timeline-item:hover .timeline-dot{transform:scale(1.35)}@media(max-width:768px){.timeline-container{width:100%;max-width:none}.timeline-item{gap:18px;padding-bottom:38px}.experience-card-header{flex-direction:column;align-items:flex-start;gap:4px}.experience-card-role{font-size:1.25rem}.bullet-point{font-size:.98rem}}@media(prefers-reduced-motion:reduce){.timeline-item,.timeline-container:before{animation-duration:.01ms;animation-delay:0ms!important;opacity:1;transform:none}}