.header-nav{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;z-index:100;pointer-events:none;transition:var(--transition-smooth)}.nav-logo{pointer-events:auto;font-size:2rem;font-weight:800;letter-spacing:-.04em;text-transform:lowercase;transition:var(--transition-smooth);background:linear-gradient(135deg,#ecebeb,#a8c0e8,#ecebeb,#7eb3ff,#ecebeb,#a8c0e8);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:logoGradientShift 8s ease-in-out infinite}@keyframes logoGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.nav-pill{pointer-events:auto;position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:9999px;padding:.35rem;box-shadow:0 4px 30px #0000000d;transition:var(--transition-smooth)}.nav-link{position:relative;padding:.5rem 1.25rem;font-size:.85rem;font-weight:500;color:#fff9;border-radius:9999px;transition:var(--transition-fast);cursor:pointer;z-index:1}.nav-link:hover,.nav-link.active{color:var(--color-text-light)}.nav-indicator{position:absolute;height:calc(100% - .7rem);background:#ffffff1a;border-radius:9999px;transition:all .4s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:0}.header-action{pointer-events:auto;display:flex;align-items:center}.btn-contact-pill{padding:.5rem 1.2rem;border-radius:9999px;background:var(--color-text-light);color:var(--color-bg-dark);font-size:.85rem;font-weight:600;transition:var(--transition-smooth)}.btn-contact-pill:hover{transform:scale(1.05);background:var(--color-bg-light);box-shadow:0 10px 20px #ffffff1a}.header-nav.light-mode .nav-logo{background:linear-gradient(135deg,#121212,#2a4a7f,#121212,#3b6fc2,#121212,#2a4a7f);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:logoGradientShift 8s ease-in-out infinite}.header-nav.light-mode .nav-pill{background:#00000008;border-color:#0000000f;box-shadow:0 4px 30px #00000005}.header-nav.light-mode .nav-link{color:#00000080}.header-nav.light-mode .nav-link:hover,.header-nav.light-mode .nav-link.active{color:var(--color-text-dark)}.header-nav.light-mode .nav-indicator{background:#0000000f}.header-nav.light-mode .btn-contact-pill{background:var(--color-text-dark);color:var(--color-bg-light)}.header-nav.light-mode .btn-contact-pill:hover{background:#000;box-shadow:0 10px 20px #0000001a}@media (max-width: 768px){.header-nav{padding:1rem 1.5rem}.nav-logo,.header-action{display:none}.nav-pill{position:relative;left:50%;transform:translate(-50%)}}.hero-section{position:relative;width:100%;height:100vh;padding:0;overflow:hidden;background-color:var(--color-bg-dark)}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:auto}.hero-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 2rem;z-index:2;pointer-events:none;text-align:center}.hero-title{font-family:var(--font-primary);font-weight:500;font-size:clamp(2rem,5vw,4.5rem);line-height:1.15;letter-spacing:-.04em;max-width:900px;color:var(--color-text-light);opacity:0;transform:translateY(30px);transition:opacity 1.6s cubic-bezier(.16,1,.3,1),transform 1.6s cubic-bezier(.16,1,.3,1)}.hero-title.visible{opacity:1;transform:translateY(0)}.hero-scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1) 1s}.hero-scroll-indicator.visible{opacity:.5}.scroll-mouse{width:20px;height:32px;border:1.5px solid var(--color-text-light);border-radius:20px;position:relative}.scroll-wheel{width:3px;height:6px;background-color:var(--color-text-light);border-radius:50%;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scrollWheelAnim 1.6s ease-in-out infinite}@keyframes scrollWheelAnim{0%{top:6px;opacity:1}to{top:18px;opacity:0}}.projects-section{background-color:var(--color-bg-light);color:var(--color-text-dark);padding-top:8rem;padding-bottom:8rem}.projects-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:5rem;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:1.5rem}.projects-subtitle{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted-dark)}.projects-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:500;letter-spacing:-.03em}.projects-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4rem 2.5rem}.project-card.large{grid-column:span 12}.project-card.medium{grid-column:span 6}@media (max-width: 900px){.project-card.medium{grid-column:span 12}.projects-grid{gap:3rem 0}}.project-card{display:flex;flex-direction:column;gap:1.25rem;cursor:pointer}.project-media-wrapper{position:relative;width:100%;border-radius:16px;overflow:hidden;background-color:#e2e2e2;transition:box-shadow .6s cubic-bezier(.16,1,.3,1)}.project-card.large .project-media-wrapper{aspect-ratio:16/9}.project-card.large .project-image{height:100%;object-fit:cover}.project-image{width:100%;height:auto;display:block;scale:1.01;transition:scale 1.2s cubic-bezier(.16,1,.3,1)}.project-hover-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:#121212d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-text-light);border:1px solid rgba(255,255,255,.1);padding:.8rem 1.6rem;border-radius:9999px;font-size:.85rem;font-weight:500;pointer-events:none;opacity:0;z-index:10;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.project-media-wrapper:hover .project-hover-badge{opacity:1;transform:translate(-50%,-50%) scale(1)}.project-media-wrapper:hover .project-image{scale:1.05}.project-meta{display:flex;justify-content:space-between;align-items:flex-start;padding:0 .5rem}.project-info{display:flex;flex-direction:column;gap:.3rem}.project-name{font-size:1.5rem;font-weight:500;letter-spacing:-.02em;color:var(--color-text-dark)}.project-category{font-size:.9rem;color:var(--color-text-muted-dark)}.project-year{font-size:.95rem;font-weight:500;color:var(--color-text-muted-dark);font-feature-settings:"tnum"}