@import"https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap";:root{--purple-main: #3C096C;--purple-dark: #240046;--white: #ffffff;--off-white: #f8f8f8;--black: #000000}body{margin:0;background-color:var(--black);font-family:"DM Serif Text",serif}a{color:#fff;text-decoration:none}.shortcut-bar-wrapper{position:fixed;font-family:monospace;height:3rem;display:flex;z-index:100;align-items:center;color:#fff;width:100%}.shortcut-bar-wrapper ul{display:inline-flex;overflow:hidden;margin-left:2rem;padding:0}.shortcut-bar-wrapper li{list-style:lower-roman;margin:0 2rem;animation:reveal 1.5s cubic-bezier(.77,0,.175,1) forwards}.shortcut-bar-wrapper li:hover{opacity:.5}.shortcut-bar-wrapper label{display:inline-flex;margin:0 0 0 1rem;font-weight:700}@keyframes reveal{0%{transform:translateY(100%)}to{transform:translate(0)}}.main-page{display:flex;width:100%;height:500px;background:#000;transition:height .5s ease-in-out;align-items:center;justify-content:center;position:relative;overflow:hidden}.main-page.collapsed{height:200px}.media-wrapper{display:flex;justify-content:center;align-items:center;width:100%;background-color:#000;gap:10px;background:url(/images/lagtrain.gif);background-position-x:-500px;background-size:cover;background-position-y:30%}.top-img-layout{overflow:hidden;transform:skewY(0);max-width:200px;height:fit-content;position:relative;transition:transform .6s ease-in-out}.top-img-layout img{transform:skewY(-10deg);scale:1.38;width:100%}.top-img-layout.show{transform:skewY(10deg)}.intro-wrapper{display:flex;flex-direction:column;position:absolute;justify-content:center;align-items:center;color:#fff;width:100%;z-index:10;pointer-events:none}.intro-wrapper h1{font-size:3rem;margin:0}.intro-wrapper p{font-family:inherit;margin-top:.5rem;font-weight:100}.cinema-section{background-color:var(--white);color:var(--purple-main);min-height:80vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;position:relative;z-index:2}.cinema-wrapper{display:flex;flex-direction:column;width:100%;max-width:1000px;gap:1rem}.cinema-content{display:flex;width:100%;gap:3rem;align-items:center;opacity:0;transform:translateY(30px);transition:all .8s ease-out}.cinema-section.reveal .cinema-content{opacity:1;transform:translateY(0)}.cinema-text{flex:1}.cinema-text h2{margin-bottom:1rem;border-bottom:2px solid var(--purple-main);padding-bottom:5px;font-size:larger}.cinema-text p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.tech-grid{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{border:1px solid var(--purple-main);color:var(--purple-main);padding:5px 12px;font-size:.85rem;font-family:monospace;text-transform:uppercase}.social{margin-top:1.5rem}.linkedin-btn{display:inline-flex;align-items:center;gap:8px;color:var(--purple-main)}.cinema-img-box{flex:1;height:350px;box-shadow:10px 10px 0 var(--purple-main)}.cinema-img-box img{width:100%;height:100%;object-fit:cover}.project-deck{display:flex;flex-direction:column;gap:1rem;opacity:0;transform:translateY(20px);transition:all .8s ease-out .2s}.cinema-section.reveal .project-deck{opacity:1;transform:translateY(0)}.deck-title{margin-bottom:1rem;border-bottom:2px solid var(--purple-main);display:inline-block;padding-bottom:5px;font-size:larger;font-weight:700}.p-row{display:flex;align-items:center;gap:4rem;width:100%}.p-row.reverse{flex-direction:row-reverse}.p-visual{flex:1.2;position:relative;height:350px}.img-frame{width:100%;height:100%;border:1px solid var(--purple-main);background:#fff}.img-frame img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.p-visual:hover .img-frame img{transform:scale(1.03)}.p-details{flex:1;display:flex;flex-direction:column;gap:1rem}.p-subtitle{font-family:monospace;font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:1px}.p-details h3{font-size:1.8rem;color:var(--purple-main);margin:0;line-height:1}.p-details p{font-size:.95rem;line-height:1.5;color:#333;margin:0}.p-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:.5rem}.p-tags span{font-family:monospace;font-size:.75rem;background:var(--purple-main);color:#fff;padding:4px 10px}.list-section{background-color:var(--purple-dark);color:var(--white);padding:5rem 2rem;min-height:60vh;display:flex;justify-content:center;align-items:center}.list-container{width:100%;max-width:900px;display:flex;flex-direction:column}.list-row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.2);padding:1.5rem 0;opacity:0;transform:translate(-20px);transition:all .5s ease}.list-section.reveal .list-row{opacity:1;transform:translate(0)}.row-left h3{font-size:1.4rem;margin:0 0 .3rem}.row-left h4{font-size:1rem;color:#ccc;margin:0;font-style:italic}.row-right span{font-family:monospace;font-size:.9rem;color:#aaa}.link-row{border-bottom:none;margin-top:2rem;justify-content:flex-start}.link-row a{font-size:1.2rem;border-bottom:1px solid white;padding-bottom:5px;transition:padding .3s;display:inline-flex;align-items:center;gap:15px}.gh-profile-pic{width:40px;height:40px;border-radius:50%;border:1.5px solid white}.link-row a:hover{padding-right:15px}.about-section{font-size:1rem;color:#f5f5f5;display:flex;flex-wrap:wrap;background-color:#000;padding:2rem}.about-section img{position:relative;width:auto;height:max(100px,200px);-webkit-user-select:none;user-select:none}.about-section ul{list-style-type:none}.about-section li{margin-top:10px;margin-bottom:10px}.about-section a{background-image:linear-gradient(#fff,#fff);background-size:0% .1rem;background-position-y:100%;background-position-x:0%;background-repeat:no-repeat;transition:background-size 1s cubic-bezier(.075,.82,.165,1);display:inline-flex;align-items:center;gap:5px}.about-section a:hover{background-size:100% .1rem}.about-section label{font-weight:700;text-transform:uppercase;font-size:.9rem;color:gray}.about-section #tag{position:relative;margin:2rem;width:100%;border-top:1px solid #333;font-weight:700;padding:.5rem;color:#555}@media screen and (max-width:768px){.cinema-content{flex-direction:column}.cinema-img-box{width:100%;height:300px}.p-row,.p-row.reverse{flex-direction:column;gap:2rem}.p-visual{width:100%;height:250px}.list-row{flex-direction:column;gap:10px}.top-img-layout{max-width:100px}}