*{margin:0;padding:0;box-sizing:border-box}:root{--navy: #121d38;--white: #ffffff;--light-navy: #112240;--lightest-navy: #233554;--slate: #8892b0;--light-slate: #a8b2d1;--lightest-slate: #ccd6f6;--teal: #64ffda;--dark-teal: #132e46;--transition: all .25s cubic-bezier(.645,.045,.355,1)}html{scroll-behavior:smooth}body{background-color:var(--navy);color:var(--slate);font-family:Inter,serif;font-weight:500;line-height:1.5;overflow-x:hidden}span.highlighted{color:var(--white)}a{text-decoration:none}a.link{position:relative;text-decoration:none;color:var(--white);display:inline-flex;align-items:center;padding-right:30px;transition:var(--transition)}svg.icon{margin-left:10px;fill:var(--white);transition:var(--transition)}a.link:hover{color:var(--teal)}a.link:hover svg.icon{fill:var(--teal);transform:translateY(-4px) translate(4px)}.container{max-width:1400px;margin:0 auto;padding:6rem;display:flex;gap:4rem;position:relative}.left-column{width:300px;position:fixed;height:calc(100vh - 12rem);display:flex;flex-direction:row;gap:25px}.vertical-text-holder{height:calc(100vh - 12rem);position:relative;margin-right:50px}.vertical-text{position:absolute;top:calc(100vh - 40%);left:0;transform:translateY(-90%) rotate(270deg);transform-origin:top left;white-space:nowrap;letter-spacing:15px}.main-info-holder{flex:1;display:flex;flex-direction:column;height:calc(100vh - 12rem)}.intro{margin-bottom:3rem}.name{color:var(--white);font-size:3rem;font-weight:900;margin-bottom:.5rem}.title{color:var(--white);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.description{color:var(--slate);max-width:540px}.nav{margin-bottom:auto}.nav-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.nav-item{position:relative;padding-left:2rem;transform:translate(-20px);opacity:.7;transition:var(--transition)}.nav-item:before{content:"";position:absolute;left:0;top:50%;width:20px;height:1px;background-color:var(--teal);transform:scaleX(0);transform-origin:left;transition:var(--transition)}.nav-item:hover{transform:translate(0);opacity:1}.nav-item:hover:before{transform:scaleX(1)}.nav-link{color:var(--lightest-slate);text-decoration:none;font-size:.875rem;transition:var(--transition)}.nav-link:hover{color:var(--teal)}.social-links{display:flex;gap:1.5rem}.social-link{color:var(--light-slate);transition:var(--transition)}.social-link:hover{color:var(--teal);transform:translateY(-3px)}.social-link svg{width:20px;height:20px}.right-column{margin-left:400px;flex:1}.section{margin-bottom:6rem;scroll-margin-top:6rem}.section-title{color:var(--white);font-size:2rem;font-weight:900;margin-bottom:2rem}.cards{display:grid;gap:2rem;cursor:pointer}.card{background:var(--light-navy);padding:2rem;border-radius:8px;position:relative;transition:var(--transition)}.card-alt{display:flex;align-items:flex-start;gap:1em;transition:transform .2s ease}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;padding:1px;background:linear-gradient(135deg,var(--teal),var(--light-navy));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:var(--transition)}.card:hover{transform:translateY(-8px)}.card:hover:before{opacity:1}.card-image{flex-shrink:0;max-width:200px;height:100px;margin-top:5px;border-radius:4px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;border-radius:8px;transition:transform .3s ease;object-position:center center}.card:hover .card-image img{transform:scale(1.05)}.card-content{flex-grow:1}.card-title{color:var(--white);font-size:1.25rem;font-weight:900}.card-subtitle{color:var(--light-slate);font-weight:700;margin-bottom:1rem}.card-description{color:var(--light-slate);font-size:.875rem;font-weight:500;margin-bottom:1rem}.tech-list{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem}.tech-item{border:1px solid var(--light-navy);border-radius:15px;background-color:var(--dark-teal);padding:.5rem 1rem;color:var(--teal);font-size:.75rem}.glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;transition:opacity .3s;background:radial-gradient(800px circle at var(--mouse-x, 0) var(--mouse-y, 0),rgba(7,158,252,.06),transparent 70%)}.nav-item.active{transform:translate(0);opacity:1}.nav-item.active:before{transform:scaleX(1)}.nav-item.active .nav-link{color:var(--teal)}.mobile-menu .nav-item.active{background-color:var(--teal);padding:.5rem 1rem;border-radius:4px}@media (max-width: 1024px){.container{flex-direction:column;padding:1rem}.left-column{position:static;width:100%;height:150px;margin-bottom:2rem}.vertical-text-holder{display:none}.right-column{margin-left:0}.nav,.social-links{display:none}.mobile-menu-button{display:block}.mobile-menu .nav,.mobile-menu .social-links{display:flex;margin-top:4rem}.mobile-menu .nav-item{transform:none;opacity:1;padding-left:0}.mobile-menu .nav-item:before{display:none}.mobile-menu .nav-link{font-size:1.5rem}.name{font-size:2rem}.card-alt{flex-direction:column-reverse}.card-image{max-width:300px;height:150px}}