*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#050505;--bg-secondary:#0d0d0d;--bg-glass:hsla(0,0%,100%,.04);--bg-glass-hover:hsla(0,0%,100%,.08);--text-primary:#fff;--text-secondary:#fff;--text-tertiary:#fff;--accent:#fff;--border:hsla(0,0%,100%,.08);--border-hover:hsla(0,0%,100%,.15);--transition:0.4s cubic-bezier(0.25,0.46,0.45,0.94);--font-cn:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--font-en:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif}html{scroll-behavior:smooth;height:100%}body,html{overflow:hidden}body{font-family:var(--font-cn);font-size:16px;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}img{max-width:100%;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(5,5,5,.7);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--border)}.header-inner{display:flex;justify-content:space-between;align-items:center;height:64px;width:100%;max-width:1400px;margin:0 auto;padding:0 48px}.logo{font-family:var(--font-en);font-size:15px;font-weight:600;letter-spacing:4px;color:var(--text-primary);text-transform:uppercase;transition:opacity var(--transition)}.logo:hover{opacity:.7}nav{gap:32px}.nav-projects-btn,nav{display:flex;align-items:center}.nav-projects-btn{font-family:var(--font-en);font-size:12px;font-weight:400;letter-spacing:1px;color:var(--text-secondary);background:none;border:none;cursor:pointer;gap:6px;padding:6px 0;transition:color var(--transition)}.nav-projects-btn:hover{color:var(--text-primary)}.nav-arrow{display:inline-block;width:12px;height:12px;transition:transform .3s ease}.nav-arrow svg{width:100%;height:100%}.nav-projects-btn:hover .nav-arrow{transform:translateY(1px)}.nav-contact{font-family:var(--font-en);font-size:12px;letter-spacing:.5px;color:var(--text-tertiary);transition:color var(--transition)}.nav-contact:hover{color:var(--text-primary)}.hero{position:fixed;top:64px;bottom:48px;left:0;right:0}@media (max-height:500px),(max-width:600px){.hero{top:0;bottom:0}}.hero-content,.hero-slider,.hero-work,.hero-works{position:relative;width:100%;height:100%}.hero-work{overflow:hidden;touch-action:pan-x pan-y}.hero-work:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(0deg,rgba(5,5,5,.6) 0,rgba(5,5,5,0));pointer-events:none;z-index:5}.hero-slide-wrapper{position:absolute;inset:0;transition:transform .3s ease-out}.hero-work img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-slide.slide-out-left{animation:slideOutLeft .5s ease forwards}.hero-slide.slide-out-right{animation:slideOutRight .5s ease forwards}@keyframes slideOutLeft{0%{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.hero-slide.slide-in-right{transform:translateX(100%);animation:slideInRight .5s ease forwards}.hero-slide.slide-in-left{transform:translateX(-100%);animation:slideInLeft .5s ease forwards}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(5,5,5,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.15);border-radius:50%;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:10;color:hsla(0,0%,100%,0);opacity:0}.hero-slider:hover .slider-arrow{opacity:1;color:hsla(0,0%,100%,.8)}.slider-arrow:hover{background:rgba(5,5,5,.6);border-color:hsla(0,0%,100%,.4);color:#fff;transform:translateY(-50%) scale(1.12);box-shadow:0 4px 20px rgba(0,0,0,.4)}.slider-arrow.left:hover{transform:translateY(-50%) translateX(-2px) scale(1.12)}.slider-arrow.right:hover{transform:translateY(-50%) translateX(2px) scale(1.12)}.slider-arrow.left{left:24px}.slider-arrow.right{right:24px}.scale-reset-btn{position:absolute;top:24px;right:24px;background:rgba(5,5,5,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.15);border-radius:50%;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:10;color:hsla(0,0%,100%,.7);opacity:0}.hero-slider:hover .scale-reset-btn{opacity:1}.scale-reset-btn:hover{background:rgba(5,5,5,.6);border-color:hsla(0,0%,100%,.4);color:#fff;transform:scale(1.1)}.scale-reset-btn:active{transform:scale(.95)}.scale-reset-btn i{font-size:16px}.slider-arrow i{font-size:14px}.slider-dots{position:absolute;bottom:32px;right:40px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10}.slider-dots .dot{width:3px;height:3px;border-radius:50%;background:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 0 4px hsla(0,0%,100%,.5)}.slider-dots .dot.active{width:3px;height:28px;border-radius:2px;background:#fff;box-shadow:0 0 8px hsla(0,0%,100%,.8)}.hero-info{position:absolute;bottom:0;left:40px;right:40px;z-index:10;pointer-events:none;display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:32px;animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero-info-line{display:flex;flex-direction:column;gap:6px}.hero-info-line:before{content:"";display:block;width:60px;height:1px;background:hsla(0,0%,100%,.5);margin-bottom:10px}.hero-info-name{font-family:var(--font-cn);font-size:16px;font-weight:400;color:hsla(0,0%,100%,.9);letter-spacing:1px}.hero-info-name-en{font-family:var(--font-en);font-size:13px;font-weight:400;color:hsla(0,0%,100%,.7);letter-spacing:1px}.hero-info-category{font-size:10px;text-transform:uppercase;color:hsla(0,0%,100%,.8);margin-top:8px;padding-top:8px;border-top:1px solid hsla(0,0%,100%,.15)}.hero-empty,.hero-info-category{font-family:var(--font-en);letter-spacing:2px}.hero-empty{width:100%;height:100%;color:hsla(0,0%,100%,.2);font-size:14px}.hero-empty,.projects-overlay{display:flex;align-items:center;justify-content:center}.projects-overlay{position:fixed;inset:0;background:rgba(5,5,5,.7);backdrop-filter:blur(8px) saturate(.8);-webkit-backdrop-filter:blur(8px) saturate(.8);z-index:200;opacity:0;pointer-events:none;transition:opacity .35s ease}.projects-overlay.active{opacity:1;pointer-events:auto}.projects-modal{background:hsla(0,0%,5%,.85);backdrop-filter:blur(40px) saturate(1.6);-webkit-backdrop-filter:blur(40px) saturate(1.6);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;width:90%;max-width:900px;max-height:80vh;overflow:hidden;transform:scale(.96) translateY(16px);transition:transform .35s cubic-bezier(.25,.46,.45,.94);box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.05)}.projects-overlay.active .projects-modal{transform:scale(1) translateY(0)}.projects-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid hsla(0,0%,100%,.06)}.projects-modal-title{font-family:var(--font-en);font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:hsla(0,0%,100%,.4)}.projects-modal-close{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.5);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;font-size:14px}.projects-modal-close:hover{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9)}.projects-modal-footer{padding:16px 32px;border-top:1px solid hsla(0,0%,100%,.06);text-align:center}.modal-email{font-family:var(--font-en);font-size:12px;color:hsla(0,0%,100%,.4);transition:color .3s ease}.modal-email:hover{color:hsla(0,0%,100%,.7)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;padding:28px 32px;overflow-y:auto;max-height:calc(80vh - 80px)}.projects-grid::-webkit-scrollbar{width:4px}.projects-grid::-webkit-scrollbar-track{background:transparent}.projects-grid::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:2px}.project-card{cursor:pointer;border-radius:12px;overflow:hidden;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);transition:all .3s ease}.project-card:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12);transform:translateY(-3px)}.project-card-thumb{aspect-ratio:4/3;overflow:hidden;background:hsla(0,0%,100%,.04)}.project-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-card-thumb img{transform:scale(1.04)}.project-card-info{padding:12px 14px}.project-card-name{font-family:var(--font-cn);font-size:13px;font-weight:500;color:hsla(0,0%,100%,.85)}.project-card-name,.project-card-name-en{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-name-en{font-family:var(--font-en);font-size:11px;color:hsla(0,0%,100%,.35);margin-top:3px;letter-spacing:.3px}.project-card-count{font-family:var(--font-en);font-size:10px;color:hsla(0,0%,100%,.2);margin-top:4px}footer{position:fixed;bottom:0;left:0;right:0;padding:14px 0;text-align:center;border-top:1px solid var(--border);background:rgba(5,5,5,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100}footer p{font-family:var(--font-en);font-size:11px;letter-spacing:1px;color:var(--text-tertiary)}@media (max-width:900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.mobile-logo{display:none}@media (max-height:500px),(max-width:600px){footer,header{display:none}.mobile-logo{display:block;position:fixed;top:16px;left:16px;z-index:100;font-family:var(--font-en);font-size:16px;font-weight:600;letter-spacing:4px;color:var(--text-primary);text-transform:uppercase;opacity:.9}.slider-arrow{display:none!important}.scale-reset-btn{opacity:1;top:16px;right:16px;width:40px;height:40px}.slider-dots{bottom:20px;right:20px;opacity:1!important}.hero-info{bottom:50px;left:20px;right:80px;opacity:1!important;transform:translateY(0)!important;padding:0;background:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.hero-info-name{font-size:18px;color:var(--text-primary)}.hero-info-name-en{font-size:13px;color:hsla(0,0%,100%,.7)}.hero-info-category{font-size:10px;color:hsla(0,0%,100%,.8);margin-top:10px;padding-top:10px;border-top:1px solid hsla(0,0%,100%,.15)}.hero-info-line:before{display:none}.projects-modal{width:95%;border-radius:16px}.projects-modal-header{padding:18px 20px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:16px}.project-card-info{padding:8px 10px}.project-card-name{font-size:12px}}@media (max-height:500px){.hero-info{bottom:40px;left:16px;right:80px}.hero-info-name{font-size:14px}.hero-info-name-en{font-size:11px}.hero-info-category{font-size:9px;margin-top:6px;padding-top:6px}.hero-info-line:before{display:none}.slider-dots{bottom:16px;right:12px}.slider-arrow{display:none}.mobile-logo{top:12px;left:12px;font-size:14px}.projects-modal{width:100%;height:100%;max-height:100vh;border-radius:0}.projects-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}}