html { scroll-behavior: smooth; }
body { margin:0; font-family:'Barlow Condensed',sans-serif; color:#20252a; background:#fff; font-size:18px; }
a { color:#245a72; text-decoration:none; } a:hover { color:#173c4d; text-decoration:none; }
.navbar { padding:12px 6%; }
.navbar-brand { font-weight:700; font-size:25px; }
.navbar-light .navbar-nav .nav-link { color:#20252a; font-size:16px; font-weight:600; margin-left:20px; letter-spacing:1.5px; text-transform:uppercase; }
.hero-section { padding:150px 0 90px; background:linear-gradient(135deg,#eef4f5 0%,#fff 70%); }
.profile-photo { width:245px; height:245px; object-fit:cover; border-radius:50%; box-shadow:0 15px 40px rgba(0,0,0,.12); }
.eyebrow,.section-label { font-size:14px; letter-spacing:2.5px; font-weight:700; color:#58737e; text-transform:uppercase; }
.hero-section h1 { font-size:64px; line-height:1; font-weight:700; margin:8px 0 12px; }
.hero-section h2 { font-size:34px; font-weight:500; margin-bottom:18px; }
.hero-section .lead { font-size:22px; max-width:760px; color:#4e5960; }
.hero-links { margin-top:28px; }
.btn { border-radius:3px; padding:10px 20px; font-weight:600; }
.section { padding:85px 0; }
.alt-section { background:#f6f8f8; }
.section h2 { font-size:42px; font-weight:700; margin-bottom:22px; }
.section h3 { font-size:27px; font-weight:600; }
.section p { line-height:1.55; }
.skills-panel { background:#eef4f5; padding:32px; border-left:4px solid #58737e; }
.project-card { background:#fff; padding:28px; border:1px solid #dde3e5; box-shadow:0 8px 24px rgba(0,0,0,.04); }
.featured-card { border-top:4px solid #334f5b; }
.project-number { display:block; font-size:14px; font-weight:700; letter-spacing:2px; color:#78909a; margin-bottom:10px; }
.project-tags { color:#58737e; font-weight:600; }
.status-note { font-size:16px; color:#6b7479; font-style:italic; }
.project-card img { width:100%; height:170px; object-fit:cover; margin:-28px -28px 22px; width:calc(100% + 56px); }
.research-item { padding:26px 0; border-bottom:1px solid #dfe4e6; max-width:900px; }
.section-intro { max-width:750px; color:#5f696f; }
.contact-section { background:#26383f; color:#fff; }
.contact-section .section-label { color:#b9ccd3; }
.contact-links a { color:#fff; margin:0 18px; font-size:20px; }
.footer { background:#1d2a2f; color:#cfd9dd; text-align:center; padding:18px 0 8px; }
@media (max-width:767px){ .hero-section{padding:120px 20px 65px;} .hero-section h1{font-size:48px;} .hero-section h2{font-size:28px;} .section{padding:60px 20px;} .navbar-light .navbar-nav .nav-link{margin-left:0;} .contact-links a{display:block;margin:12px 0;} }