body{margin:0;font-family:Helvetica Neue,sans-serif;background-color:#fdfaf6;color:#333}*{box-sizing:border-box}.site-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 4rem}.logo{font-size:1.2rem;font-weight:700}.nav-link{text-decoration:none;color:#333;font-weight:700;letter-spacing:1px}.logo-link{text-decoration:none;color:inherit}.home-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding:4rem;max-width:1200px;margin:auto}.left-panel{text-align:right;padding-right:2rem;border-right:1px dotted #d3d3d3}.right-panel{padding-left:2rem;border-left:1px dotted #d3d3d3}.intro-text{font-size:1.1rem;color:#555;line-height:1.6}.center-panel{display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-image-container{position:relative;width:250px;height:300px;margin-top:2rem}.profile-image-container:before{content:"";position:absolute;width:80%;height:125%;background-color:var(--primary-color);border-radius:50%;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%) rotate(-45deg)}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:2;border:5px solid #fff}.name{font-size:2.5rem;font-weight:700;margin:0}.tagline{font-style:italic;color:#777;margin-top:.5rem}.social-links{margin-top:1.5rem}.social-links a{color:#333;font-size:1.5rem;margin-left:1rem;transition:color .3s ease}.social-links a:first-child{margin-left:0}.social-links a:hover{color:var(--primary-color)}.resume-section{grid-column:2 / 3;display:flex;align-items:center;justify-content:center;margin-top:3rem}.resume-text{color:#555;font-size:1.2rem;margin-right:.5rem;transition:transform .2s ease-in-out;display:inline-block}.resume-text:hover{transform:translateY(-5px)}.resume-link{display:inline-block;background-color:var(--primary-color);color:#fff;padding:.5rem .75rem;border-radius:5px;text-decoration:none;font-weight:700;font-size:1.2rem;transition:background-color .3s ease}.resume-link:hover{background-color:#333;color:#fff}@media (max-width: 768px){.left-panel,.center-panel,.right-panel,.resume-section{border:none;padding:0;text-align:center}.resume-section{order:4}.left-panel{order:2}.right-panel{order:1}.center-panel{order:3}.home-container{display:flex;flex-direction:column;gap:2rem;padding:2rem}.left-panel,.right-panel{border:none;padding:0rem 0}}.portfolio-container{max-width:900px;margin:2rem auto;padding:2rem;text-align:center}.instructions{color:#555;margin-bottom:1.5rem;font-style:italic}.card-stack{margin-top:2rem;position:relative;height:450px;display:flex;align-items:center;justify-content:center;perspective:1000px}.project-card{position:absolute;width:90%;max-width:700px;height:350px;border-radius:15px;box-shadow:0 10px 20px #0000001a;display:flex;cursor:pointer;transition:transform .5s ease;will-change:transform;background:#fff;overflow:hidden}.project-card.image-right{flex-direction:row-reverse}.card-image{width:50%;height:100%;background-size:cover;background-position:center;position:relative}.card-overlay{position:absolute;inset:0;transition:background-color .5s ease;background-color:#0000}.card-text-content{width:50%;padding:2rem;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.card-text-content h3{margin:0 0 1rem;font-size:1.75rem}.card-text-content p{font-size:1rem;color:#666;margin:0}.project-link{display:flex;align-items:center;justify-content:center;margin:1.5rem auto 0;padding:.75rem 1.5rem;background-color:#222;color:#fff;text-decoration:none;font-weight:700;border-radius:8px;transition:background-color .3s ease,transform .3s ease;max-width:220px}.project-link:hover{background-color:#333;transform:translateY(-2px)}.project-link svg{margin:0 8px}.project-link span{flex-grow:1;text-align:center}.portfolio-nav{display:flex;justify-content:center;align-items:center;margin-top:2rem}.nav-arrow{background:none;border:2px solid var(--primary-color);color:var(--primary-color);border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;margin:0 1rem;transition:all .3s ease;font-size:1.5rem}.nav-arrow:hover{background:var(--primary-color);color:#fff}@media (max-width: 768px){.card-stack{display:flex;flex-direction:column;align-items:center;position:relative;height:550px}.project-card{flex-direction:column!important;width:90vw;max-width:350px;height:auto;position:absolute;top:0;left:50%;transform:translate(-50%)!important;transition:all .5s ease}.card-image,.card-text{width:100%!important;height:250px;padding:1.5rem}.card-text{height:auto;padding-top:1rem}}.bio-container{padding:5rem 2rem;text-align:center;background-color:transparent}.bio-container h2{font-size:2.5rem;margin-bottom:1.5rem;color:#333}.bio-subtitle{font-size:1.1rem;color:#777;margin-bottom:3rem}.bio-cards-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;max-width:1000px;margin:0 auto}.bio-card{background:#fff;padding:2.5rem 2rem;border-radius:10px;box-shadow:0 4px 15px #0000000d;border:1px solid #eee;flex:1;min-width:250px;max-width:300px;text-align:center}.bio-icon{font-size:3rem;color:var(--primary-color);margin-bottom:1.5rem}.bio-card h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.bio-card p{font-size:1rem;line-height:1.6;color:#666}.contact-container{padding:4rem 2rem;max-width:800px;margin:4rem auto;text-align:center;border-radius:8px}.contact-container h2{font-size:2.5rem;margin-bottom:1rem}.contact-container p{color:#555;margin-bottom:2.5rem;font-size:1.1rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:#333}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #e0d8cf;border-radius:5px;font-size:1rem;box-sizing:border-box;background-color:#f0e9e1;color:var(--text-color)}.submit-btn{display:inline-block;background-color:var(--primary-color);color:#fff;padding:1rem 2.5rem;border-radius:5px;text-decoration:none;font-weight:700;font-size:1.1rem;border:none;cursor:pointer;transition:background-color .3s ease}.submit-btn:hover{background-color:#333}.footer-container{padding:2rem;text-align:center;background-color:var(--background-color);color:var(--text-color);margin-top:4rem}.footer-container p{margin:0 0 1rem;font-size:1.2rem}.footer-container hr{border:0;height:1px;background:#ddd;margin:1rem auto;width:50%}.footer-branding{display:flex;justify-content:center;align-items:center;gap:.5rem}.footer-logo{width:30px;height:30px}.footer-branding span{color:#888}:root{--primary-color: #17a2b8;--text-color: #333;--background-color: #fdfaf6}html{scroll-behavior:smooth}