@import"https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap";.site-header{background:#000;box-shadow:none}.nav-bar{display:flex;justify-content:center;gap:24px;font-size:14px;background:#000;box-shadow:none}.nav-bar a{color:var(--text-hero);text-decoration:none}.nav-bar a:hover{text-decoration:underline}:root{--bg-main: #fff;--text-main: #111;--bg-hero: #f5f5f5;--text-hero: #222;--bg-work: #fff;--text-work: #222}.dark-theme{--bg-main: #111;--text-main: #fff;--bg-hero: #000;--text-hero: #fff;--bg-work: #000;--text-work: #fff}body{background:#000;color:var(--text-main);font-family:Roboto,Arial,Helvetica,sans-serif}.hero{height:100vh;background-color:var(--bg-hero);color:var(--text-hero);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero h1{font-size:6rem}.hero p{max-width:600px;font-size:14px;margin-top:20px}.work-section{padding:60px;background-color:var(--bg-work);color:var(--text-work)}.work-section h2{font-size:2rem;margin-bottom:40px}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}.work-card{width:320px;height:380px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#ffffff1a;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:24px 16px 16px;box-sizing:border-box;transition:box-shadow .2s}.work-card img{width:100%;height:180px;object-fit:cover;border-radius:10px}.work-card h3,.work-card h3 a,.work-card h3 a:visited{color:#fff!important}.work-card h3{font-size:18px;margin-top:18px;margin-bottom:8px;text-align:center}.work-card p{font-size:13px;color:#aaa;text-align:center}.work-card:hover{box-shadow:0 6px 24px #0000001f}.work-card a{color:#fff;text-decoration:underline;transition:color .2s}.work-card a:visited{color:#fff}.work-card a:hover{color:#ccc}@keyframes fadePopIn{0%{opacity:0;transform:scale(.8);color:var(--bg-hero)}60%{opacity:1;transform:scale(1.08);color:var(--bg-hero)}80%{transform:scale(.96);color:var(--text-hero)}to{opacity:1;transform:scale(1);color:var(--text-hero)}}.hero-title-animate{animation:fadePopIn 1.2s cubic-bezier(.23,1.02,.67,1.01) .1s both;will-change:opacity,transform,color}.image-trail-container{pointer-events:none;position:absolute;left:0;top:0;width:100vw;height:100vh;z-index:10}.image-trail-img{position:absolute;width:280px;height:280px;object-fit:cover;border-radius:12px;opacity:1;transition:opacity .5s;box-shadow:0 4px 24px #0000002e;pointer-events:none;will-change:transform,opacity}.image-trail-img.fade{opacity:0;transition:opacity .3s}