:root{--1:#98b9f2;--2:#918ef4;--3:#638dd5;--4:#306bac;--5:#141b41;--6:#02010a;--elevated1:#fefae0;--elevated2:#e9edc9;--elevated3:#ccd5ae;--text-light:#e8e8e8;--text-medium:#c4c4c4;--text-dark:#a6a6a6}html{scroll-behavior:smooth;background-color:var(--6)}*{box-sizing:border-box;color:var(--text-light);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;text-decoration:none}.fade-in{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.fade-in.show{opacity:1;transform:translateY(0)}#navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:.5;align-items:center;width:100%;height:72px;transition:all .5s;display:flex;position:fixed;top:0;left:0}#navbar:hover{opacity:.8}.nav-item{color:var(--text-medium);opacity:.8;border-radius:20px;margin:0 1rem;padding:5px;font-weight:0;text-decoration:none;transition:all .5s}.nav-item:hover{color:var(--text-light);opacity:1;text-shadow:0 0 10px #00c8ffb3,0 0 30px #00c8ff66}section{min-height:100vh;padding:80px 24px}#home{z-index:-1;background:linear-gradient(0deg, var(--5), var(--6));justify-content:center;align-items:center;min-height:100svh;display:flex}.container-1{background-color:var(--5);border-radius:10px;justify-content:center;align-items:center;padding:30px;animation:2s heroFadeIn;display:flex}.box-shadow-subtle{box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a}#about{background-color:var(--5)}#about p{color:var(--text-medium);margin:2rem 0 0 4rem;font-size:1.2rem;line-height:1.7}#about .sub-header{margin:0 0 0 4rem}.about-container{max-width:100vw;display:flex}.about-paragraphs{width:50%}.about-images{flex-direction:column;gap:6rem;max-width:50%;padding-left:40px;display:flex;overflow:visible}.about-images img{aspect-ratio:4/3;object-fit:cover;border-radius:16px;width:100%;display:block}.about-images .fade-in{width:70%;max-width:500px}.about-images .fade-in:first-child{align-self:flex-start}.about-images .fade-in:nth-child(2){align-self:flex-end}.about-images .fade-in:nth-child(3){align-self:center}.resume-callout{background-color:var(--4);border-radius:24px;justify-content:center;align-items:center;max-width:400px;margin:2rem 0 0 4rem;line-height:0;transition:all .5s;display:flex}.resume-callout:hover{background-color:var(--3)}.resume-callout a{padding:20px;font-size:1.2rem}.call-out{color:var(--text-light);font-size:4rem}.sub-header{color:var(--text-light);font-size:3rem}.title{color:var(--text-medium);font-size:2.5rem;font-weight:400}#projects{background-color:var(--5)}#projects .sub-header{margin:4rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:80vw;margin:0 4rem;display:grid}.project-card{text-align:left;background-color:var(--4);cursor:pointer;border:none;border-radius:24px;padding:28px;transition:transform .5s,box-shadow .5s;display:flex}.project-card img{aspect-ratio:16/12;object-fit:cover;border-radius:16px;width:50%;max-width:600px;display:block}.project-card:hover{box-shadow:0 18px 40px rgba(0, 0, 0 .14);transform:translateY(-6px)}.projects-grid .fade-in:first-child{transition-delay:.1s}.projects-grid .fade-in:nth-child(2){transition-delay:.2s}.projects-grid .fade-in:nth-child(3){transition-delay:.3s}.projects-grid .fade-in:nth-child(4){transition-delay:.4s}.modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.25s forwards overlayFadeIn;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(45deg, var(--4) 1%, var(--5) 150%);will-change:transform, opacity;border-radius:28px;width:min(800px,100%);max-height:80vh;padding:40px;animation:.25s forwards modalOpen;position:relative;overflow-y:auto;box-shadow:0 30px 80px #00000040}.modal-info video{object-fit:contain;background:#000;border-radius:16px;width:100%;height:100%;display:block}.video-frame{aspect-ratio:16/9;background:#000;border-radius:16px;width:min(100%,700px);margin:0 0 2rem;overflow:hidden}.modal h2{margin:1rem 0 2rem}.modal p{margin-left:1rem;line-height:2rem}.code-link{margin:1rem 0 0 1rem;line-height:2rem}.code-link a{color:var(--text-medium)}.modal video{border-radius:16px}.modal-overlay.closing{animation:.25s forwards overlayFadeOut}.modal.closing{animation:.25s forwards modalClose}.modal-close{cursor:pointer;background:0 0;border:none;border-radius:10px;font-size:2rem;line-height:1;position:absolute;top:18px;right:22px}#contact{background-color:var(--5);background:linear-gradient(180deg, var(--5) 0%, var(--5) 60%, var(--6));justify-content:center;min-height:80vh;display:flex}#contact-card{background-color:var(--4);border-radius:10px;flex-direction:column;align-items:center;width:50vw;max-width:700px;height:50vh;display:flex;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a}#contact-card .call-out{margin:5% 0 10%}.button{background-color:var(--3);border-radius:5px;justify-content:center;align-items:center;min-width:60%;max-width:500px;margin-bottom:1rem;padding:1rem;text-decoration:none;transition:background-color .5s;display:flex}.button:hover{background-color:var(--2);color:#fff;cursor:pointer}.button-icon{height:2rem}#contact .sub-header{color:var(--text-light);padding:1rem 1rem 4rem;font-size:2.5rem}#footer{background-color:var(--6);justify-content:left;min-height:5vh;max-height:5vh;transition:all .5s;display:flex}#footer .upper-text,.lower-text{color:var(--text-medium);margin-left:2rem;text-decoration:none}#footer a:hover{color:var(--text-light);opacity:1;text-shadow:0 0 10px #00c8ffb3,0 0 30px #00c8ff66}.lower-text{color:var(--text-dark);margin-top:.2rem;font-size:.9rem}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalOpen{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalClose{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(24px)scale(.96)}}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=800px){:root{font-size:10px}section{width:100%}#navbar{justify-content:center;height:50px}.about-container{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0;padding:0}.about-images{order:1;justify-content:center;align-items:center;gap:2rem;padding-left:0}#about p{width:300px;margin:10px 0 5px}#about h1{text-align:center}#about img{margin:30px 0 20px}#about .sub-header,.sub-header{margin:0;font-size:2.5rem}.resume-callout{width:100%;margin:20px 0 0}.about-paragraphs{text-align:left;order:2;width:300px}#projects h1{text-align:center}.projects-grid{grid-template-columns:1fr;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:100%;margin:0}.project-card{width:100%;min-width:0}.about-images .fade-in{align-self:center;width:100%;max-width:500px}.about-images .fade-in:nth-child(2),.about-images .fade-in:nth-child(3){display:none}#about{justify-content:center;align-items:center}#about p{text-align:center}.nav-item:active{background-color:var(--4);border-radius:24px}#contact-card{width:300px;height:350px;margin-top:100px}#footer div{display:none}#footer{justify-content:center;align-items:center}}