.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#000;color:#fff;position:sticky;top:0;z-index:10}.navbar-left a{font-weight:600;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;color:#fff}.navbar-right ul{display:flex;gap:5rem;list-style:none;margin:0;padding:0}.navbar-right a{text-decoration:none;color:inherit;font-weight:900}.hero{max-width:1600px;margin:0 auto;color:#eee;position:relative;z-index:1}.hero-body{display:flex;width:100%;margin:0;padding:0;position:relative}.hero-left{flex:1;max-width:660px;padding:100px 40px;margin-top:250px;font-weight:30}.hero-left h2{margin-bottom:70px;text-align:center;letter-spacing:.3rem}.hero-right{flex:1;height:100vh;overflow:hidden}.hero-title{position:absolute;left:50%;transform:translate(-50%);z-index:2;color:#eee;font-family:Abril Fatface;font-size:70px;font-weight:20}.profile-pic{width:100%;height:100%;object-fit:cover}.project-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px;padding:40px 20px;max-width:1400px;margin:0 auto;color:#eee;z-index:3}.project-tile{background-color:#222;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0006;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;cursor:pointer}.project-tile:hover{transform:translateY(-6px);box-shadow:0 10px 20px #0009}.project-image{width:100%;height:300px;object-fit:cover;display:block}.project-tile h3{margin:16px 16px 8px;font-weight:600;font-size:1.3rem;color:#f0f0f0}.project-description{margin:0 16px 12px;font-size:.95rem;line-height:1.4;color:#ccc;flex-grow:1}.project-tech{margin:0 16px 8px;display:flex;flex-wrap:wrap;gap:6px}.tech-pill{padding:2px 8px;border-radius:999px;border:1px solid #555;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.project-date{margin:0 16px 8px;font-size:.8rem;color:#999}.project-links{margin:0 16px 16px;display:flex;gap:16px;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.project-links a{text-decoration:none;color:#e6e6e6}.project-links a:hover{text-decoration:underline}.contact-section{padding:60px 20px;text-align:center;background-color:#111;color:#eee}.contact-section h2{font-size:1.8rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px}.contact-section p{max-width:600px;margin:0 auto 24px;color:#ccc}.contact-links{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.contact-links a{text-decoration:none;color:#eee}.contact-links a:hover{text-decoration:underline}.footer{background-color:#000;color:#eee;width:100vw;height:20VH;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-top:0;padding-top:0;letter-spacing:.3rem}html{scroll-behavior:smooth;box-sizing:border-box;letter-spacing:.1rem}body{font-family:Didact Gothic;background-color:#282724;margin:0;padding:0;color:#eee}a{text-decoration:none;color:#0070f3}button{background-color:#0070f3;color:#fff;border:none;padding:10px 16px;border-radius:5px;cursor:pointer;transition:background-color .2s ease-in-out}button:hover{background-color:#005bb5}