/* Reset & base */ 
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0b0b;color:#eaeaea;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
h1,h2,h3{font-family:'Playfair Display',serif;line-height:1.2;margin:0 0 .5rem}
h2{font-size:2rem;color:#f7c95c}
h3{font-size:1.5rem;color:#f1b24a}
a{color:#f1d16a;text-decoration:none}a:hover{opacity:.9;text-decoration:underline}
.container{max-width:1050px;margin:0 auto;padding:0 1.25rem}
.section{padding:4rem 0;border-top:1px solid #131313}
/* Header */
.site-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);z-index:50;border-bottom:1px solid #141414}
.brand{font-weight:700;letter-spacing:.08em;border:1px solid #2a2a2a;padding:.35rem .55rem;border-radius:.5rem;color:#f1b24a}
.nav a{margin-left:1rem;color:#f1d16a}
/* Hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;background: #000; background-image: var(--hero); background-size:cover;background-position:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42) 0%, rgba(0,0,0,0) 48%)}
.hero-inner{position:absolute;left:2.5rem;top:clamp(4.5rem, 12vh, 8rem);text-align:left;z-index:1;max-width:min(44vw,640px);}
.hero h1{font-size:clamp(2rem,5vw,3.25rem);color:#f1b24a;text-shadow:0 2px 18px rgba(255,165,0,.12)}
.hero p{color:#f5e6a6;font-weight:500;margin:.25rem 0 1.25rem}
.btn{display:inline-block;background:#f1b24a;color:#111;padding:.7rem 1rem;border-radius:.6rem;font-weight:700;border:1px solid #a5701e;box-shadow:0 6px 24px rgba(241,178,74,.18)}
/* About */
.about-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:1rem}
.about-img{width:100%;height:auto;border-radius:1rem;box-shadow:0 12px 32px rgba(0,0,0,.5)}
@media(min-width:900px){.about-grid{grid-template-columns:1fr 1.2fr;align-items:center}}
/* Achievements */
.achievements{list-style: none; padding: 0; margin: 1rem 0 0}
.achievements li{background:#121212;border:1px solid #1f1f1f;border-left:4px solid #f7c95c;padding:1rem;border-radius:.6rem;margin:.75rem 0}
/* Projects */
.project-card{display:grid;grid-template-columns:1fr;gap:1rem;background:#111;border:1px solid #1b1b1b;border-radius:1rem;overflow:hidden;margin:1.25rem 0}
.project-media img{width:100%;height:auto;display:block}
.project-content{padding:1rem 1rem 1.25rem}
@media(min-width:860px){.project-card{grid-template-columns:1fr 1fr} .project-media img{height:100%;object-fit:cover}}
/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:.75rem}
.socials{display:flex;gap:1rem;flex-wrap:wrap}
.cta-note{margin-top:1rem;color:#cfcfcf}
@media(min-width:700px){.contact-grid{grid-template-columns:1fr 1fr}}
/* Footer */
.site-footer{padding:2rem 1rem;text-align:center;border-top:1px solid #141414;color:#bfbfbf}

.hero-name{font-size:clamp(2.2rem,8vw,5.25rem);color:#f1b24a;line-height:1.05;margin:0;}
.hero-tagline{margin:.5rem 0 1.25rem;color:#f5e6a6;font-weight:600;font-size:clamp(.9rem,2vw,1.125rem);opacity:.95;letter-spacing:.02em;}
@media (max-width: 700px){.hero-inner{left:1rem;right:1rem;top:auto;bottom:2.75rem;max-width:unset;text-align:center}.hero-overlay{background:linear-gradient(0deg,rgba(0,0,0,.45) 0%, rgba(0,0,0,0) 55%)}}