*{margin:0;padding:0;box-sizing:border-box}:root,html[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-header: rgba(10, 10, 10, .95);--text-primary: #fafafa;--text-secondary: #a0a0a0;--text-tertiary: #666;--border-color: #2a2a2a;--project-bg: #1a1a1a}html[data-theme=light]{--bg-primary: #fafafa;--bg-secondary: #f5f5f5;--bg-header: rgba(250, 250, 250, .95);--text-primary: #1a1a1a;--text-secondary: #666;--text-tertiary: #999;--border-color: #e0e0e0;--project-bg: #e0e0e0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}header{position:fixed;top:0;width:100%;padding:2rem 4rem;display:flex;justify-content:center;align-items:center;background:var(--bg-header);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}header>*{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1600px}.logo{font-size:1.25rem;font-weight:600;letter-spacing:-.5px;text-decoration:none;color:var(--text-primary);transition:color .3s}.logo:hover{color:var(--text-secondary)}nav{display:flex;align-items:center;justify-content:flex-end;gap:2rem}nav a{text-decoration:none;color:var(--text-secondary);font-size:.95rem;transition:color .3s}nav a:hover{color:var(--text-primary)}nav .nav-link{text-decoration:none;color:var(--text-secondary);font-size:.95rem;position:relative;display:inline-flex;align-items:center;gap:.5rem;transition:none;padding:.5rem .75rem;white-space:nowrap}.nav-link-text{display:inline-block;position:relative;overflow:hidden;height:1.2em;line-height:1.2;flex-shrink:0}.nav-link-label{display:block;transition:transform .3s cubic-bezier(.76,0,.24,1)}.nav-link-label:first-child{color:var(--text-secondary)}.nav-link-label:last-child{position:absolute;top:100%;left:0;color:var(--text-primary)}.nav-link:hover .nav-link-label:first-child{transform:translateY(-100%)}.nav-link:hover .nav-link-label:last-child{transform:translateY(-100%)}.nav-arrow{width:10px;height:10px;opacity:0;transform:translate(-8px) scaleX(0);transition:opacity .3s cubic-bezier(.76,0,.24,1),transform .3s cubic-bezier(.76,0,.24,1);flex-shrink:0;display:block;margin-left:0;transform-origin:left center}.nav-link:hover .nav-arrow{opacity:1;transform:translate(0) scaleX(1)}.nav-link-simple{display:block;color:var(--text-secondary);transition:color .3s cubic-bezier(.76,0,.24,1)}.nav-link-mailto:hover .nav-link-simple{color:var(--text-primary)}#theme-toggle{margin-left:2.5rem;background:none;border:none;cursor:pointer;padding:.5rem;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .3s,transform .3s;border-radius:50%}#theme-toggle:hover{color:var(--text-primary);transform:rotate(20deg)}#theme-toggle svg{transition:opacity .3s,transform .3s}html[data-theme=dark] .sun-icon,html[data-theme=light] .moon-icon{display:none}html[data-theme=dark] .moon-icon,html[data-theme=light] .sun-icon{display:block}:root .sun-icon{display:none}:root .moon-icon{display:block}.hero{display:flex;align-items:flex-start;justify-content:flex-start;padding:12rem 4rem 5rem}.hero h1{font-size:7rem;font-weight:200;letter-spacing:-3px;line-height:1.1;max-width:1000px;font-family:Zodiak,Georgia,serif}.work-grid{padding:0 4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;scroll-margin-top:120px}.project{cursor:pointer;text-decoration:none;color:inherit;display:block;position:relative;background:var(--project-bg);border-radius:24px;overflow:hidden;aspect-ratio:4/3;transition:background .4s ease}.project:hover{background:#2a2a2a}html[data-theme=light] .project:hover{background:#3a3a3a}.project-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .4s ease}.project:hover .project-image img{transform:scale(1.05);opacity:.3}.project h3{position:absolute;bottom:2rem;left:2rem;font-size:1.5rem;font-weight:500;color:#fff;margin:0;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;display:flex;align-items:center;gap:.75rem}.project h3:after{content:"→";font-size:1.5rem}.project:hover h3{opacity:1;transform:translateY(0)}.project p{display:none}.about{max-width:800px;margin:8rem auto;padding:0 2rem;text-align:center}.about h2{font-size:2.5rem;font-weight:300;margin-bottom:2rem}.about p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:1.5rem}footer{padding:8rem 4rem 3rem;margin-top:8rem;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh}footer>*{width:100%;max-width:1600px}.footer-content{display:flex;flex-direction:column;gap:2rem}.footer-heading{font-size:4rem;font-weight:300;letter-spacing:-2px;line-height:1.2;margin:0;font-family:Zodiak,Georgia,serif;max-width:600px}.footer-cta{font-size:1rem;color:var(--text-secondary)}.footer-label{color:var(--text-secondary)}.footer-link{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.footer-link:hover{color:var(--text-secondary)}.footer-copyright{font-size:.875rem;color:var(--text-secondary);margin:0}@media (max-width: 768px){header{padding:2rem;flex-direction:column;align-items:flex-start;gap:1rem}.logo{font-size:1.5rem}nav{width:100%;flex-direction:row;gap:2rem;flex-wrap:wrap;align-items:center}nav a{margin-left:0;font-size:.95rem}nav .nav-link{margin-left:0;font-size:.95rem;padding:0;position:relative}nav .nav-link:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1px;background:var(--text-secondary)}nav .nav-link-mailto{margin-left:auto;color:var(--text-primary)}nav .nav-link-mailto:after{display:none}nav .nav-link-mailto .nav-arrow{width:10px;opacity:1;transform:translate(0);margin-left:.25rem}#theme-toggle{margin-left:0;display:none}.hero{padding:2rem 1.5rem 4rem}.hero h1{font-size:3rem;letter-spacing:-2px}.work-grid{padding:0 1.5rem;grid-template-columns:1fr;gap:2rem}.about h2{font-size:2rem}footer{padding:4rem 2rem 2rem;min-height:auto}.footer-heading{font-size:2.5rem;letter-spacing:-1px}.footer-cta{font-size:.95rem}.footer-copyright{margin-top:3rem}}