*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#F5F0E8;color:#1A1712;font-family:'DM Sans', sans-serif;font-weight:300;line-height:1.7;overflow-x:hidden}body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:0.5}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 3rem;background:rgba(245,240,232,0.88);backdrop-filter:blur(12px);border-bottom:1px solid #D9C9A8}.nav-logo{font-family:'DM Serif Display', serif;font-size:1.15rem;letter-spacing:0.01em;color:#1A1712;text-decoration:none}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{font-family:'DM Mono', monospace;font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;text-decoration:none;color:#1A1712;opacity:0.6;transition:opacity 0.2s}.nav-links a:hover{opacity:1}#hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding-top:80px}.hero-left{padding:6rem 3rem 4rem 5rem;display:flex;flex-direction:column;justify-content:center;position:relative}.hero-eyebrow{font-family:'DM Mono', monospace;font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:#B8703A;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem}.hero-eyebrow::before{content:'';display:inline-block;width:2rem;height:1px;background:#B8703A}h1{font-family:'DM Serif Display', serif;font-size:clamp(3.5rem, 6vw, 5.5rem);line-height:1.05;letter-spacing:-0.02em;margin-bottom:1.5rem}h1 em{font-style:italic;color:#3D5A3E}.hero-tagline{font-size:1.05rem;font-weight:300;color:#1A1712;opacity:0.7;max-width:36ch;margin-bottom:2.5rem;line-height:1.8}.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{background:#3D5A3E;color:#F5F0E8;padding:0.85rem 2rem;font-family:'DM Mono', monospace;font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:background 0.2s, transform 0.15s;display:inline-block}.btn-primary:hover{background:#1A1712;transform:translateY(-1px)}.btn-secondary{background:transparent;color:#1A1712;padding:0.85rem 2rem;font-family:'DM Mono', monospace;font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border:1.5px solid #D9C9A8;cursor:pointer;transition:border-color 0.2s, transform 0.15s;display:inline-block}.btn-secondary:hover{border-color:#1A1712;transform:translateY(-1px)}.hero-right{background:#E8E0D0;display:flex;flex-direction:column;align-items:flex-end;padding:4rem 3rem 3rem;position:relative;overflow:hidden}.hero-photo-wrap{position:relative;align-self:flex-end;flex-shrink:0;margin-bottom:auto;width:min(220px, 55%);aspect-ratio:1}.hero-right-deco{position:absolute;inset:0;border:1px solid #D9C9A8;border-radius:50%;opacity:0.5}.hero-right-deco2{position:absolute;inset:14%;border:1px solid #B8703A;border-radius:50%;opacity:0.25}.hero-profile{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid #D9C9A8;z-index:1}.hero-stats{width:100%}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.stat{border-top:1px solid #D9C9A8;padding-top:1rem}.stat-num{font-family:'DM Serif Display', serif;font-size:2.2rem;color:#3D5A3E;line-height:1;margin-bottom:0.35rem}.stat-label{font-family:'DM Mono', monospace;font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;opacity:0.55}.hero-interests{display:flex;flex-wrap:wrap;gap:0.5rem}.tag{font-family:'DM Mono', monospace;font-size:0.65rem;letter-spacing:0.08em;padding:0.3rem 0.75rem;border:1px solid #D9C9A8;color:#1A1712;opacity:0.7;background:rgba(255,255,255,0.4)}section{padding:6rem 5rem}.section-header{display:flex;align-items:baseline;gap:1.5rem;margin-bottom:4rem}.section-num{font-family:'DM Mono', monospace;font-size:0.7rem;letter-spacing:0.15em;color:#B8703A;opacity:0.7}h2{font-family:'DM Serif Display', serif;font-size:clamp(2rem, 3.5vw, 3rem);line-height:1.1;letter-spacing:-0.02em}h2 em{font-style:italic;color:#3D5A3E}#about{background:#1A1712;color:#F5F0E8}#about h2{color:#F5F0E8}#about h2 em{color:#D9C9A8}#about .section-num{color:#D9C9A8;opacity:0.5}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:start}.about-text p{font-size:1.05rem;line-height:1.85;opacity:0.82;margin-bottom:1.25rem}.about-text p:last-child{margin-bottom:0}.about-text strong{color:#D9C9A8}.about-text em{font-style:italic}.about-sidebar{display:flex;flex-direction:column;gap:2rem}.about-card{border:1px solid rgba(245,240,232,0.12);padding:1.5rem}.about-card-title{font-family:'DM Mono', monospace;font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:#D9C9A8;opacity:0.6;margin-bottom:1rem}.about-card-list{list-style:none;display:flex;flex-direction:column;gap:0.5rem}.about-card-list li{font-size:0.88rem;opacity:0.75;display:flex;align-items:center;gap:0.6rem}.about-card-list li::before{content:'→';color:#B8703A;font-size:0.8rem}.lang-item{display:flex;justify-content:space-between;align-items:center;font-size:0.88rem;opacity:0.75;padding:0.35rem 0;border-bottom:1px solid rgba(245,240,232,0.08)}.lang-level{font-family:'DM Mono', monospace;font-size:0.65rem;letter-spacing:0.1em;color:#D9C9A8;opacity:0.55}#experience{background:#F5F0E8}.exp-tabs{display:flex;border-bottom:1px solid #D9C9A8;margin-bottom:3rem}.exp-tab{font-family:'DM Mono', monospace;font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;padding:0.75rem 1.5rem;cursor:pointer;border:none;background:none;color:#1A1712;opacity:0.45;transition:opacity 0.2s;border-bottom:2px solid transparent;margin-bottom:-1px}.exp-tab.active{opacity:1;border-bottom-color:#3D5A3E;color:#3D5A3E}.exp-tab:hover{opacity:0.8}.exp-cv-link{margin-left:auto;align-self:center;font-family:'DM Mono', monospace;font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;text-decoration:none;color:#3D5A3E;opacity:0.7;transition:opacity 0.2s}.exp-cv-link:hover{opacity:1}.exp-panel{display:none}.exp-panel.active{display:block}.timeline{position:relative;padding-left:2rem}.timeline::before{content:'';position:absolute;left:0;top:0.5rem;bottom:0;width:1px;background:#D9C9A8}.timeline-item{position:relative;padding-bottom:3rem;padding-left:1.5rem}.timeline-item::before{content:'';position:absolute;left:-2rem;top:0.45rem;width:8px;height:8px;background:#3D5A3E;border-radius:50%;outline:3px solid #F5F0E8}.timeline-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:0.5rem}.timeline-date{font-family:'DM Mono', monospace;font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:#B8703A}.timeline-place{font-family:'DM Mono', monospace;font-size:0.65rem;letter-spacing:0.08em;color:#1A1712;opacity:0.45}.timeline-title{font-family:'DM Serif Display', serif;font-size:1.35rem;margin-bottom:0.25rem}.timeline-org{font-size:0.88rem;opacity:0.55;margin-bottom:1rem}.timeline-bullets{list-style:none;display:flex;flex-direction:column;gap:0.5rem}.timeline-bullets li{font-size:0.9rem;opacity:0.72;padding-left:1.25rem;position:relative;line-height:1.65}.timeline-bullets li::before{content:'—';position:absolute;left:0;color:#3D5A3E;font-size:0.75rem}#skills{background:#E8E0D0}.skills-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.skill-card{background:#F5F0E8;padding:2rem;border-top:3px solid #3D5A3E;transition:transform 0.2s, box-shadow 0.2s}.skill-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(26,23,18,0.08)}.skill-card-title{font-family:'DM Mono', monospace;font-size:0.68rem;letter-spacing:0.15em;text-transform:uppercase;color:#3D5A3E;margin-bottom:1rem}.skill-tags{display:flex;flex-wrap:wrap;gap:0.4rem}.skill-tag{font-family:'DM Mono', monospace;font-size:0.67rem;letter-spacing:0.04em;padding:0.25rem 0.6rem;background:#E8E0D0;color:#1A1712;opacity:0.8}#projects{background:#F5F0E8}.projects-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem}.project-card{border:1px solid #D9C9A8;padding:2.5rem;position:relative;transition:border-color 0.2s, transform 0.2s;overflow:hidden}.project-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:#B8703A;transform:scaleY(0);transform-origin:bottom;transition:transform 0.25s}.project-card:hover{border-color:#B8703A;transform:translateY(-2px)}.project-card:hover::before{transform:scaleY(1)}.project-num{font-family:'DM Mono', monospace;font-size:0.65rem;letter-spacing:0.15em;color:#B8703A;opacity:0.5;margin-bottom:1rem;display:block}.project-title{font-family:'DM Serif Display', serif;font-size:1.4rem;margin-bottom:0.75rem;line-height:1.2}.project-org{font-family:'DM Mono', monospace;font-size:0.65rem;letter-spacing:0.1em;color:#3D5A3E;margin-bottom:1rem}.project-desc{font-size:0.9rem;opacity:0.7;line-height:1.7;margin-bottom:1.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:0.4rem}.project-tag{font-family:'DM Mono', monospace;font-size:0.62rem;letter-spacing:0.06em;padding:0.2rem 0.55rem;border:1px solid #D9C9A8}#contact{background:#3D5A3E;color:#F5F0E8}#contact h2{color:#F5F0E8}#contact h2 em{color:#D9C9A8}#contact .section-num{color:#D9C9A8;opacity:0.5}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.contact-text{font-size:1.05rem;opacity:0.82;line-height:1.85;margin-bottom:2rem}.contact-links{display:flex;flex-direction:column;gap:1rem}.contact-link{display:flex;align-items:center;gap:1rem;text-decoration:none;color:#F5F0E8;opacity:0.75;font-size:0.92rem;transition:opacity 0.2s;border-bottom:1px solid rgba(245,240,232,0.15);padding-bottom:1rem}.contact-link:last-child{border-bottom:none}.contact-link:hover{opacity:1}.contact-link-type{font-family:'DM Mono', monospace;font-size:0.62rem;letter-spacing:0.15em;text-transform:uppercase;color:#D9C9A8;width:70px;flex-shrink:0}.contact-right{background:rgba(245,240,232,0.08);padding:2.5rem}.contact-fact{border-bottom:1px solid rgba(245,240,232,0.12);padding:1rem 0}.contact-fact:first-child{padding-top:0}.contact-fact:last-child{border-bottom:none}.contact-fact-label{font-family:'DM Mono', monospace;font-size:0.6rem;letter-spacing:0.15em;text-transform:uppercase;opacity:0.4;margin-bottom:0.3rem}.contact-fact-value{font-size:0.9rem;opacity:0.8}footer{background:#1A1712;color:#F5F0E8;padding:2rem 5rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(245,240,232,0.06)}.footer-copy{font-family:'DM Mono', monospace;font-size:0.65rem;letter-spacing:0.1em;opacity:0.35}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-family:'DM Mono', monospace;font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:#F5F0E8;text-decoration:none;opacity:0.35;transition:opacity 0.2s}.footer-links a:hover{opacity:0.8}.project-card-link{text-decoration:none;color:inherit;display:block}.project-detail-header{padding:8rem 5rem 3rem;background:#F5F0E8;border-bottom:1px solid #D9C9A8}.project-detail-back{display:inline-block;font-family:'DM Mono', monospace;font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;text-decoration:none;color:#3D5A3E;opacity:0.7;margin-bottom:2rem;transition:opacity 0.2s}.project-detail-back:hover{opacity:1}.project-detail-title{font-family:'DM Serif Display', serif;font-size:2.8rem;line-height:1.15;margin-bottom:0.75rem;max-width:820px}.project-detail-org{font-family:'DM Mono', monospace;font-size:0.7rem;letter-spacing:0.12em;color:#3D5A3E;margin-bottom:1.5rem}.project-detail-tags{display:flex;flex-wrap:wrap;gap:0.4rem}.project-detail-body{max-width:760px;margin:0 auto;padding:4rem 2rem 6rem}.project-detail-body h2{font-family:'DM Serif Display', serif;font-size:1.5rem;margin:2.5rem 0 0.75rem;color:#1A1712}.project-detail-body h3{font-family:'DM Serif Display', serif;font-size:1.15rem;margin:1.75rem 0 0.5rem;color:#1A1712}.project-detail-body p{font-size:0.95rem;line-height:1.85;opacity:0.8;margin-bottom:1rem}.project-detail-body ul,.project-detail-body ol{padding-left:1.5rem;margin-bottom:1rem}.project-detail-body ul li,.project-detail-body ol li{font-size:0.93rem;line-height:1.75;opacity:0.78;margin-bottom:0.35rem}.project-detail-body strong{font-weight:500;opacity:1}.project-detail-body em{font-style:italic}.project-detail-body code{font-family:'DM Mono', monospace;font-size:0.82rem;background:#E8E0D0;padding:0.15rem 0.4rem;border-radius:2px}.project-detail-body pre{background:#1A1712;color:#F5F0E8;padding:1.5rem;overflow-x:auto;margin-bottom:1.5rem}.project-detail-body pre code{background:none;padding:0;color:#F5F0E8}.project-detail-body hr{border:none;border-top:1px solid #D9C9A8;margin:2.5rem 0}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{opacity:0;animation:fadeUp 0.7s ease forwards}.fade-up-1{animation-delay:0.1s}.fade-up-2{animation-delay:0.25s}.fade-up-3{animation-delay:0.4s}.fade-up-4{animation-delay:0.55s}@media (max-width: 900px){nav{padding:1rem 1.5rem}.nav-links{gap:1.25rem}#hero{grid-template-columns:1fr}.hero-left{padding:5rem 2rem 2rem}.hero-right{padding:2rem;min-height:360px;align-items:center}.hero-photo-wrap{width:min(140px, 40vw)}section{padding:4rem 2rem}.about-grid{grid-template-columns:1fr;gap:2rem}.skills-grid{grid-template-columns:1fr 1fr}.projects-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:2rem}footer{flex-direction:column;gap:1rem;text-align:center;padding:1.5rem}}@media (max-width: 600px){.skills-grid{grid-template-columns:1fr}.hero-stats{grid-template-columns:1fr 1fr}.exp-tabs{flex-wrap:wrap}}