@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:wght@700&display=swap";:root{--bg-white: #ffffff;--bg-soft: #fbfbfb;--text-main: #1a1a1a;--text-muted: #666666;--accent: #2d3436;--border: #eeeeee;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Playfair Display", serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-white);color:var(--text-main);font-family:var(--font-sans);line-height:1.7;-webkit-font-smoothing:antialiased}nav{position:fixed;top:0;width:100%;padding:2rem;display:flex;justify-content:space-between;align-items:center;background:#ffffffe6;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);z-index:1000;border-bottom:1px solid var(--border)}.logo{font-weight:600;font-size:1.1rem;letter-spacing:-.02em}.nav-links{display:flex;gap:3rem}.nav-links a{text-decoration:none;color:var(--text-muted);font-size:.9rem;font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--text-main)}section{padding:10rem 2rem;max-width:1000px;margin:0 auto}.hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center}.hero h1{font-family:var(--font-serif);font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:2rem;letter-spacing:-.03em}.hero p{font-size:1.25rem;color:var(--text-muted);max-width:550px;margin-bottom:3rem}h2{font-family:var(--font-serif);font-size:2.5rem;margin-bottom:3rem;letter-spacing:-.02em}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.project-card{text-decoration:none;color:inherit;display:block}.project-image-container{aspect-ratio:16/10;background:var(--bg-soft);border:1px solid var(--border);margin-bottom:1.5rem;overflow:hidden;position:relative}.project-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-soft);z-index:1}.project-image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:0;transition:opacity .5s ease,transform .4s cubic-bezier(.16,1,.3,1)}.project-image-container img.loaded{opacity:1}.project-card:hover .project-image-container img,.project-card:hover .project-image-placeholder{transform:scale(.98)}.project-card h3{font-size:1.25rem;margin-bottom:.5rem;font-weight:600}.project-card p{color:var(--text-muted);font-size:.95rem}.skills-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2rem}.skill-item h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem}.skill-list{list-style:none}.skill-list li{margin-bottom:.5rem;font-weight:500}.contact-link{font-family:var(--font-serif);font-size:clamp(2rem,5vw,3.5rem);color:var(--text-main);text-decoration:none;border-bottom:2px solid var(--text-main);padding-bottom:.5rem;transition:opacity .2s}.contact-link:hover{opacity:.6}.fade-in{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.nav-links{display:none}section{padding:6rem 2rem}}footer{padding:4rem 2rem;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:.85rem}