.projects-page{color:#fff;background:#0a0a0a;width:100vw;height:100vh;font-family:Roboto;position:relative;overflow:hidden}.projects-overlay{z-index:10;pointer-events:none;flex-direction:column;display:flex;position:fixed;inset:0}.projects-overlay a,.projects-overlay button{pointer-events:auto}.projects-header{pointer-events:auto;justify-content:space-between;align-items:center;padding:24px 40px;display:flex}.projects-logo{letter-spacing:.05em;text-transform:uppercase;color:#fff;font-size:18px;font-weight:700}.projects-nav{gap:32px;display:flex}.projects-nav a{color:#888;letter-spacing:.02em;font-size:14px;font-weight:400;text-decoration:none;transition:color .25s}.projects-nav a:hover,.projects-nav a.active{color:#fff}.projects-title-section{mix-blend-mode:difference;padding:20px 40px 0;transition:opacity .3s}.projects-title{letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(36px,6vw,72px);font-weight:700;line-height:1.05}.projects-subtitle{color:#999;letter-spacing:.04em;text-transform:uppercase;margin-top:16px;font-size:14px}.projects-filters{-webkit-backdrop-filter:blur(16px);z-index:20;pointer-events:auto;background:#ffffff0f;border:1px solid #ffffff14;border-radius:100px;gap:4px;padding:4px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.filter-btn{color:#888;cursor:pointer;letter-spacing:.01em;background:0 0;border:none;border-radius:100px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:500;transition:all .25s}.filter-btn:hover{color:#fff}.filter-btn.active{color:#fff;background:#ffffff1f}.noise-overlay{z-index:15;pointer-events:none;opacity:.035;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)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}@media (max-width:1023px){.projects-header{padding:20px 24px}.projects-title-section{padding:16px 24px 0}.projects-nav{gap:20px}.projects-filters{bottom:20px}.filter-btn{padding:6px 14px;font-size:12px}}@media (max-width:640px){.projects-header{padding:16px}.projects-title-section{padding:12px 16px 0}.projects-nav{gap:16px}.projects-nav a{font-size:13px}.projects-filters{gap:2px;padding:3px;bottom:16px}.filter-btn{padding:6px 12px;font-size:11px}}