@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Noto+Serif+SC:wght@200;300;400;500&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap";.glass-navbar{position:fixed;top:clamp(12px,.9375vw,24px);left:0;width:100%;z-index:1000;padding:0 clamp(12px,.9375vw,24px);display:flex;justify-content:center;transition:all .3s ease}.glass-navbar.collapsed{top:24px}.navbar-shell{width:31.25vw;max-width:31.25vw;min-width:31.25vw;display:flex;justify-content:center}.navbar-container{width:100%;height:3.047vw;padding:0;display:flex;align-items:center;justify-content:center;gap:clamp(6px,.469vw,12px);position:relative;transition:gap .8s cubic-bezier(.25,.8,.35,1)}.navbar-container.collapsed{gap:clamp(4px,.3125vw,8px)}.nav-segment{height:3.047vw;display:flex;align-items:center;justify-content:center;overflow:visible;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);background:#ffffff14;border:1px solid rgba(255,255,255,.16);box-shadow:0 clamp(9px,.703vw,18px) clamp(20px,1.5625vw,40px) #00000038;background-clip:padding-box;position:relative;isolation:isolate;border-radius:clamp(1.5px,.117vw,3px);transition:transform .8s cubic-bezier(.25,.8,.35,1),opacity .8s cubic-bezier(.25,.8,.35,1),max-width .8s cubic-bezier(.25,.8,.35,1),padding .8s cubic-bezier(.25,.8,.35,1)}.nav-segment>*{position:relative;z-index:3}.segment-left{padding:0 clamp(15px,1.172vw,30px);border-radius:clamp(1.5px,.117vw,3px);white-space:nowrap;flex-shrink:0;width:auto}.segment-right{padding:0 clamp(7.5px,.586vw,15px);border-radius:clamp(1.5px,.117vw,3px);white-space:nowrap;flex-shrink:0;width:auto;min-width:clamp(30px,2.344vw,60px);min-height:3.047vw;align-items:center;justify-content:center;overflow:hidden;transition:opacity .8s cubic-bezier(.25,.8,.35,1),max-width .8s cubic-bezier(.25,.8,.35,1),padding .8s cubic-bezier(.25,.8,.35,1)}.segment-middle{border-radius:clamp(1.5px,.117vw,3px);padding:0 clamp(18px,1.406vw,36px);justify-content:center;flex-shrink:1;width:auto;max-width:23.438vw;opacity:1;transform:translateY(0);overflow:visible}.navbar-container.collapsed .segment-middle{opacity:0;transform:translateY(40px);max-width:0;padding:0;pointer-events:none;overflow:hidden}.navbar-container.collapsed .segment-right{opacity:1}.logo-wrap{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none}.logo-text{font-size:clamp(13.5px,1.055vw,27px);font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#fffffff2;letter-spacing:.15em;transition:color .5s cubic-bezier(.25,.8,.35,1)}.glass-navbar.light-mode .logo-text{color:#000000e6}.logo-wrap:hover .logo-text{opacity:.8}.navbar-menu{display:flex;list-style:none;gap:clamp(21px,1.64vw,42px);align-items:center}.navbar-menu li a{font-size:clamp(11px,.859vw,22px);font-weight:500;color:#ffffffe6;text-decoration:none;letter-spacing:.02em;transition:color .25s ease;position:relative;display:inline-block;padding:0 clamp(3px,.234vw,6px);white-space:nowrap;overflow:hidden;height:1.2em;line-height:1.2em;text-align:center}.glass-navbar.light-mode .navbar-menu li a{color:#000000d9}.navbar-menu li a .menu-label{display:block;transition:transform .36s cubic-bezier(.25,.8,.35,1);transform:translateY(0)}.navbar-menu li a:hover{color:#fff}.glass-navbar.light-mode .navbar-menu li a:hover{color:#000}.navbar-menu li a:hover .menu-label{transform:translateY(-100%)}.navbar-menu li a:after{content:attr(data-text);position:absolute;left:0;right:0;top:0;display:block;color:#ffffffe6;transition:transform .36s cubic-bezier(.25,.8,.35,1);height:1.2em;line-height:1.2em;transform:translateY(100%);text-align:center}.glass-navbar.light-mode .navbar-menu li a:after{color:#000000d9}.navbar-menu li a:hover:after{transform:translateY(0)}.navbar-menu li:hover~li a{transform:none}.navbar-menu li a:hover,.navbar-menu li:hover~li a{color:#fff}.glass-navbar.light-mode .navbar-menu li a:hover,.glass-navbar.light-mode .navbar-menu li:hover~li a{color:#000}.navbar-dots-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.nav-dot{fill:#ffffffe6;transition:fill .5s cubic-bezier(.25,.8,.35,1)}.glass-navbar.light-mode .nav-dot{fill:#000c}.navbar-dots-waiting{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;height:100%;padding:0 10px}.island-panel{position:fixed;right:clamp(12px,.9375vw,24px);top:clamp(12px,.9375vw,24px);width:14.063vw;height:20.313vw;border-radius:clamp(8px,.625vw,16px);display:flex;flex-direction:column;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);background:#ffffff14;border:1px solid rgba(255,255,255,.16);box-shadow:0 clamp(9px,.703vw,18px) clamp(20px,1.5625vw,40px) #00000038;overflow:hidden;z-index:2000}.segment-preview{padding:0 16px!important;min-width:auto!important;overflow:hidden}.preview-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;overflow:hidden;white-space:nowrap}.preview-text{font-size:clamp(6.5px,.508vw,13px);color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glass-navbar.light-mode .preview-text{color:#000000bf}.notification-bar{position:fixed;right:clamp(12px,.9375vw,24px);top:clamp(12px,.9375vw,24px);height:3.047vw;border-radius:clamp(1.5px,.117vw,3px);display:flex;align-items:center;padding:0 clamp(8px,.625vw,16px) 0 clamp(6px,.469vw,12px);gap:clamp(6px,.469vw,12px);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);background:#ffffff14;border:1px solid rgba(255,255,255,.16);box-shadow:0 clamp(9px,.703vw,18px) clamp(20px,1.5625vw,40px) #00000038;z-index:1500;cursor:pointer;overflow:hidden;transition:width .8s cubic-bezier(.25,.8,.35,1),opacity .8s cubic-bezier(.25,.8,.35,1)}.notification-bar.light-mode{background:#ffffff14;border:1px solid rgba(255,255,255,.16)}.notification-breathing-dot{width:clamp(5px,.391vw,10px);height:clamp(5px,.391vw,10px);border-radius:50%;background:#ff4d4d;flex-shrink:0;animation:breathingDot 1.5s ease-in-out infinite}@keyframes breathingDot{0%,to{opacity:.5;transform:scale(.8);box-shadow:0 0 4px #ff4d4d66}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 12px #ff4d4dcc}}.notification-content{display:flex;flex-direction:column;gap:clamp(2px,.156vw,4px);overflow:hidden;flex:1}.notification-label{font-size:clamp(5.5px,.43vw,11px);color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.notification-bar.light-mode .notification-label{color:#00000073}.notification-text{font-size:clamp(6.5px,.508vw,13px);color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-bar.light-mode .notification-text{color:#000000d9}.island-panel.light-mode{background:#ffffff14;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px #00000038}.island-panel-content{width:100%;height:100%;display:flex;flex-direction:column}.island-panel-close{position:absolute;top:clamp(8px,.625vw,16px);left:clamp(8px,.625vw,16px);width:clamp(16px,1.25vw,32px);height:clamp(16px,1.25vw,32px);border-radius:clamp(4px,.313vw,8px);background:#ffffff1a;border:none;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;z-index:10}.island-panel-close:hover{background:#fff3;color:#fffffff2;transform:scale(1.05)}.island-panel.light-mode .island-panel-close{background:#0000000f;color:#0009}.island-panel.light-mode .island-panel-close:hover{background:#0000001f;color:#000000e6}.island-panel-messages{flex:1;display:flex;flex-direction:column;padding:clamp(28px,2.188vw,56px) clamp(10px,.781vw,20px) clamp(8px,.625vw,16px) clamp(10px,.781vw,20px);overflow:hidden;min-height:0}.island-panel-messages-list{display:flex;flex-direction:column;gap:clamp(6px,.469vw,12px);overflow-y:auto;padding:clamp(2px,.156vw,4px);flex:1}.island-panel-messages-list::-webkit-scrollbar{width:clamp(2px,.156vw,4px)}.island-panel-messages-list::-webkit-scrollbar-track{background:transparent}.island-panel-messages-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.island-panel.light-mode .island-panel-messages-list::-webkit-scrollbar-thumb{background:#00000026}.island-panel-message{display:flex;padding:clamp(6px,.469vw,12px) clamp(8px,.625vw,16px);border-radius:clamp(6px,.469vw,12px);max-width:85%}.island-panel-message.user{align-self:flex-end;background:#c8c8c840;margin-left:auto}.island-panel.light-mode .island-panel-message.user{background:#b4b4b459}.island-panel-message.ai{align-self:flex-start;background:#50505066;margin-right:auto}.island-panel.light-mode .island-panel-message.ai{background:#3c3c3c33}.island-panel-message-text{font-size:clamp(6.5px,.508vw,13px);line-height:1.5;color:#ffffffe6;word-break:break-word}.island-panel.light-mode .island-panel-message-text{color:#000000d9}.island-panel .typing-indicator{display:flex;gap:clamp(2px,.156vw,4px);align-items:center}.island-panel .typing-indicator span{width:clamp(3px,.234vw,6px);height:clamp(3px,.234vw,6px);border-radius:50%;background:#ffffff80;animation:typingPulse 1.2s infinite ease-in-out}.island-panel.light-mode .typing-indicator span{background:#0006}.island-panel .typing-indicator span:nth-child(2){animation-delay:.15s}.island-panel .typing-indicator span:nth-child(3){animation-delay:.3s}.island-panel-input-area{display:flex;align-items:center;gap:clamp(5px,.391vw,10px);padding:clamp(8px,.625vw,16px) clamp(10px,.781vw,20px);border-top:1px solid rgba(255,255,255,.08);background:#0003}.island-panel.light-mode .island-panel-input-area{border-top:1px solid rgba(0,0,0,.06);background:#ffffff4d}.island-panel-input{flex:1;height:clamp(20px,1.563vw,40px);padding:0 clamp(7px,.547vw,14px);background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:clamp(5px,.391vw,10px);color:#ffffffe6;font-size:clamp(7px,.547vw,14px);outline:none;transition:all .2s ease}.island-panel-input::placeholder{color:#fff6}.island-panel-input:focus{border-color:#ffffff40}.island-panel.light-mode .island-panel-input{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:#000000d9}.island-panel.light-mode .island-panel-input::placeholder{color:#0006}.island-panel.light-mode .island-panel-input:focus{border-color:#0003}.island-panel-send{width:clamp(20px,1.563vw,40px);height:clamp(20px,1.563vw,40px);display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:clamp(5px,.391vw,10px);color:#fffc;cursor:pointer;transition:all .2s ease;flex-shrink:0}.island-panel-send:hover:not(:disabled){background:#ffffff40;color:#fff;transform:scale(1.05)}.island-panel-send:disabled{opacity:.4;cursor:not-allowed}.island-panel.light-mode .island-panel-send{background:#00000014;color:#000000b3}.island-panel.light-mode .island-panel-send:hover:not(:disabled){background:#00000026;color:#000000e6}@media (max-width: 768px){.glass-navbar{top:auto;bottom:0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.glass-navbar.collapsed{top:auto;bottom:24px}.navbar-shell{width:100%;max-width:100%;min-width:100%}.navbar-container{height:56px;gap:8px}.navbar-container.collapsed{gap:6px}.nav-segment{height:56px;border-radius:16px}.segment-left{padding:0 20px;border-radius:16px}.segment-right{padding:0 16px;min-width:56px;min-height:56px;border-radius:16px}.segment-middle{border-radius:16px;padding:0 24px;max-width:none}.navbar-container.collapsed .segment-middle{opacity:0;transform:translateY(20px);max-width:0;padding:0;pointer-events:none;overflow:hidden}.logo-text{font-size:18px;letter-spacing:.12em}.navbar-menu{gap:24px}.navbar-menu li a{font-size:14px;padding:0 8px}.island-panel{position:fixed;right:0;top:0;width:100%;height:100%;height:100dvh;border-radius:0}.segment-preview{padding:0 12px!important}.preview-text{font-size:12px}.notification-bar{right:16px;top:auto;bottom:calc(80px + env(safe-area-inset-bottom,0px));height:48px;border-radius:12px;padding:0 12px 0 10px;gap:8px}.notification-breathing-dot{width:10px;height:10px}.notification-label{font-size:10px}.notification-text{font-size:13px}.island-panel-close{top:16px;left:16px;width:40px;height:40px;border-radius:12px}.island-panel-messages{padding:64px 16px 16px}.island-panel-messages-list{gap:12px;padding:4px}.island-panel-messages-list::-webkit-scrollbar{width:4px}.island-panel-message{padding:12px 16px;border-radius:16px;max-width:90%}.island-panel-message-text{font-size:15px}.island-panel .typing-indicator{gap:4px}.island-panel .typing-indicator span{width:8px;height:8px}.island-panel-input-area{gap:10px;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.island-panel-input{height:48px;padding:0 14px;border-radius:12px;font-size:16px}.island-panel-send{width:48px;height:48px;border-radius:12px}}.hero-section{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent}.hero-bg-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero-glow{position:absolute;border-radius:50%;filter:blur(80px)}.hero-glow-1{top:25%;left:25%;width:500px;height:500px;background:#ffffff05}.hero-glow-2{bottom:25%;right:25%;width:600px;height:600px;background:#ffffff03}.hero-circle{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.03)}.hero-circle-1{top:20%;left:15%;width:256px;height:256px}.hero-circle-2{top:25%;left:18%;width:128px;height:128px}.hero-circle-3{top:40%;right:20%;width:384px;height:384px}.hero-circle-4{top:45%;right:25%;width:192px;height:192px}.hero-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}.hero-line-1{top:35%;left:10%;width:128px}.hero-line-2{top:60%;right:15%;width:192px}.hero-dot{position:absolute;border-radius:50%}.hero-dot-1{top:10%;left:30%;width:4px;height:4px;background:#fff3}.hero-dot-2{top:70%;left:20%;width:6px;height:6px;background:#ffffff1a}.hero-dot-3{top:30%;right:10%;width:4px;height:4px;background:#fff3}.hero-dot-4{top:80%;right:30%;width:4px;height:4px;background:#ffffff1a}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:150;width:100%;max-width:768px;padding:0 24px;display:flex;flex-direction:column;align-items:center;transition:all .8s cubic-bezier(.25,.8,.35,1)}.hero-content.chat-active{top:auto;bottom:12%;transform:translate(-50%)}.hero-title{margin:0 0 40px;width:max-content;max-width:calc(100vw - 48px);font-family:"Noto Serif SC",Songti SC,STSong,SimSun,serif;font-size:2.5rem;font-weight:400;color:#fff;text-align:center;letter-spacing:.05em;white-space:nowrap}.hero-messages-container{width:100%;max-width:640px;margin-bottom:24px;max-height:35vh;overflow-y:auto;padding:0 16px}.hero-messages-list{display:flex;flex-direction:column;gap:16px;max-width:960px;margin:0 auto}.hero-message{display:flex;padding:14px 18px;border-radius:12px;max-width:85%}.hero-message.user{align-self:flex-end;background:#c8c8c833;margin-left:auto}.hero-message.ai{align-self:flex-start;background:#5050504d;margin-right:auto}.hero-message-text{font-size:15px;line-height:1.6;color:#ffffffe6;word-break:break-word}.typing-indicator{display:flex;gap:4px;align-items:center}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#ffffff80;animation:typingPulse 1.2s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes typingPulse{0%,60%,to{opacity:.3;transform:scale(.85)}30%{opacity:1;transform:scale(1)}}.hero-input-wrapper{width:100%;max-width:640px;position:relative;margin:0 auto}.hero-input-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(90deg,#3f3f46,#52525b,#3f3f46);border-radius:9999px;filter:blur(4px);opacity:.5;transition:opacity .5s ease}.hero-input-wrapper:hover .hero-input-glow{opacity:1}.hero-input-box{position:relative;display:flex;align-items:center;background:#141414e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:9999px;padding:8px;box-shadow:0 25px 50px -12px #00000080}.hero-input-left{display:flex;align-items:center;flex:1;min-width:0}.hero-input-ball{width:10px;height:10px;border-radius:50%;background:#fffc;margin-left:16px;margin-right:12px;box-shadow:0 0 10px #ffffff80;flex-shrink:0}.hero-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:16px;font-family:Inter,sans-serif;padding:12px 8px;width:100%}.hero-input::placeholder{color:#ffffff4d}.hero-send-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#000;border:none;cursor:pointer;flex-shrink:0;margin-right:4px;transition:transform .3s ease,box-shadow .3s ease}.hero-send-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #ffffff4d}.hero-send-btn:active{transform:scale(.95)}.hero-suggestions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;justify-content:center;width:100%;max-width:640px}.hero-suggestion-tag{padding:8px 16px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);color:#fff6;font-size:14px;cursor:pointer;transition:background .2s ease,color .2s ease}.hero-suggestion-tag:hover{background:#ffffff1a;color:#fffc}@media (max-width: 768px){.hero-content{padding:0 20px}.hero-content.chat-active{bottom:10%}.hero-title{font-size:1.5rem;white-space:normal;width:100%;text-align:center;margin-bottom:32px}.hero-messages-container{max-height:30vh;padding:0 8px}.hero-message{max-width:90%;padding:10px 14px}.hero-message-text{font-size:14px}.hero-input-wrapper{max-width:100%}.hero-input-box{padding:6px}.hero-input-ball{width:8px;height:8px;margin-left:12px;margin-right:10px}.hero-input{font-size:14px;padding:10px 6px}.hero-send-btn{width:40px;height:40px}.hero-send-btn svg{width:18px;height:18px}.hero-suggestions{gap:8px;margin-top:24px}.hero-suggestion-tag{font-size:12px;padding:6px 12px}.hero-glow-1,.hero-glow-2{width:300px;height:300px}.hero-circle-1,.hero-circle-3{display:none}}.personal-info-page{width:100%;min-height:100vh;position:relative;background:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#1a1a1a}.personal-bg-effects{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.personal-bg-glow{position:absolute;border-radius:50%}.personal-bg-glow-1{top:10%;left:10%;width:30%;height:40%;background:#a8a29e1a;filter:blur(150px)}.personal-bg-glow-2{bottom:10%;right:10%;width:40%;height:50%;background:#78350f0d;filter:blur(180px)}.personal-bg-noise{position:absolute;top:0;left:0;width:100%;height:100%;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.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.04;mix-blend-mode:multiply}.personal-content-wrapper{position:relative;z-index:1;width:100%;max-width:2560px;margin:0 auto;padding:0 15vw}.personal-header{padding-top:5vw;padding-bottom:7.5vw}.personal-name{font-family:Playfair Display,"Noto Serif SC",Georgia,serif;font-size:6.25vw;font-weight:300;letter-spacing:-.02em;line-height:1;margin-bottom:clamp(24px,1.875vw,48px);color:#000000e6}.personal-name-dot{color:#0003}.personal-intro{font-size:1.406vw;font-weight:300;color:#0009;max-width:56rem;line-height:1.6;margin-bottom:clamp(40px,3.125vw,80px)}.personal-highlight{font-family:Playfair Display,"Noto Serif SC",Georgia,serif;font-style:italic;color:#000000e6}.personal-contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,1.875vw,48px) 0;border-top:1px solid rgba(0,0,0,.08);padding-top:clamp(24px,1.875vw,48px)}.personal-contact-item{cursor:default}.personal-contact-label{font-size:clamp(10px,.782vw,20px);color:#0006;text-transform:uppercase;letter-spacing:.2em;margin-bottom:clamp(6px,.469vw,12px);transition:color .3s ease}.personal-contact-item:hover .personal-contact-label{color:#000000b3}.personal-contact-value{font-size:clamp(1.126rem,.976vw,2.5rem);font-weight:300;color:#000c}.personal-section{padding:3.75vw 0;border-top:1px solid rgba(0,0,0,.08);display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(48px,3.75vw,96px)}.personal-section-header{margin-bottom:0;grid-column:span 3;position:sticky;top:3.75vw;align-self:start}.personal-section-number{font-size:clamp(11px,.821vw,21px);color:#0000004d;font-family:Inter,monospace;letter-spacing:.1em;margin-right:clamp(8px,.625vw,16px)}.personal-section-title{font-size:clamp(9px,.704vw,18px);font-weight:500;text-transform:uppercase;letter-spacing:.3em;color:#0006}.personal-section-content{flex:1;grid-column:span 9}.personal-skill-group{margin-bottom:clamp(40px,3.125vw,80px)}.personal-skill-group:last-child{margin-bottom:0}.personal-skill-title{font-family:Playfair Display,"Noto Serif SC",Georgia,serif;font-size:clamp(2.25rem,1.758vw,4.5rem);font-weight:300;color:#000000e6;margin-bottom:clamp(16px,1.25vw,32px)}.personal-skill-tags{display:flex;flex-wrap:wrap;gap:clamp(8px,.625vw,16px)}.personal-skill-tag{display:inline-block;padding:clamp(9px,.704vw,18px) clamp(18px,1.407vw,36px);border:1px solid rgba(0,0,0,.15);border-radius:8px;font-size:clamp(11px,.821vw,21px);font-weight:300;color:#0009;transition:all .3s ease;cursor:default}.personal-section-experience{border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:clamp(64px,5vw,128px)}.personal-work-list{display:flex;flex-direction:column}.personal-work-item{border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:clamp(32px,2.5vw,64px);margin-bottom:clamp(32px,2.5vw,64px)}.personal-work-item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.personal-work-header{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;margin-bottom:clamp(16px,1.25vw,32px);gap:clamp(8px,.625vw,16px)}.personal-work-company{font-family:Playfair Display,"Noto Serif SC",Georgia,serif;font-size:clamp(2.25rem,1.758vw,4.5rem);font-weight:300;color:#000000e6;display:flex;align-items:center;gap:clamp(8px,.625vw,16px);transition:color .3s ease}.personal-work-item:hover .personal-work-company{color:#000}.personal-work-arrow{width:clamp(12px,.938vw,24px);height:clamp(12px,.938vw,24px);opacity:0;transform:translate(-8px,-8px);transition:all .5s ease;color:#0000004d}.personal-work-item:hover .personal-work-arrow{opacity:1;transform:translate(0)}.personal-work-period{font-size:clamp(12px,.957vw,25px);color:#0006;font-family:Inter,monospace;letter-spacing:.1em;text-transform:uppercase}.personal-work-role{font-size:clamp(1.09rem,1.026vw,2.63rem);color:#0009;font-weight:300;letter-spacing:.05em;margin-bottom:clamp(20px,1.563vw,40px)}.personal-work-tasks{list-style:none;padding:0;margin:0;max-width:56rem}.personal-work-task{color:#0009;line-height:1.8;display:flex;gap:clamp(12px,.938vw,24px);font-weight:300;font-size:clamp(.875rem,.768vw,1.97rem);margin-bottom:clamp(12px,.938vw,24px);transition:color .5s ease}.personal-work-item:hover .personal-work-task{color:#000000e6}.personal-work-task-dash{color:#0003;margin-top:clamp(3px,.234vw,6px)}@media (max-width: 768px){.personal-info-page{min-height:auto;padding-bottom:100px}.personal-content-wrapper{padding:0 24px}.personal-header{padding-top:80px;padding-bottom:60px}.personal-name{font-size:48px;margin-bottom:24px}.personal-intro{font-size:18px;line-height:1.7;margin-bottom:40px}.personal-contact-grid{grid-template-columns:repeat(2,1fr);gap:24px 16px;padding-top:24px}.personal-contact-label{font-size:11px;margin-bottom:6px}.personal-contact-value{font-size:15px}.personal-section{padding:40px 0;display:flex;flex-direction:column;gap:24px}.personal-section-header{position:static;margin-bottom:16px}.personal-section-number{font-size:12px}.personal-section-title{font-size:11px}.personal-section-content{width:100%}.personal-skill-group{margin-bottom:32px}.personal-skill-title{font-size:24px;margin-bottom:16px}.personal-skill-tags{gap:10px}.personal-skill-tag{padding:10px 16px;font-size:13px;border-radius:6px}.personal-section-experience{margin-bottom:48px}.personal-work-item{padding-bottom:24px;margin-bottom:24px}.personal-work-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.personal-work-company{font-size:22px;gap:8px}.personal-work-arrow{width:16px;height:16px}.personal-work-period{font-size:12px}.personal-work-role{font-size:16px;margin-bottom:16px}.personal-work-tasks{max-width:100%}.personal-work-task{gap:12px;font-size:14px;margin-bottom:12px;line-height:1.6}.personal-work-task-dash{margin-top:4px}}.video-works-page{width:100%;min-height:100vh;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 5%;box-sizing:border-box;position:relative}.works-container{display:flex;align-items:flex-start;justify-content:center;width:100%;transform-origin:center center;will-change:transform,filter}.works-row{display:flex;align-items:flex-start;justify-content:center;height:68vh}.work-card{border-radius:0;overflow:hidden;cursor:pointer;flex-shrink:0;width:28.125vw;height:62vh;transform-origin:top center;align-self:flex-start;container-type:inline-size}.work-text-content{width:100%;height:100%;background:#0a0a0a;display:flex;align-items:flex-start;justify-content:flex-start;padding:8cqw;flex-direction:column;box-sizing:border-box;overflow:visible;position:relative}.work-text-header{display:flex;flex-direction:column;gap:3cqw;flex-shrink:0;margin-bottom:5cqw}.work-title{font-size:10cqw!important;font-weight:900!important;color:#fff!important;font-family:SimHei,Heiti SC,Microsoft YaHei,sans-serif;letter-spacing:.08em;line-height:1.3;white-space:nowrap}.work-title-en{font-size:3.5cqw;font-weight:300;color:#ffffff8c;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.work-description{font-size:14px;font-weight:400;color:#ffffff73;font-family:SimHei,Heiti SC,Microsoft YaHei,sans-serif;line-height:1.9;letter-spacing:.02em;white-space:pre-line;margin-top:20px;max-width:90%}.work-image-content{width:100%;height:100%;background:#1a1a1a;position:relative;overflow:hidden}.work-image{width:34vw;height:68vh;object-fit:cover;object-position:center center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;max-width:none;max-height:none}.work-tags{position:absolute;top:1.2vw;left:1.2vw;display:flex;flex-direction:column;gap:.6vw;z-index:10}.work-tag{writing-mode:horizontal-tb;padding:.5vw .8vw;background:#ffffff14;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border:1px solid rgba(255,255,255,.16);border-radius:3px;color:#fff;font-size:clamp(10px,.75vw,14px);font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.02em;white-space:nowrap;font-style:italic}.work-tag-participation{position:relative;display:inline-block;padding:.5vw .8vw;border-radius:3px;border:1px solid rgba(255,255,255,.3);font-size:clamp(10px,.75vw,14px);font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-style:italic;letter-spacing:.02em;white-space:nowrap;background:transparent}.work-tag-svg-mask{position:absolute;width:0;height:0;overflow:hidden}.work-tag-participation-bg{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(to right,rgba(255,255,255,.95) 0%,rgba(255,255,255,.95) var(--fill-percent),rgba(255,255,255,.1) var(--fill-percent),rgba(255,255,255,.1) 100%);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border-radius:3px;z-index:0;mask-size:100% 100%;-webkit-mask-size:100% 100%}.work-tag-participation-outline{position:relative;z-index:1;background:transparent;color:transparent;-webkit-text-stroke:.8px rgba(255,255,255,.6);text-stroke:.8px rgba(255,255,255,.6);paint-order:stroke fill}.video-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:1000;display:flex;align-items:center;justify-content:center}.video-modal-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.video-close-btn{position:fixed;top:24px;right:24px;height:56px;padding:0 28px;background:#ffffff14;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border:1px solid rgba(255,255,255,.16);border-radius:3px;box-shadow:0 18px 40px #00000038;color:#fff;font-size:15px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;z-index:1001;transition:all .3s ease;letter-spacing:.02em;display:flex;align-items:center;justify-content:center}.video-close-btn:hover{background:#ffffff1f;border-color:#ffffff3d}.video-wrapper{width:92%;max-width:1800px;display:flex;align-items:center;justify-content:center}.video-player{width:100%;max-height:92vh;object-fit:contain;border-radius:4px;box-shadow:0 20px 60px #00000080}.video-player::-webkit-media-controls-panel{background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.video-player::-webkit-media-controls-play-button,.video-player::-webkit-media-controls-mute-button,.video-player::-webkit-media-controls-fullscreen-button{filter:invert(1)}.brands-section{display:flex;align-items:center;justify-content:center;padding:60px 5% 0;margin-top:200px;margin-bottom:120px}.brands-content{display:flex;flex-direction:column;align-items:center;gap:20px}.brands-label{font-size:18px;font-weight:400;color:#fff9;font-family:SimHei,Heiti SC,Microsoft YaHei,sans-serif;letter-spacing:.1em;white-space:nowrap}.brands-logos{display:flex;align-items:center;gap:50px}.brand-logo{object-fit:contain;opacity:.8;transition:opacity .3s ease,transform .3s ease;filter:brightness(0) invert(1)}.brand-logo:hover{opacity:1;transform:scale(1.1)}.brand-logo-wangyi{height:35px;width:auto}.brand-logo-xiaomi{height:42px;width:auto}.brand-logo-unicom{height:55px;width:auto}.brand-logo-tanlu{height:56px;width:auto}.brand-logo-wan{height:48px;width:auto}@media (max-width: 1200px){.work-card{height:55vh}.work-image,.works-row{height:60.5vh}}@media (max-width: 900px){.works-row{flex-wrap:wrap;gap:15px;justify-content:center;height:auto}.work-card{width:calc(50% - 10px)!important;height:auto!important;aspect-ratio:720 / 895;margin-right:0!important}.work-card:nth-child(1){width:100%!important}.work-image{width:100%;height:100%;position:relative;top:0;left:0;transform:none;object-fit:cover}}@media (max-width: 600px){.video-works-page{padding:30px 5%}.works-row{gap:10px}.work-card{width:100%!important;aspect-ratio:720 / 895}.work-text-content{padding:6vw}.work-title{font-size:7vw}.work-title-en{font-size:3.5vw}.work-description{font-size:3vw;top:26vw}}.video-grid-section{width:100%;padding:80px 10%;box-sizing:border-box}@media (min-width: 768px){.video-grid-section{padding:100px 10%}}@media (min-width: 1024px){.video-grid-section{padding:120px 10%}}.video-grid-container{max-width:1600px;margin:0 auto}.video-grid-layout{display:grid;grid-template-columns:1fr;gap:50px 32px}@media (min-width: 768px){.video-grid-layout{grid-template-columns:repeat(2,1fr);gap:70px 32px}}@media (min-width: 1024px){.video-grid-layout{grid-template-columns:repeat(3,1fr);gap:90px 32px}}.video-grid-card{display:flex;flex-direction:column;gap:20px;cursor:pointer}.video-grid-item-small{grid-column:span 1}@media (min-width: 768px){.video-grid-item-medium{grid-column:span 2}}@media (min-width: 1024px){.video-grid-item-medium{grid-column:span 2}}.video-grid-item-large{grid-column:1 / -1}.video-grid-card-media{position:relative;width:100%;aspect-ratio:16 / 9;background:#1a1a1a;overflow:hidden;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.video-grid-video{width:100%;height:100%;object-fit:cover;background:#1a1a1a}.video-grid-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .3s ease;pointer-events:none}.video-grid-play-overlay.visible{opacity:1}.video-grid-play-btn{width:64px;height:64px;border-radius:50%;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transform:scale(.9);transition:transform .5s ease}.video-grid-card:hover .video-grid-play-btn{transform:scale(1)}.video-grid-play-btn svg{width:24px;height:24px;color:#fffc;margin-left:3px}.video-grid-card-meta{display:flex;flex-direction:column;gap:12px;padding-top:12px}.video-grid-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.video-grid-card-title{font-size:1.25rem;font-weight:700;letter-spacing:.02em;color:#fff;transition:color .3s ease;line-height:1.3}@media (min-width: 768px){.video-grid-card-title{font-size:1.5rem}}.video-grid-card:hover .video-grid-card-title{color:#d4d4d4}.video-grid-card-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.875rem;color:#ffffff80}.video-grid-card-client{color:#ffffffd9;font-weight:500}.video-grid-card-dot{width:4px;height:4px;border-radius:50%;background:#ffffff4d;flex-shrink:0}@media (max-width: 767px){.video-grid-section{padding:60px 5%}.video-grid-layout{gap:40px 0}.video-grid-card-meta{gap:8px}.video-grid-card-title{font-size:1.125rem}.video-grid-card-info{font-size:.75rem}}.vibe-coding-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 5%;box-sizing:border-box;position:relative}.vibe-container{width:100%}.vibe-cards-stack{position:relative;display:flex;flex-direction:column}.vibe-cards-projects{position:relative}.vibe-card{position:relative;width:100%;border-radius:0;background:#1e1e1e99;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);overflow:hidden}.vibe-card-header-card{cursor:default;margin-bottom:-1px}.vibe-header-content{display:flex;flex-direction:column;justify-content:center;height:100%;padding:20px 28px;box-sizing:border-box}.vibe-title{font-size:clamp(36px,6vw,72px);font-weight:700;color:#fff;font-family:SimHei,Heiti SC,Microsoft YaHei,sans-serif;letter-spacing:.04em;margin:0 0 10px;line-height:1.1}.vibe-subtitle{font-size:clamp(13px,1.1vw,16px);font-weight:300;color:#fff6;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.1em;margin:0}.vibe-card-project{cursor:pointer;transition:box-shadow .4s ease;margin-top:-1px}.vibe-card-project:hover{box-shadow:0 25px 60px #00000080,0 0 0 1px #22c55e4d}.vibe-card-bg{position:absolute;left:0;right:0;bottom:0;height:0%;background:#f5f5f2;pointer-events:none;z-index:1}.vibe-card-content{position:relative;z-index:2;overflow:hidden}.vibe-card-inner{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:20px 28px;height:100%;box-sizing:border-box}.vibe-card-left{flex-shrink:0;width:320px}.vibe-card-image-preview{width:100%;position:relative;overflow:hidden;background:#0f0f0f;border-radius:4px}.vibe-card-image-preview img{width:100%;height:100%;object-fit:cover;object-position:top left;opacity:.9}.vibe-image-fade{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,transparent 30%,rgba(15,15,15,.7) 55%,rgba(15,15,15,.95) 100%);pointer-events:none}.vibe-card-center{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}.vibe-card-title{font-size:clamp(18px,1.8vw,24px);font-weight:500;font-family:SimHei,Heiti SC,Microsoft YaHei,sans-serif;letter-spacing:.02em;margin:0;color:#fff;transition:color .4s ease}.vibe-card-description{overflow:hidden}.vibe-card-description p{font-size:14px;font-weight:400;color:#1a1a1ab3;font-family:SimHei,Heiti SC,Microsoft YaHei,sans-serif;line-height:1.6;margin:0}.vibe-card-time{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0;min-width:220px}.time-label{height:18px}.label-original,.label-optimized{font-size:11px;font-weight:400;letter-spacing:.04em;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:color .4s ease}.label-original{color:#ffffff80}.label-optimized{color:#22c55e!important}.vibe-card-inner.expanded .label-original{color:#1a1a1a99}.time-display{display:flex;align-items:center;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.time-display.expanded{transform:scale(1.3);transform-origin:right center}.rolling-number{font-size:clamp(32px,3.5vw,48px);font-weight:300;color:#fff;letter-spacing:-.02em;line-height:1;min-width:.9em;text-align:center;display:inline-block;position:relative;transition:color .4s ease,filter .1s ease,transform .1s ease}.rolling-number.rolling{filter:blur(1.5px);transform:translateY(-1px)}.rolling-number.expanded{color:#22c55e}.time-separator{font-size:clamp(24px,2.8vw,38px);font-weight:200;color:#fff;margin:0 2px;opacity:.6;transition:color .4s ease}.time-separator.expanded{color:#22c55e;opacity:.8}.time-efficiency{display:flex;align-items:center;gap:6px;height:28px}.efficiency-arrow{font-size:22px;color:#22c55e}.efficiency-value{font-size:26px;font-weight:600;color:#22c55e;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.02em}.vibe-card-footer-card{cursor:default;margin-top:-1px}.vibe-footer-content{display:flex;align-items:center;justify-content:center;height:100%;padding:0 28px}.vibe-footer-text{font-size:clamp(14px,1.2vw,18px);font-weight:300;color:#ffffff80;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.08em;margin:0;text-align:center}.workflow-showcase{margin-top:100px;padding:0;box-sizing:border-box}.workflow-showcase-row{display:flex;gap:84px;width:100%;align-items:flex-start}.workflow-showcase-row-single{margin-top:84px;width:100%}.workflow-showcase-item{display:flex;flex-direction:column}.workflow-showcase-row .workflow-showcase-item:first-child{flex:0 0 38%}.workflow-showcase-row .workflow-showcase-item:last-child{flex:1}.workflow-showcase-item-full{width:100%}.workflow-showcase-image-wrapper{position:relative;width:100%;overflow:hidden;border-radius:12px;background:#1e1e1e99}.workflow-showcase-row .workflow-showcase-image-wrapper{min-height:70px}.workflow-showcase-row-single .workflow-showcase-image-wrapper{height:1000px;min-height:1000px}.workflow-showcase-image{width:100%;height:100%;display:block;object-fit:cover;object-position:top center}.workflow-showcase-row .workflow-showcase-image{min-height:70px}.workflow-showcase-row-single .workflow-showcase-image{height:100%;min-height:1000px}.workflow-showcase-caption{display:flex;flex-direction:column;gap:4px;margin-top:10px;padding-left:4px}.workflow-showcase-title{font-size:clamp(28px,2.8vw,38px);font-weight:500;color:#fff;font-family:SimHei,Heiti SC,Microsoft YaHei,sans-serif;letter-spacing:.02em;margin:0;line-height:1.3}.workflow-showcase-subtitle{font-size:clamp(16px,1.5vw,22px);font-weight:400;color:#ffffff80;font-family:SimHei,Heiti SC,Microsoft YaHei,sans-serif;letter-spacing:.01em;margin:0;line-height:1.4}@media (max-width: 1200px){.vibe-card-left{width:260px}.vibe-card-time{min-width:180px}}@media (max-width: 900px){.vibe-card-inner{flex-wrap:wrap;gap:16px}.vibe-card-left{width:100%}.vibe-card-image-preview{max-width:100%;height:80px!important}.vibe-card-center{width:100%}.vibe-card-time{align-items:flex-start;min-width:auto;width:100%}.time-display.expanded{transform-origin:left center}.rolling-number{font-size:28px}.time-separator{font-size:22px}.workflow-showcase{margin-top:30px;padding:0}.workflow-showcase-row{flex-direction:column;gap:16px}.workflow-showcase-row .workflow-showcase-image-wrapper,.workflow-showcase-row .workflow-showcase-image{min-height:140px}.workflow-showcase-row-single .workflow-showcase-image-wrapper,.workflow-showcase-row-single .workflow-showcase-image{min-height:80px}.workflow-showcase-caption{gap:4px}}@media (max-width: 600px){.vibe-coding-page{padding:60px 5%}.vibe-card-inner{padding:14px 20px}.vibe-card-title{font-size:16px}.rolling-number{font-size:24px}.time-separator{font-size:18px}.workflow-showcase{margin-top:25px}.workflow-showcase-row{gap:12px}.workflow-showcase-row .workflow-showcase-image-wrapper,.workflow-showcase-row .workflow-showcase-image{min-height:110px}.workflow-showcase-row-single .workflow-showcase-image-wrapper,.workflow-showcase-row-single .workflow-showcase-image{min-height:65px}.workflow-showcase-caption{gap:3px;margin-top:8px}}.home{width:100%;position:relative;transition:background-color 2s cubic-bezier(.25,.8,.35,1)}.page-hero{width:100%;height:100vh;position:relative;overflow:hidden}.animation-bg-layer{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:100;pointer-events:none}.bg-layer{position:absolute;top:0;left:0;width:100%;height:100%}.bg-white{background:#fff;z-index:1}.bg-red{background:#e63946;z-index:2}.bg-black{background:#191919;z-index:3}.main-content{position:relative}.hero-ball{width:10px;height:10px;border-radius:50%;position:absolute;transform:translate(-50%,-50%);z-index:200;box-shadow:0 0 10px #ffffff80;pointer-events:none}@keyframes breathing{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}@media (max-width: 768px){.hero-ball{width:8px;height:8px}}.portfolio-3d{padding:20px 0}.portfolio-item-3d{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:all .4s ease}.portfolio-item-3d:hover{border-color:#fff3;transform:translateY(-4px)}.portfolio-item-3d-viewer{height:250px;width:100%;background:#0000004d}.portfolio-item-3d-info{padding:24px}.portfolio-item-3d-category{font-size:12px;font-weight:500;color:#ffffff80;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.portfolio-item-3d-title{font-size:20px;font-weight:500;color:#fff;margin-bottom:8px;letter-spacing:-.01em}.portfolio-item-3d-description{font-size:14px;font-weight:300;color:#fff9;line-height:1.6}.portfolio-video{padding:20px 0}.portfolio-item-video{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:all .4s ease}.portfolio-item-video:hover{border-color:#fff3;transform:translateY(-4px)}.portfolio-item-video-player{height:200px;width:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.video-placeholder{color:#ffffff4d;transition:color .3s ease}.portfolio-item-video:hover .video-placeholder{color:#fff9}.portfolio-item-video-info{padding:24px}.portfolio-item-video-category{font-size:12px;font-weight:500;color:#ffffff80;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.portfolio-item-video-title{font-size:20px;font-weight:500;color:#fff;margin-bottom:8px;letter-spacing:-.01em}.portfolio-item-video-description{font-size:14px;font-weight:300;color:#fff9;line-height:1.6}.portfolio-graphic{padding:20px 0}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.portfolio-item-graphic{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:all .4s ease}.portfolio-item-graphic:hover{border-color:#fff3;transform:translateY(-4px)}.portfolio-item-graphic-preview{height:200px;width:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.image-placeholder{color:#ffffff4d;transition:color .3s ease}.portfolio-item-graphic:hover .image-placeholder{color:#fff9}.portfolio-item-graphic-info{padding:24px}.portfolio-item-graphic-category{font-size:12px;font-weight:500;color:#ffffff80;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.portfolio-item-graphic-title{font-size:20px;font-weight:500;color:#fff;margin-bottom:8px;letter-spacing:-.01em}.portfolio-item-graphic-description{font-size:14px;font-weight:300;color:#fff9;line-height:1.6}@media (max-width: 768px){.portfolio-grid{grid-template-columns:1fr;gap:24px}}.portfolio-page{min-height:100vh;background:#000;padding-top:100px}.portfolio-container{max-width:1400px;margin:0 auto;padding:0 40px}.portfolio-header{text-align:center;margin-bottom:80px}.portfolio-title{font-size:clamp(48px,8vw,96px);font-weight:300;letter-spacing:-.02em;color:#fff;margin-bottom:20px}.portfolio-subtitle{font-size:18px;font-weight:300;color:#ffffffb3;letter-spacing:.05em}.portfolio-tabs{display:flex;justify-content:center;gap:40px;margin-bottom:60px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:20px}.portfolio-tab{font-size:14px;font-weight:400;color:#fff9;background:none;border:none;cursor:pointer;padding:10px 0;letter-spacing:.05em;text-transform:uppercase;position:relative;transition:color .3s ease}.portfolio-tab:after{content:"";position:absolute;bottom:-21px;left:0;width:0;height:2px;background:#fff;transition:width .3s ease}.portfolio-tab:hover{color:#ffffffe6}.portfolio-tab.active{color:#fff}.portfolio-tab.active:after{width:100%}.portfolio-content{min-height:60vh}@media (max-width: 768px){.portfolio-container{padding:0 20px}.portfolio-header{margin-bottom:50px}.portfolio-tabs{gap:20px;margin-bottom:40px}.portfolio-tab{font-size:12px}}.app{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #191919;--secondary-color: #ffffff;--accent-color: #ff6b6b;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2)}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#191919;color:var(--text-primary);overflow-x:hidden}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#191919}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.ai-highlight{animation:aiPulse 2s ease-in-out!important;box-shadow:0 0 30px #ff6b6b99!important;border-radius:12px;transition:box-shadow .3s ease}@keyframes aiPulse{0%,to{box-shadow:0 0 20px #ff6b6b66}50%{box-shadow:0 0 40px #ff6b6bcc}}