*,*:before,*:after{box-sizing:border-box}:root{--bg: #f6f1e9;--bg-soft: #efe6da;--surface: #fffdf8;--surface-soft: #f9f2e8;--text: #2f261f;--text-soft: #6d5d4f;--border: #dfd2c3;--accent: #a46c3f;--accent-strong: #8f5930}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.page-shell{position:relative;overflow:hidden;min-height:100vh}.page-shell:before,.page-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.page-shell:before{background:radial-gradient(55% 40% at 5% 15%,rgba(164,108,63,.16),transparent 60%),radial-gradient(45% 35% at 90% 10%,rgba(126,151,110,.12),transparent 62%),radial-gradient(60% 45% at 50% 88%,rgba(130,96,72,.1),transparent 64%);animation:meshShift 32s ease-in-out infinite alternate}.page-shell:after{background:linear-gradient(110deg,rgba(164,108,63,.06),transparent 48%),repeating-linear-gradient(0deg,rgba(91,73,57,.035) 0px,rgba(91,73,57,.035) 1px,transparent 1px,transparent 38px);opacity:.36}.bg-glow{position:fixed;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(circle at 18% 25%,rgba(164,108,63,.14),transparent 44%),radial-gradient(circle at 78% 68%,rgba(126,151,110,.13),transparent 46%);pointer-events:none;z-index:0;animation:drift 28s ease-in-out infinite alternate}.bg-noise{position:fixed;top:0;right:0;bottom:0;left:0;opacity:.018;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1)}to{transform:translate3d(1.5%,1%,0) scale(1.04)}}@keyframes meshShift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(1.2%,-1%,0) scale(1.03)}}.top-nav,.site{position:relative;z-index:1}.top-nav{position:fixed;top:0;left:0;right:0;height:70px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(164,108,63,.24);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f1e9d9;z-index:1000;box-shadow:0 6px 20px #3c28180f}.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:700;letter-spacing:.01em;min-width:0}.brand-logo{flex-shrink:0;width:36px;height:36px;border-radius:10px;box-shadow:0 6px 16px #7c4e2b38}.brand-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;min-width:0}.brand-name{font-size:1.05rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.brand-tagline{font-size:.72rem;font-weight:500;color:var(--text-soft);letter-spacing:.02em}.nav-links{display:flex;align-items:center;gap:1.1rem;color:var(--text-soft);white-space:nowrap}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:linear-gradient(90deg,var(--accent-strong),transparent);transition:width .2s ease}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--text)}.nav-pill{border:1px solid rgba(164,108,63,.4);color:var(--accent)!important;border-radius:999px;padding:.35rem .85rem;background:#a46c3f14}.nav-pill:after{display:none}.site{max-width:1060px;margin:0 auto;padding:7rem 1.25rem 4rem}.hero{padding:2.5rem 0 1.5rem;position:relative}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);background:var(--surface);color:var(--text-soft);border-radius:999px;padding:.4rem .8rem;font-size:.82rem}.dot{width:8px;height:8px;border-radius:50%;background:#4ade80}.hero h1{margin:1.1rem 0 .9rem;max-width:940px;font-size:clamp(2rem,5vw,4.2rem);line-height:1.08;letter-spacing:-.03em}.hero h1 em{font-style:italic;color:var(--accent)}.hero-sub{max-width:760px;color:var(--text-soft)}.resume-contact-line{max-width:920px;font-size:.92rem}.quick-glance{margin-top:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;max-width:900px}.quick-glance span{border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,var(--surface),var(--surface-soft));padding:.65rem .8rem;font-size:.82rem;color:var(--text-soft)}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;border-radius:999px;border:1px solid transparent;font-weight:600}.btn-solid{background:var(--accent-strong);color:#fffaf4}.btn-solid:hover{background:#7d4d2c}.btn-outline{border-color:var(--border);color:var(--text-soft);background:var(--surface)}.btn-outline:hover{border-color:#a7b8d880;color:var(--text)}.hero-stats{margin-top:2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.hero-stats article{border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,var(--surface),var(--surface-soft));padding:1rem}.hero-stats strong{display:block;font-size:1.35rem}.hero-stats span{font-size:.85rem;color:var(--text-soft)}.section{padding:4.6rem 0 0}section[id]{scroll-margin-top:90px}.section-header{margin-bottom:1.2rem}.section-intro{margin:0 0 1rem;max-width:780px;color:var(--text-soft)}.section-num{margin:0 0 .2rem;color:var(--accent);font-size:.75rem;letter-spacing:.12em;font-weight:700}h2{margin:0;font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.02em}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.glass-card{border:1px solid var(--border);border-radius:22px;background:linear-gradient(150deg,var(--surface),var(--surface-soft));padding:1.3rem;box-shadow:0 16px 36px #271e180f}.glass-card p{margin:0;color:var(--text-soft)}.bullets{margin:1rem 0 0;padding-left:1rem;color:var(--text-soft)}.bullets li{margin-bottom:.45rem}.details>div{display:flex;flex-direction:column;gap:.1rem;border-bottom:1px solid var(--border);padding:.72rem 0}.details>div:last-child{border-bottom:none}.details span{color:var(--text-soft);font-size:.8rem}.details strong{font-size:.95rem}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.experience-list{display:grid;gap:.9rem}.experience-card{border:1px solid var(--border);border-radius:22px;background:linear-gradient(150deg,var(--surface),var(--surface-soft));padding:1.1rem 1.2rem;box-shadow:0 16px 34px #271e180f}.experience-head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.experience-head h3{margin:0}.experience-head p{margin:.2rem 0 0;color:var(--accent);font-size:.9rem}.experience-head span{color:var(--text-soft);font-size:.82rem;white-space:nowrap}.experience-card ul{margin:0;padding-left:1rem;color:var(--text-soft)}.experience-card li{margin-bottom:.45rem}.project-card{border:1px solid var(--border);border-radius:22px;background:linear-gradient(150deg,var(--surface),var(--surface-soft));padding:1.1rem;transition:transform .2s ease,border-color .2s ease;box-shadow:0 16px 34px #271e180f}.project-card:hover{transform:translateY(-5px) rotate(-.2deg);border-color:#a46c3f80}.project-meta{display:flex;justify-content:space-between;color:var(--text-soft);font-size:.82rem}.arrow{font-size:1rem}.project-card h3{margin:.5rem 0 .45rem}.project-card p{margin:0;color:var(--text-soft);font-size:.92rem}.tags{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:.9rem}.tag{border:1px solid var(--border);border-radius:999px;padding:.16rem .55rem;font-size:.74rem;color:var(--text-soft);background:#faf4ec}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.skill-card{border:1px solid var(--border);border-radius:22px;background:linear-gradient(150deg,var(--surface),var(--surface-soft));padding:1.1rem;box-shadow:0 16px 34px #271e180f}.skill-card h3{margin:0 0 .8rem;font-size:.95rem;color:var(--accent)}.skill-card ul{margin:0;padding-left:1rem;color:var(--text-soft)}.contact{text-align:center;max-width:720px;margin:0 auto;padding-bottom:3.2rem}.contact p{color:var(--text-soft)}.contact-note{margin-top:.9rem;font-size:.9rem}.contact-note strong{color:var(--accent)}.contact h2 em{color:var(--accent);font-style:italic}.contact .hero-actions{justify-content:center}.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.project-grid,.skills-grid,.about-grid,.hero-stats,.quick-glance{grid-template-columns:1fr}}@media(max-width:720px){.top-nav{padding:0 1rem}.brand-tagline{display:none}.brand-name{font-size:.95rem}.nav-links{gap:.65rem;overflow-x:auto;scrollbar-width:none;max-width:70%}.nav-links::-webkit-scrollbar{display:none}.site{padding:6rem 1rem 3rem}}