.grainient-container{position:relative;width:100%;height:100%;overflow:hidden;contain:strict}.grainient-container canvas{will-change:transform;transform:translateZ(0)}:root{--bg-primary: #08080a;--bg-secondary: #0e0e12;--bg-card: #121218;--bg-card-hover: #18181f;--text-primary: #f0f0f2;--text-secondary: #9a9aa3;--text-muted: #5c5c66;--accent: #6e8cff;--accent-glow: rgba(110, 140, 255, .15);--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--max-width: 1700px;--section-padding: 140px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background-color:#050508;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.global-bg{position:fixed;inset:0;z-index:0;pointer-events:none;contain:strict;will-change:transform}main{position:relative;z-index:1}main>section:not(.hero):not(.page-hero):not(.contact){padding-top:60px}.page-hero{min-height:50vh;display:flex;align-items:center;padding-top:140px;padding-bottom:80px}.page-hero-header{display:flex;align-items:baseline;gap:12px;margin-bottom:32px}.page-hero-title{font-size:clamp(48px,10vw,120px);font-weight:800;line-height:1;letter-spacing:-2px;margin-bottom:24px}.page-hero-subtitle{font-size:20px;font-weight:600;color:var(--accent);margin-bottom:16px}.page-hero-desc{font-size:16px;line-height:1.8;color:var(--text-secondary);max-width:600px}@media (max-width: 768px){.page-hero{min-height:40vh;padding-top:120px;padding-bottom:40px}.page-hero-title{font-size:42px;letter-spacing:-1px}.page-hero-subtitle{font-size:16px}.page-hero-desc{font-size:14px}}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 60px}.section-label{font-size:13px;letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:20px;font-weight:500}.section-title{font-size:clamp(32px,4vw,56px);font-weight:600;letter-spacing:-1px;line-height:1.1;margin-bottom:60px}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 40px;transition:padding .4s ease}.navbar.scrolled{padding:14px 40px}.nav-inner{display:flex;justify-content:space-between;align-items:center;max-width:var(--max-width);margin:0 auto;padding:14px 32px;background:#1212188c;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.1);border-radius:100px;box-shadow:0 8px 32px #0000004d;transition:all .4s ease}.navbar.scrolled .nav-inner{background:#0c0c12bf;border-color:#ffffff1f;box-shadow:0 12px 40px #0006}.nav-logo{font-size:18px;font-weight:700;letter-spacing:1px;padding:0 8px}.nav-logo span{color:var(--accent)}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a{font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .3s ease;position:relative;padding:4px 0}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent);border-radius:2px;transition:width .3s ease}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{width:100%}.nav-links a.active{color:var(--accent)}.nav-links a.active:after{width:100%}.nav-cta{padding:10px 24px;background:#6e8cff1a;border:1px solid rgba(110,140,255,.3);border-radius:100px;font-size:13px;font-weight:600;color:var(--accent);transition:all .3s ease}.nav-cta:hover{background:var(--accent);border-color:var(--accent);color:#fff}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px;z-index:101}.nav-hamburger span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s cubic-bezier(.23,1,.32,1)}.nav-hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;background:#08080afa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:99;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu-inner{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0 32px}.mobile-menu-item{display:flex;align-items:baseline;gap:16px;padding:16px 0;cursor:pointer;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;border-bottom:1px solid rgba(255,255,255,.06);width:100%;max-width:400px;justify-content:center}.mobile-menu.open .mobile-menu-item{opacity:1;transform:translateY(0)}.mobile-menu-num{font-size:12px;color:var(--accent);font-weight:600;letter-spacing:1px}.mobile-menu-label{font-size:24px;font-weight:600;color:var(--text-primary)}.mobile-menu-cta{margin-top:32px;padding:14px 40px;background:var(--accent);border:none;border-radius:100px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;opacity:0;transform:translateY(20px);transition:opacity .4s ease .5s,transform .4s ease .5s}.mobile-menu.open .mobile-menu-cta{opacity:1;transform:translateY(0)}.hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;overflow:hidden}.hero-mask{position:absolute;inset:0;background:var(--bg-primary);z-index:10;pointer-events:none;transform-origin:top}.hero-grainient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.3;z-index:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#08080a66,#08080ab3,#08080a);z-index:1}.hero-content{position:relative;z-index:2;width:100%}.hero-eyebrow{font-size:14px;letter-spacing:6px;text-transform:uppercase;color:var(--accent);margin-bottom:32px}.hero-title{font-size:clamp(48px,7vw,110px);font-weight:700;line-height:1;letter-spacing:-2px;margin-bottom:32px}.hero-title .line{display:block;overflow:hidden;padding-bottom:.1em}.hero-title .line-inner{display:block;will-change:transform}.hero-title .accent{background:linear-gradient(135deg,var(--accent) 0%,#a8b8ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:18px;color:var(--text-secondary);max-width:600px;line-height:1.7;margin-bottom:48px}.hero-actions{display:flex;gap:20px}.btn-primary{padding:16px 36px;background:var(--accent);color:#fff;border-radius:100px;font-size:14px;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background:#5a7aff;transform:translateY(-2px);box-shadow:0 12px 40px var(--accent-glow)}.btn-ghost{padding:16px 36px;border:1px solid var(--border-hover);border-radius:100px;font-size:14px;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-ghost:hover{border-color:var(--text-primary);background:#ffffff08}.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-muted);font-size:11px;letter-spacing:3px;text-transform:uppercase}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollPulse 2s ease infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.projects{padding:var(--section-padding) 0}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.project-card-glow{cursor:pointer;transition:transform .5s cubic-bezier(.23,1,.32,1)}.project-card-glow.large{grid-column:span 2}.project-card-glow:hover{transform:translateY(-6px)}.project-card-glow .border-glow-inner{overflow:hidden;border-radius:20px}.project-image{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-secondary)}.project-card-glow.large .project-image{aspect-ratio:21 / 9}.project-image img,.project-video-cover{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.23,1,.32,1)}.project-card-glow:hover .project-image img,.project-card-glow:hover .project-video-cover{transform:scale(1.05)}.project-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(8,8,10,.5) 100%);pointer-events:none;transition:opacity .4s ease}.project-card-glow:hover .project-image-overlay{background:linear-gradient(180deg,#08080a33,#08080ab3)}.project-view-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:14px 28px;background:#08080ab3;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:100px;font-size:14px;color:#fff;opacity:0;transition:all .4s cubic-bezier(.23,1,.32,1);pointer-events:none;z-index:2}.project-card-glow:hover .project-view-hint{opacity:1}.project-view-hint .hint-arrow{transition:transform .3s ease}.project-card-glow:hover .project-view-hint .hint-arrow{transform:translate(4px)}.project-info{padding:32px;cursor:pointer}.project-media-count{margin-top:16px;font-size:12px;color:var(--accent);letter-spacing:.5px}.project-info{padding:32px}.project-category{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.project-title{font-size:24px;font-weight:600;margin-bottom:12px;letter-spacing:-.5px}.project-desc{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:20px}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tag{padding:6px 14px;background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:100px;font-size:12px;color:var(--text-secondary)}.advantages{padding:var(--section-padding) 0;background:transparent}.advantages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.advantage-card{padding:48px 40px;background:#12121880;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;transition:all .4s ease;position:relative;overflow:hidden}.advantage-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.advantage-card:hover{border-color:#6e8cff4d;background:#18182099;transform:translateY(-4px)}.advantage-card:hover:before{transform:scaleX(1)}.advantage-number{font-size:14px;color:var(--text-muted);margin-bottom:32px;font-weight:500}.advantage-icon{width:56px;height:56px;border-radius:14px;background:var(--accent-glow);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:28px}.advantage-title{font-size:22px;font-weight:600;margin-bottom:16px;letter-spacing:-.5px}.advantage-desc{font-size:14px;color:var(--text-secondary);line-height:1.8}.experience{padding:var(--section-padding) 0}.experience-inner{display:grid;grid-template-columns:420px 1fr;gap:80px;align-items:start}.exp-portrait{position:sticky;top:120px}.portrait-frame{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:3 / 4;background:var(--bg-card);border:1px solid var(--border)}.portrait-frame img{width:100%;height:100%;object-fit:cover}.portrait-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(8,8,10,.6) 100%);pointer-events:none}.portrait-info{position:absolute;bottom:28px;left:28px;right:28px;z-index:2}.portrait-name{font-size:28px;font-weight:600;margin-bottom:6px}.portrait-role{font-size:14px;color:var(--text-secondary)}.exp-content h3{font-size:28px;font-weight:600;margin-bottom:24px;letter-spacing:-.5px}.exp-text{font-size:15px;color:var(--text-secondary);line-height:1.9;margin-bottom:40px}.exp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;padding:36px;background:#12121880;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px}.stat-item{text-align:center}.stat-number{font-size:42px;font-weight:700;color:var(--accent);line-height:1;margin-bottom:8px;letter-spacing:-1px}.stat-label{font-size:13px;color:var(--text-muted)}.exp-timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:grid;grid-template-columns:120px 1fr;gap:32px;padding:28px 0;border-bottom:1px solid var(--border);transition:background .3s ease}.timeline-item:last-child{border-bottom:none}.timeline-year{font-size:14px;color:var(--accent);font-weight:500;padding-top:2px}.timeline-body h4{font-size:18px;font-weight:600;margin-bottom:6px}.timeline-company{font-size:14px;color:var(--text-secondary);margin-bottom:10px}.timeline-desc{font-size:13px;color:var(--text-muted);line-height:1.7}.exp-contact{margin-top:40px;padding:28px 32px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px}.exp-contact-title{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}.exp-contact-list{display:flex;flex-direction:column;gap:12px}.exp-contact-item{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary)}.exp-contact-item i{color:var(--accent);width:20px}.contact{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:transparent;padding-top:100px;padding-bottom:60px}.contact-bg{position:absolute;inset:0;background:radial-gradient(ellipse at center,var(--accent-glow) 0%,transparent 60%);opacity:.5}.contact-content{position:relative;z-index:2;text-align:center;max-width:900px;padding:0 40px}.contact-label{font-size:13px;letter-spacing:6px;text-transform:uppercase;color:var(--accent);margin-bottom:32px}.contact-title{font-size:clamp(40px,6vw,80px);font-weight:700;line-height:1.1;letter-spacing:-2px;margin-bottom:32px}.contact-title .accent{background:linear-gradient(135deg,var(--accent) 0%,#a8b8ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-desc{font-size:18px;color:var(--text-secondary);line-height:1.7;margin-bottom:56px}.contact-actions{display:flex;gap:20px;justify-content:center;margin-bottom:64px}.contact-info{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.contact-info-item{display:flex;flex-direction:column;align-items:center;gap:8px}.contact-info-item .label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.contact-info-item .value{font-size:15px;color:var(--text-primary)}.footer{position:absolute;bottom:32px;left:0;right:0;text-align:center;font-size:12px;color:var(--text-muted);z-index:2}.gallery{padding:var(--section-padding) 0;background:transparent}.accordion{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border)}.accordion-item{border-bottom:1px solid var(--border);transition:background .3s ease}.accordion-item.open{background:#12121866;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:28px 24px;background:none;border:none;cursor:pointer;transition:all .3s ease;text-align:left}.accordion-header:hover{background:#ffffff05}.accordion-item.open .accordion-header{padding-bottom:20px}.accordion-header-left{display:flex;align-items:center;gap:20px}.accordion-index{font-size:13px;color:var(--text-muted);font-weight:500;min-width:28px}.accordion-name{font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:-.3px;transition:color .3s ease}.accordion-item.open .accordion-name{color:var(--accent)}.accordion-badge{padding:4px 12px;background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:100px;font-size:11px;color:var(--text-secondary);letter-spacing:.5px}.accordion-badge.video{background:#6e8cff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:#6e8cff4d;color:var(--accent)}.accordion-arrow{font-size:10px;color:var(--text-muted);transition:transform .3s ease}.accordion-arrow.up{transform:rotate(180deg)}.accordion-content{overflow:hidden;animation:slideDown .4s cubic-bezier(.23,1,.32,1)}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.accordion-content-inner{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:0 24px 32px}.accordion-cover{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4 / 3;background:var(--bg-secondary);border:1px solid var(--border)}.accordion-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.accordion-cover:hover img{transform:scale(1.03)}.accordion-cover-overlay{position:absolute;inset:0;background:#08080a99;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.accordion-cover:hover .accordion-cover-overlay{opacity:1}.cover-zoom{padding:12px 24px;background:#ffffff1a;backdrop-filter:blur(10px);border-radius:100px;font-size:13px;color:#fff}.accordion-cover-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#1a1a2480;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.placeholder-icon{font-size:36px;color:var(--accent);width:64px;height:64px;border-radius:50%;background:var(--accent-glow);display:flex;align-items:center;justify-content:center}.placeholder-text{font-size:14px;color:var(--text-muted)}.accordion-desc{display:flex;flex-direction:column;gap:20px}.accordion-desc p{font-size:14px;color:var(--text-secondary);line-height:1.8}.accordion-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.thumb{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:1px solid var(--border);transition:all .3s ease}.thumb:hover{border-color:var(--accent);transform:translateY(-2px)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-more{background:#0e0e1299;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--text-secondary);border:1px solid rgba(255,255,255,.06)}.thumb-more:hover{color:var(--accent)}.accordion-videos{display:flex;flex-direction:column;gap:20px;margin-top:8px}.accordion-video-item{display:flex;flex-direction:column;gap:8px}.accordion-video-name{font-size:13px;color:var(--accent);font-weight:500;letter-spacing:.5px}.accordion-video{width:100%;border-radius:12px;background:#000;aspect-ratio:16 / 9;object-fit:contain}.lightbox{position:fixed;inset:0;background:#000000eb;backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:40px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{position:absolute;top:24px;right:32px;width:48px;height:48px;background:#ffffff1a;border-radius:50%;font-size:20px;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .3s ease;z-index:1001}.lightbox-close:hover{background:#fff3}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;background:#ffffff14;border-radius:50%;font-size:28px;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .3s ease;z-index:1001}.lightbox-nav:hover{background:#ffffff2e}.lightbox-nav.prev{left:32px}.lightbox-nav.next{right:32px}.lightbox-content{max-width:85vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;gap:16px}.lightbox-content img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:8px}.lightbox-title{font-size:14px;color:#ffffffb3;font-weight:500}.project-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:40px;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-backdrop{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(8px)}.modal-container{position:relative;width:100%;max-width:1200px;max-height:90vh;background:#121218d9;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow-y:auto;overflow-x:hidden;animation:modalSlideUp .4s cubic-bezier(.23,1,.32,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:20px;right:20px;width:44px;height:44px;background:#ffffff14;border:none;border-radius:50%;font-size:18px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.modal-close:hover{background:#ffffff2e;transform:rotate(90deg)}.modal-header{padding:40px 48px 24px}.modal-category{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.modal-title{font-size:32px;font-weight:700;margin-bottom:12px;letter-spacing:-.5px}.modal-desc{font-size:15px;color:var(--text-secondary);line-height:1.8;margin-bottom:20px}.modal-tags{display:flex;flex-wrap:wrap;gap:8px}.modal-tag{padding:6px 14px;background:#6e8cff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(110,140,255,.25);border-radius:100px;font-size:12px;color:var(--accent)}.modal-media{padding:0 48px 40px}.modal-media-main{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:16px;overflow:hidden;margin-bottom:20px}.modal-media-main img,.modal-video{width:100%;height:100%;object-fit:contain;display:block}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#00000080;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50%;font-size:24px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:5}.modal-nav:hover{background:#6e8cff99;border-color:var(--accent)}.modal-nav.prev{left:16px}.modal-nav.next{right:16px}.modal-counter{position:absolute;bottom:16px;right:16px;padding:6px 14px;background:#0009;backdrop-filter:blur(10px);border-radius:100px;font-size:12px;color:#fffc;z-index:5}.modal-thumbs{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.modal-thumbs::-webkit-scrollbar{height:4px}.modal-thumbs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.modal-thumb{flex-shrink:0;width:90px;height:60px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s ease;background:#0e0e1299;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-thumb:hover{border-color:#ffffff26}.module-header{display:flex;align-items:baseline;gap:12px;margin-bottom:60px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:24px}.module-num{font-size:14px;font-weight:700;color:var(--accent);letter-spacing:1px;font-family:SF Mono,Monaco,monospace}.module-label{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:3px;text-transform:uppercase}.module-title{margin-left:auto;font-size:24px;font-weight:500;color:var(--text-secondary);letter-spacing:2px}.hero-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-top:80px}.hero-portfolio-tag{font-size:11px;font-weight:700;letter-spacing:4px;color:var(--accent);text-transform:uppercase}.hero-year{font-size:11px;font-weight:500;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase}.hero-title{font-size:clamp(48px,10vw,140px);font-weight:800;line-height:.95;letter-spacing:-2px;margin-bottom:32px;text-transform:uppercase}.hero-title .line{display:block;overflow:hidden}.hero-title .line-inner{display:block;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.hero-subtitle-mag{font-size:18px;font-weight:400;color:var(--text-secondary);max-width:500px;margin-bottom:60px;line-height:1.6}.hero-bottom-row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.hero-role{display:flex;flex-direction:column;gap:6px}.role-label{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase}.role-cn{font-size:13px;color:var(--text-secondary)}.hero-cta-mag{display:flex;align-items:center;gap:12px;padding:16px 32px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:100px;color:var(--text-primary);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .4s ease}.hero-cta-mag:hover{background:var(--accent);border-color:var(--accent);color:#fff}.hero-cta-mag .arrow{font-size:16px;transition:transform .3s ease}.hero-cta-mag:hover .arrow{transform:translate(3px,-3px)}.profile{padding:var(--section-padding) 0}.profile-inner{display:grid;grid-template-columns:1fr;gap:0}.profile-identity{display:flex;align-items:baseline;gap:20px;margin-bottom:16px;flex-wrap:wrap}.profile-name{font-size:36px;font-weight:800;margin:0}.profile-role-tag{font-size:15px;color:var(--accent);font-weight:500;letter-spacing:1px}.profile-title{font-size:42px;font-weight:700;line-height:1.3;margin-bottom:24px}.profile-text{font-size:17px;line-height:1.9;color:var(--text-secondary);margin-bottom:32px}.profile-skills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:48px}.skill-tag{padding:6px 14px;background:#6e8cff14;border:1px solid rgba(110,140,255,.15);border-radius:100px;font-size:12px;color:var(--accent);font-weight:500}.profile-numbers{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.08)}.number-item{display:flex;flex-direction:column;gap:4px}.number-value{font-size:52px;font-weight:800;color:var(--accent);line-height:1}.number-label{font-size:15px;color:var(--text-primary);font-weight:500;margin-top:8px}.number-sub{font-size:12px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.exp-cards{display:flex;flex-direction:column;gap:32px}.exp-card{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:340px;background:#12121899;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;transition:all .4s ease}.exp-card:hover{border-color:#6e8cff40;transform:translateY(-4px);box-shadow:0 20px 60px #0006}.exp-card-image{position:absolute;top:0;right:0;width:50%;height:100%;overflow:hidden}.exp-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.exp-card:hover .exp-card-image img{transform:scale(1.05)}.exp-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6e8cff26,#8b5cf61a);font-size:72px;font-weight:800;color:#6e8cff4d}.exp-card-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(18,18,24,.95) 0%,rgba(18,18,24,.6) 40%,transparent 70%)}.exp-card-content{position:relative;z-index:1;padding:40px 48px;display:flex;flex-direction:column;gap:16px}.exp-card-top{display:flex;align-items:center;gap:16px}.exp-card-num{font-size:13px;font-weight:700;color:var(--accent);font-family:SF Mono,Monaco,monospace}.exp-card-company{font-size:13px;color:var(--text-muted);letter-spacing:.5px}.exp-card-brand{font-size:48px;font-weight:800;line-height:1.1;margin:0;letter-spacing:-1px}.exp-card-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.exp-card-title{font-size:16px;font-weight:600;color:var(--text-primary)}.exp-card-period{font-size:14px;color:var(--text-muted)}.exp-card-desc{font-size:15px;line-height:1.8;color:var(--text-secondary);margin:0;max-width:500px}.exp-card-result{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#6e8cff0f;border-left:2px solid var(--accent);border-radius:0 6px 6px 0;max-width:500px}.exp-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.exp-card-tag{padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:12px;color:var(--text-secondary)}.exp-card-more{position:absolute;bottom:24px;right:32px;z-index:2;font-size:13px;font-weight:600;color:var(--accent);letter-spacing:.5px;opacity:0;transform:translate(-10px);transition:all .3s ease}.exp-card:hover .exp-card-more{opacity:1;transform:translate(0)}@media (max-width: 992px){.exp-card{grid-template-columns:1fr;min-height:auto}.exp-card-image{position:relative;width:100%;height:200px;order:-1}.exp-card-overlay{background:linear-gradient(to bottom,#1212184d,#121218e6)}.exp-card-content{padding:28px 24px}.exp-card-brand{font-size:32px}.exp-card-more{display:none}}@media (max-width: 768px){.exp-cards{gap:20px}.exp-card-content{padding:24px 20px;gap:12px}.exp-card-brand{font-size:26px}.exp-card-desc{font-size:14px}.exp-card-result{flex-direction:column;align-items:flex-start;gap:4px}.exp-card-tags{display:none}}.timeline-mag{display:flex;flex-direction:column;gap:0}.timeline-mag-item{display:grid;grid-template-columns:120px 1fr;gap:48px;padding:48px 0;border-bottom:1px solid rgba(255,255,255,.06)}.timeline-mag-item:first-child{padding-top:0}.timeline-mag-left{display:flex;flex-direction:column;gap:8px}.timeline-num{font-size:14px;font-weight:700;color:var(--accent);font-family:SF Mono,Monaco,monospace}.timeline-period{font-size:12px;color:var(--text-muted);letter-spacing:.5px}.timeline-company-row{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.timeline-company{font-size:22px;font-weight:700}.timeline-brand{font-size:15px;color:var(--accent);font-weight:500}.timeline-title{font-size:18px;font-weight:500;color:var(--text-secondary);margin-bottom:12px}.timeline-desc{font-size:15px;line-height:1.8;color:var(--text-secondary);margin-bottom:16px}.timeline-result{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:10px 16px;background:#6e8cff0f;border-left:2px solid var(--accent);border-radius:0 4px 4px 0}.result-label{font-size:10px;font-weight:700;color:var(--accent);letter-spacing:1px;text-transform:uppercase;flex-shrink:0}.result-text{font-size:15px;color:var(--text-primary);font-weight:500}.timeline-tags{display:flex;flex-wrap:wrap;gap:6px}.timeline-tag{padding:4px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-size:11px;color:var(--text-muted)}.projects-mag-list{display:flex;flex-direction:column}.project-mag-item{display:grid;grid-template-columns:100px 1fr 200px;gap:40px;align-items:start;padding:40px 0;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .4s ease;position:relative}.project-mag-item:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#6e8cff08;transition:width .4s ease;z-index:-1}.project-mag-item:hover:before{width:100%}.project-mag-item:hover{padding-left:20px}.project-mag-left{display:flex;flex-direction:column;gap:8px}.project-mag-num{font-size:14px;font-weight:700;color:var(--accent);font-family:SF Mono,Monaco,monospace}.project-mag-category{font-size:10px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;line-height:1.4}.project-mag-title{font-size:24px;font-weight:700;margin-bottom:12px;transition:color .3s ease}.project-mag-item:hover .project-mag-title{color:var(--accent)}.project-mag-desc{font-size:14px;line-height:1.7;color:var(--text-secondary);margin-bottom:16px}.project-mag-tags{display:flex;flex-wrap:wrap;gap:6px}.project-mag-tag{padding:4px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-size:11px;color:var(--text-muted)}.project-mag-right{display:flex;flex-direction:column;gap:16px;align-items:flex-end}.project-mag-metric{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.metric-value{font-size:20px;font-weight:700;color:var(--accent)}.metric-label{font-size:11px;color:var(--text-muted)}.project-mag-arrow{font-size:12px;color:var(--text-muted);font-weight:500;transition:all .3s ease;margin-top:auto}.project-mag-item:hover .project-mag-arrow{color:var(--accent);transform:translate(4px)}.capabilities-list{display:flex;flex-direction:column}.capability-item{display:grid;grid-template-columns:80px 1fr;gap:32px;padding:32px 0;border-bottom:1px solid rgba(255,255,255,.06);transition:all .3s ease}.capability-item:hover{padding-left:16px}.capability-num{font-size:14px;font-weight:700;color:var(--accent);font-family:SF Mono,Monaco,monospace;padding-top:4px}.capability-title{font-size:24px;font-weight:600;margin-bottom:8px;transition:color .3s ease}.capability-item:hover .capability-title{color:var(--accent)}.capability-desc{font-size:15px;line-height:1.8;color:var(--text-secondary)}.ai-workflow{padding:var(--section-padding) 0}.ai-workflow-inner{text-align:center}.ai-workflow-title{font-size:clamp(36px,6vw,72px);font-weight:800;line-height:1.1;margin-bottom:20px}.ai-workflow-subtitle{font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto 60px;line-height:1.7}.workflow-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;align-items:start}.workflow-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;position:relative;padding:32px 16px;background:#12121866;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:8px}.workflow-num{font-size:12px;font-weight:700;color:var(--accent);font-family:SF Mono,Monaco,monospace}.workflow-step-title{font-size:17px;font-weight:600}.workflow-step-desc{font-size:13px;color:var(--text-muted);line-height:1.6}.workflow-arrow{position:absolute;right:-18px;top:50%;transform:translateY(-50%);color:var(--accent);font-size:16px;z-index:1}.contact-inner{text-align:center;padding:100px 0 60px}.contact-eyebrow{display:flex;justify-content:center;align-items:baseline;gap:12px;margin-bottom:40px}.contact-title-mag{font-size:clamp(40px,8vw,96px);font-weight:800;line-height:1.05;margin-bottom:24px}.contact-desc-mag{font-size:18px;color:var(--text-secondary);max-width:500px;margin:0 auto 48px;line-height:1.8}.contact-actions-mag{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:60px}.contact-email-btn{display:flex;align-items:center;gap:12px;padding:18px 48px;background:var(--accent);border:none;border-radius:100px;color:#fff;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.contact-email-btn:hover{transform:translateY(-2px);box-shadow:0 10px 40px #6e8cff4d}.contact-mail-link{font-size:15px;color:var(--text-muted);text-decoration:none;transition:color .3s ease}.contact-mail-link:hover{color:var(--accent)}.contact-info-mag{display:flex;justify-content:center;gap:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,.08)}.contact-info-col{display:flex;flex-direction:column;gap:6px;text-align:center}.info-label{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}.info-value{font-size:16px;color:var(--text-primary)}.footer-mag{display:flex;justify-content:space-between;padding:24px 0;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.site-footer{position:relative;z-index:1;background:#08080acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.project-cards{display:flex;flex-direction:column;gap:32px}.project-card-large{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:340px;background:#12121899;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;cursor:pointer;transition:all .4s ease}.project-card-large:hover{border-color:#6e8cff40;transform:translateY(-4px);box-shadow:0 20px 60px #0006}.project-card-large-image{position:absolute;top:0;right:0;width:50%;height:100%;overflow:hidden}.project-card-large-image:before{content:"";position:absolute;top:0;left:0;width:80px;height:100%;background:linear-gradient(to right,rgba(18,18,24,.85),transparent);z-index:1;pointer-events:none}.project-card-large-image img,.project-card-large-image video{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card-large:hover .project-card-large-image img,.project-card-large:hover .project-card-large-image video{transform:scale(1.05)}.project-card-large-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6e8cff26,#8b5cf61a);font-size:72px;font-weight:800;color:#6e8cff4d}.project-card-large-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(18,18,24,.3) 0%,transparent 50%);pointer-events:none}.project-card-large-content{position:relative;z-index:1;padding:40px 48px;display:flex;flex-direction:column;gap:16px}.project-card-large-top{display:flex;align-items:center;gap:16px}.project-card-large-num{font-size:13px;font-weight:700;color:var(--accent);font-family:SF Mono,Monaco,monospace}.project-card-large-category{font-size:12px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.project-card-large-title{font-size:40px;font-weight:800;line-height:1.15;margin:0;letter-spacing:-.5px;transition:color .3s ease}.project-card-large:hover .project-card-large-title{color:var(--accent)}.project-card-large-desc{font-size:15px;line-height:1.8;color:var(--text-secondary);margin:0;max-width:500px}.project-card-large-result{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#6e8cff0f;border-left:2px solid var(--accent);border-radius:0 6px 6px 0;max-width:500px}.project-card-large-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.project-card-large-tag{padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:12px;color:var(--text-secondary)}.project-card-large-more{position:absolute;bottom:24px;right:32px;z-index:2;font-size:13px;font-weight:600;color:var(--accent);letter-spacing:.5px;opacity:0;transform:translate(-10px);transition:all .3s ease}.project-card-large:hover .project-card-large-more{opacity:1;transform:translate(0)}@media (max-width: 992px){.project-card-large{grid-template-columns:1fr;min-height:auto}.project-card-large-image{position:relative;width:100%;height:220px;order:-1}.project-card-large-overlay{background:linear-gradient(to bottom,#12121833,#121218e6)}.project-card-large-content{padding:28px 24px}.project-card-large-title{font-size:28px}.project-card-large-more{display:none}}@media (max-width: 768px){.project-cards{gap:20px}.project-card-large-content{padding:24px 20px;gap:12px}.project-card-large-title{font-size:22px}.project-card-large-desc{font-size:14px}.project-card-large-result{flex-direction:column;align-items:flex-start;gap:4px}.project-card-large-tags{display:none}}.modal-thumb.active{border-color:var(--accent)}.modal-thumb img{width:100%;height:100%;object-fit:cover}.modal-thumb-video{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1a1a2499;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--accent);font-size:20px}.modal-empty{padding:80px 40px;text-align:center;color:var(--text-muted);font-size:16px}@media (max-width: 1700px){:root{--max-width: 100%}}@media (max-width: 1200px){.container{padding:0 40px}.section-title{font-size:48px}.section-eyebrow{font-size:11px}.experience-inner{grid-template-columns:300px 1fr;gap:50px}.advantages-grid{grid-template-columns:repeat(2,1fr)}.accordion-content-inner{grid-template-columns:1fr;gap:20px}.hero-title{font-size:64px}.hero-subtitle{font-size:15px}.hero-desc{font-size:15px;max-width:500px}.project-title{font-size:22px}.contact-title{font-size:56px}}@media (max-width: 992px){:root{--section-padding: 100px}.container{padding:0 32px}.navbar{padding:16px 20px}.navbar.scrolled,.nav-inner{padding:12px 20px}.nav-links{display:none}.nav-hamburger{display:flex}.nav-cta{display:none}.hero{min-height:600px}.hero-title{font-size:52px;line-height:1.1}.hero-subtitle{font-size:13px;letter-spacing:3px}.hero-desc{font-size:14px;max-width:420px}.section-title{font-size:40px}.projects-grid{grid-template-columns:1fr;gap:24px}.project-card.large{grid-column:span 1}.project-card-glow.large .project-image{aspect-ratio:16/9}.project-info{padding:28px 24px}.project-title{font-size:20px}.project-desc{font-size:13px}.advantages-grid{grid-template-columns:1fr;gap:20px}.advantage-card{padding:32px 28px}.advantage-title{font-size:18px}.experience-inner{grid-template-columns:1fr;gap:40px}.exp-portrait{position:static;max-width:280px;margin:0 auto}.exp-stats{grid-template-columns:repeat(3,1fr);padding:24px;gap:12px}.stat-number{font-size:28px}.stat-label{font-size:12px}.timeline-item{grid-template-columns:1fr;gap:8px}.contact-title{font-size:44px}.contact-email{font-size:24px}.contact-actions{flex-direction:column;align-items:center;gap:16px}.contact-info{gap:24px;flex-wrap:wrap;justify-content:center}.accordion-header{padding:20px 16px}.accordion-name{font-size:15px}.accordion-header-left{gap:12px}.accordion-content-inner{padding:0 16px 24px;gap:16px}.accordion-thumbs{grid-template-columns:repeat(3,1fr)}.modal-container{max-width:95vw;max-height:92vh;border-radius:16px}.modal-header{padding:20px}.modal-title{font-size:20px}.modal-body{padding:0 20px 20px}.modal-thumbs{gap:8px;padding:12px 16px}.modal-thumb{width:70px;height:48px}.lightbox-nav{width:44px;height:44px;font-size:22px}.lightbox-nav.prev{left:12px}.lightbox-nav.next{right:12px}}@media (max-width: 768px){:root{--section-padding: 72px}.container{padding:0 20px}.navbar{padding:12px 0}.nav-logo{font-size:18px}.hero{min-height:100svh;height:100svh}.hero-content{padding-top:60px}.hero-eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:20px}.hero-title{font-size:40px;line-height:1.15;margin-bottom:20px}.hero-title .line{overflow:hidden}.hero-subtitle{font-size:12px;letter-spacing:2px;margin-bottom:16px}.hero-desc{font-size:13px;line-height:1.7;max-width:100%;margin-bottom:32px}.hero-actions{flex-direction:column;width:100%;gap:12px}.hero-actions .btn{width:100%;justify-content:center;padding:14px 24px;font-size:14px}.hero-scroll{display:none}.section-header{margin-bottom:40px}.section-eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:12px}.section-title{font-size:32px;line-height:1.2}.section-desc{font-size:13px;margin-top:12px}.projects-grid{gap:20px}.project-info{padding:24px 20px}.project-category{font-size:10px;letter-spacing:1px;margin-bottom:8px}.project-title{font-size:18px;margin-bottom:8px}.project-desc{font-size:12px;line-height:1.6;margin-bottom:16px}.project-tags{gap:6px;flex-wrap:wrap}.project-tag{padding:4px 10px;font-size:10px}.project-view-hint{font-size:11px;padding:8px 14px}.advantages-grid{gap:16px}.advantage-card{padding:28px 24px}.advantage-icon{width:44px;height:44px;font-size:20px;margin-bottom:16px}.advantage-title{font-size:16px;margin-bottom:8px}.advantage-desc{font-size:12px;line-height:1.6}.experience-inner{gap:32px}.exp-portrait{max-width:200px}.exp-portrait img{border-radius:16px}.exp-name{font-size:24px;margin-bottom:4px}.exp-title{font-size:13px;margin-bottom:16px}.exp-bio{font-size:13px;line-height:1.7}.exp-stats{grid-template-columns:repeat(2,1fr);padding:20px;gap:16px}.stat-number{font-size:24px}.stat-label{font-size:11px}.timeline{gap:24px}.timeline-year{font-size:13px}.timeline-title{font-size:15px}.timeline-desc{font-size:12px;line-height:1.6}.accordion-header{padding:16px 14px}.accordion-num{font-size:11px;min-width:28px}.accordion-name{font-size:14px}.accordion-badge{font-size:9px;padding:3px 8px}.accordion-header-left{gap:10px}.accordion-content-inner{padding:0 14px 20px;gap:12px}.accordion-cover{height:180px}.accordion-desc{font-size:12px;line-height:1.6}.accordion-thumbs{grid-template-columns:repeat(3,1fr);gap:8px}.thumb-more{font-size:13px}.gallery-videos{gap:12px}.video-item{border-radius:10px}.contact{padding:var(--section-padding) 0;min-height:auto}.contact-inner{gap:32px}.contact-eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:16px}.contact-title{font-size:32px;line-height:1.2;margin-bottom:16px}.contact-desc{font-size:13px;line-height:1.7;max-width:100%;margin-bottom:32px}.contact-email{font-size:20px;margin-bottom:32px}.contact-actions{gap:12px}.contact-actions .btn{width:100%;justify-content:center;padding:14px 24px;font-size:14px}.contact-info{gap:20px;flex-direction:column;align-items:center}.contact-info-item{font-size:12px}.contact-bottom{padding:20px 0;font-size:11px}.modal-container{max-width:100vw;max-height:100vh;border-radius:0}.modal-close{width:36px;height:36px;font-size:18px;top:12px;right:12px}.modal-header{padding:16px}.modal-category{font-size:10px;margin-bottom:6px}.modal-title{font-size:18px;margin-bottom:8px}.modal-desc{font-size:12px;line-height:1.6}.modal-tags{gap:6px;margin-top:12px}.modal-tag{padding:4px 10px;font-size:10px}.modal-body{padding:0 16px 16px}.modal-media{border-radius:10px;margin-bottom:12px}.modal-thumbs{gap:6px;padding:10px 12px;overflow-x:auto}.modal-thumb{width:60px;height:42px;border-radius:6px;flex-shrink:0}.lightbox-content{max-width:95vw;max-height:85vh}.lightbox-close{top:12px;right:12px;width:36px;height:36px;font-size:18px}.lightbox-nav{width:40px;height:40px;font-size:20px}.lightbox-nav.prev{left:8px}.lightbox-nav.next{right:8px}.lightbox-caption{font-size:12px;padding:12px}.mobile-menu-label{font-size:22px}}@media (max-width: 480px){:root{--section-padding: 60px}.container{padding:0 16px}.hero-title{font-size:34px}.hero-desc{font-size:12px}.section-title{font-size:28px}.project-image,.project-card-glow.large .project-image{aspect-ratio:4/3}.project-info{padding:20px 16px}.project-title{font-size:16px}.advantage-card{padding:24px 20px}.exp-stats{grid-template-columns:1fr 1fr}.stat-number{font-size:22px}.accordion-thumbs{grid-template-columns:repeat(2,1fr)}.contact-title{font-size:28px}.contact-email{font-size:18px}.mobile-menu-label{font-size:20px}.mobile-menu-item{padding:14px 0}}@media (max-height: 500px) and (orientation: landscape){.hero{min-height:500px}.hero-title{font-size:36px}.hero-desc{display:none}.hero-actions{margin-top:20px}}@media (max-width: 1200px){.profile-inner{grid-template-columns:280px 1fr;gap:50px}.project-mag-item{grid-template-columns:80px 1fr 160px;gap:28px}.workflow-steps{grid-template-columns:repeat(3,1fr)}.workflow-step:nth-child(4),.workflow-step:nth-child(5){grid-column:span 1}.workflow-arrow{display:none}}@media (max-width: 992px){.module-header{flex-wrap:wrap;gap:8px;margin-bottom:40px}.module-title{width:100%;margin-left:0;margin-top:8px;font-size:16px}.hero-top-row{flex-direction:column;align-items:flex-start;gap:8px;padding-top:60px;margin-bottom:24px}.hero-bottom-row{flex-direction:column;align-items:flex-start;gap:24px}.profile-inner{grid-template-columns:1fr;gap:0}.profile-numbers{grid-template-columns:repeat(2,1fr);gap:24px}.timeline-mag-item,.project-mag-item{grid-template-columns:1fr;gap:16px;padding:32px 0}.project-mag-right{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.project-mag-metric{align-items:flex-start}.capability-item{grid-template-columns:60px 1fr;gap:20px;padding:24px 0}.workflow-steps{grid-template-columns:repeat(2,1fr);gap:16px}.contact-info-mag{flex-direction:column;gap:24px;align-items:center}.footer-mag{flex-direction:column;gap:8px;text-align:center}}@media (max-width: 768px){.module-header{margin-bottom:32px;padding-bottom:16px}.module-num{font-size:12px}.module-label{font-size:10px;letter-spacing:2px}.hero-title{font-size:clamp(36px,12vw,60px);letter-spacing:-1px}.hero-subtitle-mag{font-size:14px;margin-bottom:40px}.hero-cta-mag{width:100%;justify-content:center;padding:14px 24px}.profile-title{font-size:28px}.profile-name{font-size:26px}.profile-role-tag{font-size:13px}.profile-text{font-size:14px;line-height:1.8}.profile-numbers{grid-template-columns:1fr 1fr;gap:20px;padding-top:24px}.number-value{font-size:36px}.number-label{font-size:13px}.timeline-mag-item{padding:24px 0}.timeline-company{font-size:18px}.timeline-title{font-size:16px}.timeline-desc{font-size:14px}.timeline-result{flex-direction:column;align-items:flex-start;gap:4px}.project-mag-item{padding:24px 0}.project-mag-title{font-size:18px}.project-mag-desc{font-size:13px}.metric-value{font-size:18px}.project-title{font-size:20px}.project-desc{font-size:13px;-webkit-line-clamp:2}.capability-item{padding:20px 0}.capability-title{font-size:20px}.capability-desc{font-size:14px}.workflow-steps{grid-template-columns:1fr}.workflow-step{padding:24px 20px}.ai-workflow-title{font-size:32px}.ai-workflow-subtitle{font-size:14px;margin-bottom:40px}.contact-inner{padding:60px 0 40px}.contact-title-mag{font-size:36px}.contact-desc-mag{font-size:14px}.contact-email-btn{width:100%;justify-content:center;padding:16px 32px}}@media (max-width: 480px){.navbar{padding:12px}.navbar.scrolled{padding:10px 12px}.nav-inner{padding:10px 16px}.nav-logo{font-size:16px}.hero-year{display:none}.profile-numbers{grid-template-columns:1fr}.project-mag-tags,.project-mag-right,.timeline-tags{display:none}}