:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#535353;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}img{max-width:100%;height:auto}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%) scale(.98);transition:all .2s ease;z-index:4;display:inline-flex;align-items:center;background:#14143c80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px #00000040;border-radius:9999px;padding:8px 20px;overflow:hidden}.navbar:hover{transform:translate(-50%) scale(1)}.navbar:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to bottom,#ffffff59,#ffffff26);pointer-events:none}.nav-links{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.nav-links a{font-weight:600;font-size:18px;color:#ffffffe6}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh;position:relative;background:linear-gradient(to right,#c3d2ff,#fff 40% 60%,#c3d2ff);z-index:0;font-family:Poppins,sans-serif;color:#000}body:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:url(/assets/bg-pattern-Dxx3HG5V.png) repeat-y top center;background-size:100vw auto;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,.2) 100%);mask-image:linear-gradient(to right,#0003,#0000 20% 80%,#0003);mix-blend-mode:luminosity}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.primary-button{padding:8px 20px;font-size:20px;font-weight:400;background-color:#0f172a;color:#fff;border:none;border-radius:999px;cursor:pointer;transition:all .2s ease;box-shadow:0 0 20px #00000080}.primary-button:hover{background-color:#333;transform:translateY(-2px)}.icon-button{height:50px;aspect-ratio:1 / 1;background-color:#f5f5f5;border:none;border-radius:999px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 15px #00000080;display:flex;justify-content:center;align-items:center}.icon-button:hover{background-color:#fff;transform:translateY(-2px)}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html{scroll-behavior:smooth}.fullscreen-section{display:flex;justify-content:flex-start;align-items:center;text-align:center;flex-direction:column;padding-top:60px;transform:scale(.98);transition:transform .6s ease;margin-bottom:50px;padding-left:16px;padding-right:16px}.fullscreen-section:hover{transform:scale(1)}.headshot{width:100px;height:100px;object-fit:cover;border-radius:50%;outline-width:4px;outline-style:solid;outline-color:#1a1a1a80;box-shadow:0 8px 30px #000;margin-bottom:20px}.home-row{display:flex;align-items:center;justify-content:center;gap:24px;max-width:800px;width:100%;padding:0 24px;margin-top:50px;flex-wrap:wrap}.home-text{margin:24px 0 0;max-width:800px;font-size:22px;font-weight:500}.about-row{display:flex;align-items:center;justify-content:center;gap:24px;max-width:1500px;width:100%;padding:0 24px;flex-wrap:wrap}.about-text{max-width:1000px;font-size:20px;line-height:1.5;font-weight:400;text-align:left}.about-graphic{width:400px;height:400px;max-width:90vw;max-height:90vw}.project-element{width:min(900px,92vw);height:auto;background:linear-gradient(to right,#ebebeb33,#c5ffc833);border:none;border-radius:20px;box-shadow:0 2px 15px #00000080;margin-top:40px;margin-bottom:80px;display:flex;justify-content:center;align-items:flex-start;transform:scale(.99);transition:all .2s ease;overflow:hidden}.project-element:hover{transform:scale(1);background:linear-gradient(to right,#bfbfbf33,#9bc89d33)}.project-image{width:min(300px,86vw);height:auto;aspect-ratio:3 / 2;object-fit:cover;box-shadow:0 2px 15px #0000004d;border:none;border-radius:40px;transition:transform .3s ease;transform:rotate(1deg) translateY(-10%)}.project-element:hover .project-image{transform:scale(1.08) rotate(2deg) translateY(-10%)}.project-info{flex:1 1 420px;min-width:0;text-align:left;padding:30px}.project-skill{background:#14143c80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px #00000040;color:#fff;border-radius:9999px;font-size:14px;display:inline-block;padding:5px 12px;margin:6px 8px 6px 0}.project-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}@media(max-width:900px){.project-row{flex-direction:column;align-items:center}.project-image{width:min(420px,92vw);flex:0 0 auto}.project-info{width:92vw;flex:0 0 auto;padding-left:0}.project-element:nth-child(2n) .project-row{flex-direction:column}}.project-element:nth-child(2n) .project-row{flex-direction:row-reverse}.project-element:nth-child(2n){transform:translate(50px)}.project-element:nth-child(odd){transform:translate(-50px)}.skill{height:fit-content;width:fit-content;background:#14143c80;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px #00000040;color:#fff;font-size:26px;font-weight:500;border-radius:20px;padding:8px 15px;transition:transform .2s ease}.skill:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.timeline{position:relative;margin-top:60px}.timeline:before{content:"";position:absolute;left:-14px;top:0;bottom:0;width:6px;background:linear-gradient(to bottom,#7054ee66,#7054ee00);box-shadow:0 8px 10px #0000003e}.timeline-item{position:relative;padding-left:100px;margin-bottom:100px}.timeline-marker{position:absolute;left:-50px;top:8px;width:80px;height:80px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#fff;object-fit:cover;outline-width:8px;outline-style:solid;outline-color:#7054ee;box-shadow:0 6px 20px #00000040}.timeline-content p{margin:0}.timeline-content{width:min(600px,92vw);background:linear-gradient(135deg,#ebebeb33,#efc5ff33);border:none;border-radius:20px;box-shadow:0 2px 15px #00000080;padding:30px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;transform:scale(.99);transition:all .2s ease;overflow:hidden}.timeline-content:hover{transform:scale(1);background:linear-gradient(to right,#c5c5c533,#be96ce33)}.timeline-company{font-size:34px;font-weight:700}.timeline-title{font-size:22px;font-weight:400;margin-bottom:2px}.timeline-period{font-size:20px;font-weight:400;font-style:italic;opacity:.65;margin-bottom:20px}.timeline-summary{font-size:22px;font-weight:500;border-left:3px solid #7054ee;padding-left:14px;margin:18px 0 10px;text-align:left}.timeline-achievements{margin:18px 0 0;padding-left:22px;font-size:18px;line-height:1.35;text-align:left}.timeline-achievements li{margin:8px 0;line-height:1.45}.footer{padding:60px 20px;text-align:center;color:#4b5563;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.footer p{margin:8px 0;text-align:center}.copyright{font-size:1rem;font-weight:500}.builtWith{font-size:.95rem;max-width:800px;margin:10px auto 0;line-height:1.6;text-align:center}.emailLink{font-weight:600;text-decoration-thickness:2px}.emailLink:hover{opacity:.7}.divider{font-size:36px;font-weight:600}.page-spine{position:fixed;left:60px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#7054ee33,#7054ee0d);pointer-events:none;z-index:0}.vertical-line{display:block;width:3px;height:80px;background:#7975f548;margin:40px auto 0;border-radius:2px;transform:translateY(30%) scaleY(1.2)}@media(max-width:768px){.navbar{top:12px;padding:8px 14px;border-radius:18px;width:calc(100% - 24px);left:12px;transform:scale(.98)}.navbar:hover{transform:scale(1)}.nav-links{gap:14px}.nav-links a{font-size:16px}.home-text{font-size:18px;max-width:92vw}.about-text{font-size:18px;max-width:92vw;text-align:left}.about-graphic{width:min(320px,80vw);height:min(320px,80vw)}.project-element{margin-bottom:50px}.project-info{padding:18px}.project-image{flex:0 0 300px}.project-element:hover .project-image{transform:none}.project-element:nth-child(2n),.project-element:nth-child(odd){transform:none}.timeline:before{left:22px;width:4px}.timeline-item{padding-left:0;margin-bottom:70px}.timeline-marker{position:relative;left:0;top:0;margin:0 0 14px;width:64px;height:64px;outline-width:6px}.timeline-content{width:92vw;padding:20px;border-radius:18px}.timeline-company{font-size:26px}.timeline-title{font-size:18px}.timeline-period{font-size:16px;margin-bottom:14px}.timeline-summary{font-size:18px}.timeline-achievements{font-size:16px}.page-spine{display:none}}