*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Outfit",sans-serif;background:var(--bg2);color:var(--text);line-height:1.6;overflow-x:hidden}

/* Background design (unchanged) */
body::before{
    content:"";position:fixed;inset:0;
    background:
    radial-gradient(circle at top left,rgba(217, 185, 138, 0.053),transparent 40%),
    radial-gradient(circle at bottom right,rgba(110, 122, 183, 0.074),transparent 40%);
    z-index:-2;
}
body::after{
    content:"";position:fixed;inset:0;
    background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
    background-size:60px 60px;z-index:-1;
}

section{width:100%;padding:96px max(6%,calc((100% - var(--max-width)) / 2));scroll-margin-top:70px}
.container{max-width:var(--max-width);margin:auto}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{border:none;cursor:pointer;font-family:inherit}
ul{list-style:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.section-title{max-width:640px;margin-bottom:48px}
.section-title h2{font-size:clamp(2rem,4vw,2.6rem);font-weight:600;letter-spacing:-.01em}
.section-title p{color:var(--muted);margin-top:10px;line-height:1.7}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;border-radius:10px;font-weight:500;border:1.5px solid var(--accent);color:var(--accent);transition:background .25s,color .25s}
.btn:hover{background:rgba(217,185,138,.12)}
.btn.primary{background:var(--accent);color:var(--ink)}
.btn.primary:hover{background:var(--accent-hover)}

/* Headings use a serif; body stays Outfit */
.hero h1,.section-title h2,.about-content h3,.contact-info h4,.resume-header h1,.timeline-content h3,.project-content h3{font-family:var(--font-head)}
.hero h1{font-weight:500}

.skip-link{position:absolute;left:16px;top:-60px;z-index:2000;padding:10px 18px;border-radius:8px;background:var(--accent);color:var(--ink);transition:top .2s}
.skip-link:focus{top:12px}