.navbar-wrapper{position:fixed;top:0;left:0;right:0;z-index:1000;transition:background .4s var(--ease),backdrop-filter .4s var(--ease),border-color .4s var(--ease);border-bottom:1px solid transparent}.navbar-wrapper.scrolled{background:#f5f2eec7;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-bottom-color:var(--border-soft)}.navbar{position:relative;max-width:var(--max-w);margin:0 auto;padding:22px var(--gutter);display:flex;align-items:center;justify-content:space-between;transition:padding .4s var(--ease)}.navbar-wrapper.scrolled .navbar{padding-top:16px;padding-bottom:16px}.nav-logo{font-size:18px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.nav-logo-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.nav-logo-text{background:linear-gradient(135deg,var(--text) 0%,var(--text-dim) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:40px;list-style:none}.nav-link{font-size:14px;font-weight:400;color:var(--text-dim);position:relative;transition:color .3s var(--ease);letter-spacing:.01em}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent);transition:width .3s var(--ease)}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:500;letter-spacing:.02em;border:1px solid var(--border);border-radius:100px;background:#ffffff8c;color:var(--text);transition:all .3s var(--ease)}.nav-cta:hover{border-color:var(--border-hover);background:#fff;box-shadow:0 0 24px #c0877c24}.nav-cta svg{width:14px;height:14px;transition:transform .3s var(--ease)}.nav-cta:hover svg{transform:translate(3px)}.nav-actions{display:flex;align-items:center;gap:10px}.lanyard-btn{--active: 0;cursor:pointer;border:none;border-radius:9999px;background:transparent;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:10px 22px;position:relative;transform-origin:50%;transform:scale(calc(1 + (var(--active) * .08)));transition:transform .3s var(--ease);white-space:nowrap}.lanyard-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:9999px;background:#fff;box-shadow:inset 0 .5px #ffffffe6,inset 0 -1px 2px #2b262214,0 4px 12px -4px #2b262229,0 0 0 calc(var(--active) * 4px) #c0877c59;transition:all .3s var(--ease);z-index:0}.lanyard-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:9999px;opacity:var(--active);transition:opacity .3s var(--ease);z-index:2;background:#c0877c33;background-image:radial-gradient(at 51% 89%,rgba(226,186,180,.75) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(179,137,74,.65) 0,transparent 50%),radial-gradient(at 22% 91%,rgba(124,154,144,.65) 0,transparent 50%);background-position:top}.lanyard-btn:hover,.lanyard-btn:focus-visible,.lanyard-btn.active{--active: 1}.lanyard-btn:active{transform:scale(1)}.lanyard-btn .dots_border{--size_border: calc(100% + 3px) ;width:var(--size_border);height:var(--size_border);border-radius:9999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;z-index:-1;background:transparent;pointer-events:none}.lanyard-btn .dots_border:before{content:"";position:absolute;top:30%;left:50%;transform-origin:0;width:100%;height:2rem;background:#c0877c;animation:lanyard-rotate 2s linear infinite;-webkit-mask:linear-gradient(transparent 0%,#fff 120%);mask:linear-gradient(transparent 0%,#fff 120%)}.lanyard-btn .text_button{position:relative;z-index:10;font-size:13px;font-weight:500;color:var(--text);letter-spacing:.02em;background-image:linear-gradient(90deg,var(--text) 0%,rgba(192,135,124,calc(var(--active) * 1)) 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-image .3s var(--ease)}@keyframes lanyard-rotate{to{transform:rotate(360deg)}}@media (max-width: 1024px){.nav-links{position:static;transform:none;gap:28px}}@media (max-width: 768px){.nav-links{display:none}.lanyard-btn,.nav-cta{padding:9px 14px}}@media (max-width: 420px){.lanyard-btn .text_button{display:none}.lanyard-btn{padding:10px;aspect-ratio:1 / 1}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-svg-filters{position:absolute;width:0;height:0;pointer-events:none}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-orb{position:absolute;border-radius:50%;filter:blur(110px);will-change:transform}.hero-orb--1{width:50vw;height:50vw;max-width:800px;max-height:800px;background:radial-gradient(circle,rgba(192,135,124,.16),transparent 65%);top:-12%;left:-8%;animation:drift-1 22s ease-in-out infinite}.hero-orb--2{width:45vw;height:45vw;max-width:700px;max-height:700px;background:radial-gradient(circle,rgba(179,137,74,.14),transparent 65%);bottom:-10%;right:-5%;animation:drift-2 28s ease-in-out infinite}.hero-orb--3{width:35vw;height:35vw;max-width:550px;max-height:550px;background:radial-gradient(circle,rgba(124,154,144,.13),transparent 65%);top:30%;right:20%;animation:drift-3 26s ease-in-out infinite}.hero-orb--4{width:30vw;height:30vw;max-width:450px;max-height:450px;background:radial-gradient(circle,rgba(226,186,180,.16),transparent 65%);bottom:15%;left:25%;animation:drift-1 30s ease-in-out infinite reverse}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(43,38,34,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(43,38,34,.045) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}.hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 0%,var(--bg) 90%),linear-gradient(180deg,rgba(245,242,238,.5) 0%,transparent 30%,transparent 70%,rgba(245,242,238,.92) 100%)}.hero-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.02;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.hero-content{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter);width:100%}.hero-main{display:flex;align-items:center;justify-content:space-between;gap:48px;min-height:70vh}.hero-copy{flex:1 1 0;min-width:0}.hero-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:36px;font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.hero-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent-glow);animation:pulse 3s ease-in-out infinite}.hero-eyebrow-sep{width:1px;height:12px;background:var(--border)}.hero-title{font-size:clamp(42px,5.8vw,92px);font-weight:200;line-height:1.04;letter-spacing:-.04em;margin-bottom:12px}.hero-title--interactive{display:inline-block;transform-style:preserve-3d;transition:transform .2s ease-out;cursor:default}.hero-title-line{display:block;overflow:hidden}.hero-title-line--small{font-size:.42em;font-weight:400;letter-spacing:.02em;color:var(--text-dim);margin-bottom:.15em;line-height:1.2}.hero-title-line--lead{position:relative;font-weight:800;background:linear-gradient(135deg,#2b2622,#b07064 35%,#c0877c 50%,#b3894a,#9a7a64);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:background-position .5s ease-out;line-height:1.1}.hero-title--interactive:hover .hero-title-line--lead{background-position:100% 100%}.hero-title-word{display:inline-block;transform-origin:left center;transition:transform .4s var(--ease),text-shadow .4s var(--ease)}.hero-title--interactive:hover .hero-title-word{transform:translateZ(36px) rotateX(-3deg);text-shadow:0 12px 36px rgba(192,135,124,.2),0 6px 18px rgba(179,137,74,.14)}.hero-title-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(192,135,124,.18),transparent 65%);pointer-events:none;transform:translate(-50%,-50%);filter:blur(40px);transition:opacity .3s var(--ease);z-index:-1}.hero-subtitle{max-width:540px;margin-top:28px;font-size:16px;line-height:1.85;color:var(--text-dim);font-weight:300}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:44px}.hero-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;font-size:14px;font-weight:500;border-radius:100px;transition:all .3s var(--ease)}.hero-btn--primary{background:var(--text);color:var(--bg)}.hero-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #2b26222e}.hero-btn--ghost{border:1px solid var(--border);color:var(--text-dim)}.hero-btn--ghost:hover{border-color:var(--border-hover);color:var(--text)}.hero-btn svg{width:16px;height:16px;transition:transform .3s var(--ease)}.hero-btn:hover svg{transform:translate(3px)}.hero-visual{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.hero-avatar{position:relative;width:clamp(340px,34vw,500px);animation:avatar-float 6s ease-in-out infinite}.hero-avatar-particles{position:absolute;top:50%;left:50%;width:156%;height:156%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.hero-avatar-glow-wrap{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:0;will-change:transform;pointer-events:none}.hero-avatar-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,#c0877c57,#b3894a4d,#e2bab44d,#c0877c57);filter:blur(50px);opacity:.5;animation:avatar-spin 12s linear infinite;mask-image:radial-gradient(ellipse at center,black 40%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 70%)}.hero-avatar-parallax{position:relative;z-index:2;width:100%;transform-style:preserve-3d;will-change:transform}.hero-avatar-image{position:relative;z-index:2;width:100%;background:transparent;filter:url(#avatar-edge-glow);animation:avatar-edge-hue 5s linear infinite;transform-style:preserve-3d;will-change:transform}.hero-avatar-img{width:100%;height:auto;display:block;object-fit:contain;transform:scale(1.05);transform-origin:center;filter:saturate(1.06) contrast(1.03) brightness(1.02)}.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.hero-scroll-line{width:1px;height:36px;background:var(--border);position:relative;overflow:hidden}.hero-scroll-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(180deg,var(--accent),transparent);animation:scroll-cue 2s ease-in-out infinite}.hero-side{position:absolute;right:var(--gutter);bottom:48px;z-index:3;text-align:right;font-size:13px;color:var(--text-faint);line-height:1.8}.hero-side strong{color:var(--text-dim);font-weight:400}@keyframes drift-1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(8%,6%) scale(1.08)}}@keyframes drift-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-6%,-8%) scale(1.05)}}@keyframes drift-3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10%,-5%) scale(1.12)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}@keyframes scroll-cue{0%{transform:translateY(-100%)}50%,to{transform:translateY(200%)}}@keyframes avatar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes avatar-edge-hue{0%,to{filter:url(#avatar-edge-glow) drop-shadow(0 0 8px rgba(192,135,124,.65)) drop-shadow(0 0 18px rgba(226,186,180,.45)) drop-shadow(0 0 36px rgba(179,137,74,.28))}25%{filter:url(#avatar-edge-glow) drop-shadow(0 0 10px rgba(226,186,180,.65)) drop-shadow(0 0 22px rgba(192,135,124,.45)) drop-shadow(0 0 42px rgba(179,137,74,.28))}50%{filter:url(#avatar-edge-glow) drop-shadow(0 0 8px rgba(179,137,74,.62)) drop-shadow(0 0 18px rgba(216,168,160,.45)) drop-shadow(0 0 36px rgba(192,135,124,.28))}75%{filter:url(#avatar-edge-glow) drop-shadow(0 0 10px rgba(192,135,124,.65)) drop-shadow(0 0 22px rgba(179,137,74,.45)) drop-shadow(0 0 42px rgba(226,186,180,.28))}}@media (hover: none){.hero-avatar-particles{display:none}}@media (prefers-reduced-motion: reduce){.hero-avatar-particles{display:none}.hero-avatar{animation:none}}@media (max-width: 1100px){.hero-main{flex-direction:column;justify-content:center;text-align:center;gap:56px;padding-top:120px;padding-bottom:120px}.hero-copy{order:1}.hero-visual{order:0}.hero-eyebrow{justify-content:center}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-side{display:none}.hero-avatar{width:clamp(300px,52vw,400px)}}@media (max-width: 640px){.hero-title{font-size:clamp(36px,12vw,64px)}.hero-avatar{width:280px}.hero-actions{flex-direction:column;align-items:stretch}.hero-btn{justify-content:center}}.about{padding:100px 0;position:relative}.about:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(192,135,124,.07),transparent 45%),radial-gradient(circle at 80% 70%,rgba(179,137,74,.05),transparent 45%);pointer-events:none}.about-card{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:stretch}.about-left{display:flex;flex-direction:column;gap:24px;height:100%;position:relative}.about-badge{position:relative;background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-soft) 100%);border:2px solid var(--border-hover);border-radius:24px;padding:32px 24px 24px;box-shadow:0 8px #b3894a1a,0 24px 60px #2b262224,0 0 0 1px #fff9 inset,inset 0 1px #ffffffe6;overflow:hidden}.about-badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.035;mix-blend-mode:overlay;pointer-events:none}.about-badge-hole{position:absolute;top:18px;left:50%;transform:translate(-50%);width:56px;height:16px;border-radius:999px;background:var(--bg);border:1px solid var(--border-hover);box-shadow:inset 0 2px 6px #2b262238;z-index:3}.about-badge-lanyard{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:28px;height:110px;background:linear-gradient(90deg,#c0877c,#d4a57a 45%,#e8c3a8 55%,#c0877c);border-radius:0 0 6px 6px;z-index:1;box-shadow:0 6px 14px #2b26222e,inset 0 0 0 1px #ffffff59}.about-badge-inner{position:relative;z-index:2}.about-badge-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.about-badge-num{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--text);padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft)}.about-badge-smiley{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:conic-gradient(from 180deg,#c9a86b,#c0877c,#e2b7b0,#9ab5aa,#c9a86b);font-size:18px;color:var(--bg)}.about-badge-photo{width:100%;aspect-ratio:1 / .95;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#c0877c1a,#b3894a14);border:1px solid var(--border);margin-bottom:16px;position:relative}.about-badge-photo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(192,135,124,.14),transparent 60%);pointer-events:none}.about-badge-photo img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(1.05) contrast(1.02)}.about-badge-welcome{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.about-badge-welcome-en{font-size:24px;font-weight:900;letter-spacing:-.02em;color:var(--text);line-height:1}.about-badge-welcome-cn{font-size:12px;color:var(--text-faint);letter-spacing:.08em}.about-badge-name{display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-bottom:12px}.about-badge-name strong{font-size:17px;font-weight:700;letter-spacing:.04em;color:var(--text)}.about-badge-name span{font-size:9px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.about-badge-tags{display:flex;flex-wrap:wrap;gap:6px}.about-badge-tags span{font-size:10px;font-family:var(--mono);letter-spacing:.04em;padding:5px 8px;border-radius:6px;border:1px solid var(--border);color:var(--text-dim);background:var(--bg-soft)}.about-badge-barcode{position:absolute;bottom:14px;right:20px;font-family:var(--mono);font-size:10px;letter-spacing:2px;color:var(--text-muted);opacity:.6;writing-mode:vertical-rl;transform:rotate(180deg)}.about-contact-panel{padding:20px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;box-shadow:0 20px 50px #2b262214}.about-contact-item{display:flex;flex-direction:column;gap:4px}.about-contact-label{font-size:9px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.about-contact-value{font-size:13px;color:var(--text-dim);transition:color .25s var(--ease)}.about-contact-value:hover{color:var(--accent)}.about-experience-edu-row{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch;margin-bottom:0}.about-experience-left-col{display:flex;flex-direction:column;gap:20px;min-width:0;height:100%}.about-experience-edu-row .about-section-title{min-height:38px;align-items:center}.about-honors-section{margin-top:auto;margin-bottom:0;padding:18px;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 50px #2b262214}.about-honors-section .about-section-title{margin-bottom:16px}.about-honor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.about-honor-item{padding:14px 16px;background:var(--bg);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:6px;transition:border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}.about-honor-item:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 18px #2b26220f}.about-honor-year{font-size:10px;font-family:var(--mono);color:var(--accent);letter-spacing:.1em;font-weight:600}.about-honor-title{font-size:12.5px;font-weight:500;color:var(--text);line-height:1.5;white-space:pre-line}.about-content{position:relative;padding-top:4px;display:flex;flex-direction:column;justify-content:space-between}.about-content-main{flex:1;min-width:0}.about-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.about-bracket{font-size:44px;font-weight:200;color:var(--border-hover);line-height:1}.about-title{font-size:clamp(36px,4vw,56px);font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:8px}.about-roles{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--text-faint)}.about-greeting{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.about-greeting-tag{font-size:11px;font-family:var(--mono);color:var(--accent);padding:5px 10px;border:1px solid var(--accent-soft);border-radius:6px;background:var(--accent-soft)}.about-greeting h3{font-size:clamp(20px,2.4vw,26px);font-weight:600;letter-spacing:-.02em}.about-bio{display:flex;flex-direction:column;gap:12px;margin-bottom:36px}.about-bio p{font-size:15px;line-height:1.7;color:var(--text-dim);font-weight:300}.about-bio strong{color:var(--text);font-weight:500}.about-section-title{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:16px;font-weight:700;color:var(--text)}.about-section-title span:last-child{font-size:11px;font-weight:400;font-family:var(--mono);color:var(--text-faint);padding:3px 8px;border:1px solid var(--border);border-radius:100px}.about-experience{margin-bottom:36px}.about-timeline{display:flex;flex-direction:column;gap:18px;position:relative}.about-timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,var(--border),var(--border-hover),var(--border))}.about-timeline-item{display:flex;gap:16px;position:relative;padding-left:24px}.about-timeline-dot{position:absolute;left:0;top:6px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}.about-timeline-meta{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:6px;flex-wrap:wrap}.about-timeline-meta strong{font-size:14px;font-weight:600;color:var(--text)}.about-timeline-meta span{font-size:11px;font-family:var(--mono);color:var(--text-faint);white-space:nowrap}.about-timeline-meta-left{display:flex;flex-direction:column;gap:3px;min-width:0}.about-timeline-org{font-size:11px;font-weight:400;color:var(--text-dim);letter-spacing:0;text-transform:none;font-family:var(--sans, inherit);white-space:normal}.about-timeline-period{font-size:11px;font-family:var(--mono);color:var(--accent);letter-spacing:.04em;white-space:nowrap;padding:3px 8px;background:var(--accent-soft);border-radius:6px;align-self:flex-start}.about-timeline-main p{font-size:13px;line-height:1.65;color:var(--text-dim);font-weight:300;margin-top:4px}.about-timeline-bullets{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.about-timeline-bullets li{font-size:12.5px;line-height:1.65;color:var(--text-dim);font-weight:300;position:relative;padding-left:12px}.about-timeline-bullets li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:var(--accent);opacity:.7}.about-timeline-bullets li strong{color:var(--text);font-weight:600;margin-right:2px}.about-education{margin-bottom:0}.about-education .about-section-title{margin-bottom:16px}.about-education .about-timeline:before{background:linear-gradient(180deg,var(--border-hover),var(--accent-soft),var(--border-hover))}.about-timeline-item--edu .about-timeline-dot{background:var(--accent-soft);border-color:var(--accent)}.about-edu-gpa{display:flex;align-items:center;gap:8px;margin-top:10px}.about-edu-gpa-label{font-size:10px;font-family:var(--mono);color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase}.about-edu-gpa-value{font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:3px 10px;border-radius:100px;letter-spacing:.01em}.about-edu-courses{margin-top:10px}.about-edu-courses-label{font-size:10px;font-family:var(--mono);color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:8px}.about-edu-courses-list{display:flex;flex-wrap:wrap;gap:6px}.about-edu-course-tag{font-size:11px;font-weight:400;color:var(--text-dim);background:var(--bg);border:1px solid var(--border);padding:4px 10px;border-radius:6px;line-height:1.4;transition:border-color .3s var(--ease),color .3s var(--ease)}.about-edu-course-tag:hover{border-color:var(--accent);color:var(--accent)}.about-timeline-item--todo .about-timeline-meta strong{color:var(--accent);font-style:italic;letter-spacing:.02em}.about-timeline-item--todo .about-timeline-main p{color:var(--text-faint);font-style:italic}.about-video-section{margin-top:auto;margin-bottom:0;padding:20px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 50px #2b262214}.about-video-section .about-section-title{margin-bottom:14px}.about-video-grid{display:grid;grid-template-columns:1fr;gap:8px}.about-video-card{padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;gap:8px;box-shadow:none}.about-video-num{font-size:10px;font-family:var(--mono);color:var(--accent);font-weight:600;letter-spacing:.06em;min-width:20px}.about-video-card strong{font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap;margin-right:4px}.about-video-card span{font-size:11px;color:var(--text-faint);line-height:1.4;margin-left:auto;text-align:right;white-space:nowrap}@media (max-width: 1400px){.about-card{grid-template-columns:300px 1fr;gap:40px}}@media (max-width: 1200px){.about-card{grid-template-columns:280px 1fr;gap:36px}.about-experience-edu-row{grid-template-columns:1fr;gap:24px}}@media (max-width: 1024px){.about-card{grid-template-columns:1fr;gap:48px}.about-left{display:grid;grid-template-columns:minmax(260px,360px) 1fr;align-items:start;gap:24px}.about-video-section{grid-column:1 / -1;margin-top:0}.about-honors-section{margin-top:0}.about-honor-grid{grid-template-columns:repeat(2,1fr)}.about-badge{max-width:360px;margin:0 auto}.about-badge-lanyard{display:none}.about-contact-panel{max-width:360px}.about-content{display:block}.about-header{justify-content:center;text-align:center}.about-greeting{justify-content:center}}@media (max-width: 768px){.about{padding:80px 0}.about-left{grid-template-columns:1fr}.about-badge{padding:32px 24px 24px}.about-contact-panel{grid-template-columns:1fr 1fr}.about-header{gap:16px}.about-bracket{font-size:40px}.about-timeline-meta{flex-direction:column;gap:4px}.about-video-grid,.about-honor-grid{grid-template-columns:1fr}}.photo-showcase{margin-top:80px}.photo-header{display:flex;align-items:center;gap:16px;margin-bottom:36px}.photo-header-en{font-family:var(--mono);font-size:13px;letter-spacing:.18em;color:var(--text-dim)}.photo-header-zh{font-size:13px;color:var(--text-faint)}.photo-header-line{flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.photo-main{display:flex;align-items:center;gap:32px}.photo-main-image{position:relative;flex:0 0 auto;width:fit-content;max-width:min(52%,720px);background:transparent;border:none;border-radius:12px;overflow:hidden;cursor:zoom-in;line-height:0}.photo-main-image img{display:block;width:auto;height:auto;max-width:100%;max-height:min(58vh,560px);object-fit:contain;object-position:center;border-radius:12px}.photo-image-caption{position:absolute;bottom:18px;left:18px;font-size:13px;color:#f5f2eeeb;display:flex;align-items:center;gap:8px;text-shadow:0 1px 4px rgba(43,38,34,.35);z-index:2}.photo-image-caption:before{content:"";width:3px;height:14px;background:var(--accent)}.photo-image-hint{position:absolute;top:14px;right:14px;padding:6px 12px;font-size:11px;font-family:var(--mono);letter-spacing:.06em;color:#f5f2eee6;background:#2b262259;border-radius:100px;opacity:0;transform:translateY(-4px);transition:all .3s var(--ease);z-index:2}.photo-main-image:hover .photo-image-hint{opacity:1;transform:translateY(0)}.photo-main-content{display:flex;flex-direction:column;gap:18px;flex:1 1 280px;min-width:260px;max-width:480px}.photo-label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--accent);letter-spacing:.08em}.photo-label-dash{width:16px;height:1px;background:var(--accent)}.photo-meta{font-size:12px;letter-spacing:.08em;color:var(--text-faint);font-family:var(--mono)}.photo-title{font-size:clamp(28px,2.6vw,42px);font-weight:500;line-height:1.1;letter-spacing:-.02em}.photo-desc{font-size:15px;line-height:1.8;color:var(--text-dim);font-weight:300}.photo-info{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--text-faint);font-family:var(--mono)}.photo-info-dot{width:3px;height:3px;border-radius:50%;background:var(--text-faint)}.photo-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text);transition:color .3s var(--ease);margin-top:4px}.photo-link svg{width:16px;height:16px;transition:transform .3s var(--ease)}.photo-link:hover{color:var(--accent)}.photo-link:hover svg{transform:translate(4px,-4px)}.photo-thumbs{display:flex;gap:14px;margin-top:32px;overflow-x:auto;padding-bottom:8px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.photo-thumbs::-webkit-scrollbar{height:4px}.photo-thumbs::-webkit-scrollbar-track{background:transparent}.photo-thumbs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.photo-thumb{position:relative;flex:0 0 auto;width:148px;height:110px;border-radius:8px;overflow:hidden;border:1px solid var(--border-soft);cursor:pointer;padding:0;background:var(--bg-card);transition:border-color .3s var(--ease),transform .3s var(--ease)}.photo-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s var(--ease)}.photo-thumb:hover{border-color:var(--border-hover)}.photo-thumb:hover img{transform:scale(1.05)}.photo-thumb.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.photo-thumb.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;box-shadow:inset 0 0 0 2px var(--accent);pointer-events:none}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0f0e0deb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:lightbox-fade .3s var(--ease)}.photo-lightbox-content{position:relative;max-width:90vw;max-height:86vh;display:flex;flex-direction:column;align-items:center;gap:16px}.photo-lightbox-content img{max-width:100%;max-height:78vh;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 40px 100px #00000073}.photo-lightbox-title{font-size:14px;color:#f5f2eecc;letter-spacing:.04em}.photo-lightbox-close,.photo-lightbox-nav{position:absolute;display:flex;align-items:center;justify-content:center;border:none;background:#f5f2ee1a;color:#f5f2eee6;border-radius:50%;cursor:pointer;transition:background .25s var(--ease),transform .25s var(--ease);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.photo-lightbox-close{top:24px;right:24px;width:44px;height:44px;font-size:28px;line-height:1}.photo-lightbox-nav{top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:32px}.photo-lightbox-prev{left:24px}.photo-lightbox-next{right:24px}.photo-lightbox-close:hover,.photo-lightbox-nav:hover{background:#f5f2ee33;transform:translateY(-50%) scale(1.05)}.photo-lightbox-close:hover{transform:scale(1.05)}@media (max-width: 900px){.photo-main{flex-direction:column;align-items:stretch;gap:24px}.photo-main-image{max-width:100%;margin:0 auto}.photo-main-content{max-width:100%}.photo-lightbox-nav{display:none}}@media (max-width: 560px){.photo-thumb{width:120px;height:90px}}.projects{padding:140px 0;position:relative}.projects-inner{max-width:1280px;margin:0 auto;padding:0 var(--gutter)}.projects-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:56px;gap:40px}.projects-heading{font-size:clamp(34px,3.4vw,48px);font-weight:600;line-height:1.05;letter-spacing:-.03em;margin-top:16px}.projects-heading em{font-style:normal;font-weight:200;color:var(--text-dim)}.projects-desc{max-width:340px;font-size:15px;line-height:1.7;color:var(--text-faint);font-weight:300}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.project-card{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border-soft);background:var(--bg-card);transition:all .5s var(--ease);cursor:pointer}.project-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 20px 50px #2b26221f}.project-image{position:relative;width:100%;aspect-ratio:16 / 11;overflow:hidden;cursor:pointer}.project-image-grad{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .6s var(--ease)}.project-card:hover .project-image-grad{transform:scale(1.05)}.project-image-grad--1{background:radial-gradient(circle at 25% 30%,rgba(192,135,124,.3),transparent 55%),radial-gradient(circle at 75% 70%,rgba(179,137,74,.22),transparent 55%),linear-gradient(135deg,#efe5df,#e5d8cf)}.project-image-grad--2{background:radial-gradient(circle at 70% 25%,rgba(124,154,144,.28),transparent 55%),radial-gradient(circle at 25% 75%,rgba(192,135,124,.2),transparent 55%),linear-gradient(135deg,#e9ebe8,#dbe1dc)}.project-image-grad--3{background:radial-gradient(circle at 30% 60%,rgba(226,186,180,.32),transparent 55%),radial-gradient(circle at 70% 30%,rgba(179,137,74,.18),transparent 55%),linear-gradient(135deg,#f0e5e1,#e7dad3)}.project-image-grad--4{background:radial-gradient(circle at 50% 30%,rgba(179,137,74,.28),transparent 55%),radial-gradient(circle at 30% 80%,rgba(124,154,144,.2),transparent 55%),linear-gradient(135deg,#eee6d6,#e2d9c4)}.project-image-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(43,38,34,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(43,38,34,.05) 1px,transparent 1px);background-size:40px 40px}.project-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(43,38,34,.08) 100%)}.project-image-num{position:absolute;top:20px;left:20px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:#2b26228c;z-index:2}.project-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background:#ffffff9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);display:flex;align-items:center;justify-content:center;z-index:3;cursor:pointer;opacity:0;transition:opacity .35s var(--ease),background .3s var(--ease)}.project-nav svg{width:18px;height:18px}.project-nav--prev{left:16px}.project-nav--next{right:16px}.project-card:hover .project-nav{opacity:1}.project-nav:hover{background:#ffffffe6}.project-dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:3}.project-dot{width:7px;height:7px;border-radius:50%;border:none;padding:0;background:#ffffff8c;cursor:pointer;transition:all .3s var(--ease)}.project-dot.active{background:#fff;width:20px;border-radius:4px}.project-zoom{position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:50%;background:#ffffff8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3;color:var(--text);opacity:0;transform:scale(.8);transition:all .4s var(--ease);pointer-events:none}.project-zoom svg{width:16px;height:16px}.project-card:hover .project-zoom{opacity:1;transform:scale(1)}.project-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s var(--ease),transform .7s var(--ease)}.project-cover.active{opacity:1}.project-card:hover .project-cover.active{transform:scale(1.04)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:4vh 4vw;background:#24201ddb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:lightbox-fade .3s ease both}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}.lightbox-img{max-width:88vw;max-height:86vh;object-fit:contain;border-radius:10px;box-shadow:0 30px 80px #00000073;animation:lightbox-pop .3s var(--ease) both}@keyframes lightbox-pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-close{position:absolute;top:26px;right:30px;width:44px;height:44px;border-radius:50%;border:none;background:#ffffff24;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s var(--ease)}.lightbox-close:hover{background:#ffffff47}.lightbox-close svg{width:20px;height:20px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:none;background:#ffffff24;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s var(--ease)}.lightbox-nav:hover{background:#ffffff4d}.lightbox-nav svg{width:24px;height:24px}.lightbox-nav--prev{left:3vw}.lightbox-nav--next{right:3vw}.lightbox-counter{position:absolute;bottom:30px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:13px;letter-spacing:.08em;color:#ffffffd1}.project-body{padding:28px 28px 32px;display:flex;flex-direction:column;gap:8px}.project-meta{display:flex;align-items:center;gap:12px;font-size:12px;font-family:var(--mono);letter-spacing:.06em;color:var(--text-faint)}.project-meta-sep{width:3px;height:3px;border-radius:50%;background:var(--text-faint)}.project-title{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2;transition:color .3s var(--ease)}.project-card:hover .project-title{color:var(--accent)}.project-desc{font-size:14px;line-height:1.6;color:var(--text-faint);font-weight:300;max-width:420px}.project-link{display:inline-flex;align-items:center;gap:6px;margin-top:2px;font-size:13px;font-weight:400;line-height:1.5;color:var(--accent);text-decoration:none;transition:color .3s var(--ease),gap .3s var(--ease);word-break:break-word}.project-link svg{width:14px;height:14px;flex-shrink:0;transition:transform .3s var(--ease)}.project-link:hover{color:var(--accent-strong, #a86f63);gap:9px}.project-link:hover svg{transform:translate(1px,-1px)}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.project-tag{padding:4px 12px;font-size:11px;letter-spacing:.04em;border-radius:100px;border:1px solid var(--border-soft);color:var(--text-dim);background:#fff9}@media (max-width: 900px){.projects-grid{grid-template-columns:1fr}.projects-header{flex-direction:column;align-items:flex-start}}.advantages{padding:120px 0;position:relative;background:var(--bg-soft);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.advantages:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:400px;background:radial-gradient(ellipse at top,rgba(192,135,124,.06),transparent 70%);pointer-events:none}.advantages-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter);position:relative;z-index:1}.advantages-header{text-align:center;margin-bottom:64px}.advantages-header .section-label{justify-content:center}.advantages-heading{font-size:clamp(36px,4vw,56px);font-weight:600;line-height:1.05;letter-spacing:-.03em;margin-top:16px}.advantages-heading em{font-style:normal;font-weight:200;color:var(--text-dim)}.advantages-desc{max-width:540px;margin:20px auto 0;font-size:15px;line-height:1.7;color:var(--text-faint);font-weight:300}.advantages-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:20px;max-width:980px;margin:0 auto}.adv-card{position:relative;padding:28px 24px 24px;border-radius:16px;border:1px solid var(--border-soft);background:var(--bg-card);transition:all .4s var(--ease);overflow:hidden}.adv-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-soft),transparent);opacity:0;transition:opacity .4s var(--ease)}.adv-card:hover{border-color:var(--border-hover);background:var(--bg-elevated);transform:translateY(-3px)}.adv-card:hover:before{opacity:1}.adv-card-num{position:absolute;top:20px;right:22px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--text-muted)}.adv-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#c0877c1a;border:1px solid rgba(192,135,124,.16);margin-bottom:20px;transition:all .4s var(--ease)}.adv-card:hover .adv-card-icon{background:#c0877c29;border-color:#c0877c4d;box-shadow:0 0 20px #c0877c24}.adv-card-icon svg{width:20px;height:20px;color:var(--accent)}.adv-card-title{font-size:18px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.adv-card-title-en{font-size:12px;font-weight:400;color:var(--text-faint);letter-spacing:.02em}.adv-card-desc{font-size:13px;line-height:1.6;color:var(--text-faint);font-weight:300}@media (max-width: 1024px){.advantages-grid{grid-template-columns:repeat(2,minmax(260px,1fr));max-width:660px}}@media (max-width: 640px){.advantages-grid{grid-template-columns:1fr;max-width:420px}}.contact{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:120px 0}.contact-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.contact-glow{position:absolute;top:50%;left:50%;width:70vw;height:70vw;max-width:900px;max-height:900px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(192,135,124,.1),transparent 60%);filter:blur(80px);animation:pulse 6s ease-in-out infinite}.contact-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(43,38,34,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(43,38,34,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.contact-inner{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter);width:100%;text-align:center}.contact-eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:36px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.contact-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent-glow);animation:pulse 3s ease-in-out infinite}.contact-heading{font-size:clamp(40px,7vw,96px);font-weight:200;line-height:1.02;letter-spacing:-.04em;margin-bottom:24px}.contact-heading strong{font-weight:700;background:linear-gradient(135deg,#2b2622,#c0877c 55%,#b3894a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-sub{max-width:520px;margin:0 auto 56px;font-size:17px;line-height:1.7;color:var(--text-dim);font-weight:300}.contact-email{display:inline-flex;align-items:center;gap:14px;font-size:clamp(20px,2.5vw,32px);font-weight:400;letter-spacing:-.02em;color:var(--text);transition:color .3s var(--ease);padding:16px 40px;border:1px solid var(--border);border-radius:100px;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .4s var(--ease)}.contact-email:hover{border-color:#c0877c66;background:#fff;transform:translateY(-2px);box-shadow:0 10px 40px #c0877c29}.contact-email svg{width:22px;height:22px;color:var(--accent);transition:transform .3s var(--ease)}.contact-email:hover svg{transform:translate(4px)}.contact-socials{display:flex;justify-content:center;gap:12px;margin-top:48px}.contact-social{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:13px;color:var(--text-faint);border:1px solid var(--border-soft);border-radius:100px;transition:all .3s var(--ease)}.contact-social:hover{color:var(--text);border-color:var(--border-hover);background:#ffffffb3}.contact-social svg{width:14px;height:14px}.contact-footer{position:absolute;bottom:0;left:0;right:0;padding:24px var(--gutter);border-top:1px solid var(--border-soft);z-index:3}.contact-footer-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-faint);font-family:var(--mono);letter-spacing:.04em}.contact-footer-link{transition:color .3s var(--ease)}.contact-footer-link:hover{color:var(--text-dim)}@media (max-width: 768px){.contact-footer-inner{flex-direction:column;gap:8px;text-align:center}.contact-socials{flex-wrap:wrap}}.lanyard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;pointer-events:auto;cursor:grab;background:#0f0e0d00}.lanyard-overlay.dragging{cursor:grabbing}.lanyard-overlay canvas{display:block;width:100%!important;height:100%!important;outline:none}.lanyard-loading{position:fixed;top:50%;left:50%;z-index:100;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:8px;background:#2b2622d9;color:#f5f2ee;font-size:14px;font-weight:400;letter-spacing:.02em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lanyard-loading-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent-glow);animation:lanyard-pulse 1s ease-in-out infinite}@keyframes lanyard-pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.lanyard-fallback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;max-width:320px;padding:8px}.lanyard-fallback img{width:200px;height:auto;border-radius:14px;box-shadow:0 20px 50px #2b262240}.lanyard-fallback p{color:var(--text-dim);font-size:13px;letter-spacing:.03em;margin:0}.lanyard-fallback-close{margin-top:4px;padding:8px 22px;border:1px solid var(--border-hover);border-radius:9999px;background:var(--bg-card);color:var(--text);font-size:13px;cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease)}.lanyard-fallback-close:hover{background:var(--accent);color:#fff}.lanyard-hint{position:fixed;bottom:32px;left:50%;transform:translate(-50%);pointer-events:none;color:var(--text-dim);font-size:13px;font-weight:400;letter-spacing:.05em;padding:8px 18px;border-radius:9999px;background:#f5f2eed1;border:1px solid rgba(43,38,34,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media (max-width: 768px){.lanyard-hint{font-size:12px;padding:6px 14px}}:root{--bg: #f5f2ee;--bg-soft: #eeeae3;--bg-card: #fbf9f6;--bg-elevated: #ffffff;--border: rgba(43, 38, 34, .11);--border-soft: rgba(43, 38, 34, .07);--border-hover: rgba(43, 38, 34, .2);--text: #2b2622;--text-dim: #6e655c;--text-faint: #978d82;--text-muted: #b6ada2;--accent: #c0877c;--accent-soft: rgba(192, 135, 124, .1);--accent-glow: rgba(192, 135, 124, .28);--accent-warm: #b3894a;--accent-cool: #7c9a90;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "SF Mono", "Cascadia Code", "Consolas", monospace;--max-w: 1700px;--gutter: 64px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur: .6s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;overflow-x:hidden;letter-spacing:-.01em}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#2b262229;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2b262247}::selection{background:#c0877c38;color:var(--text)}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter)}.section{position:relative;scroll-margin-top:92px}.section-label{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.section-label:before{content:"";width:24px;height:1px;background:var(--border-hover)}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-warm));transform:scaleX(0);transform-origin:left;z-index:9999;pointer-events:none}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transform:translateY(30px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal-stagger.visible>*:nth-child(1){transition-delay:0s}.reveal-stagger.visible>*:nth-child(2){transition-delay:.08s}.reveal-stagger.visible>*:nth-child(3){transition-delay:.16s}.reveal-stagger.visible>*:nth-child(4){transition-delay:.24s}.reveal-stagger.visible>*:nth-child(5){transition-delay:.32s}.reveal-stagger.visible>*:nth-child(6){transition-delay:.4s}.reveal-stagger.visible>*{opacity:1;transform:translateY(0)}@keyframes drift-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(8vw,6vh) scale(1.15)}66%{transform:translate(-4vw,4vh) scale(.92)}}@keyframes drift-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-6vw,-5vh) scale(.9)}66%{transform:translate(5vw,-8vh) scale(1.1)}}@keyframes drift-3{0%,to{transform:translate(0) scale(1.05)}50%{transform:translate(6vw,5vh) scale(.95)}}@keyframes scroll-cue{0%{transform:translateY(0);opacity:0}40%{opacity:1}to{transform:translateY(14px);opacity:0}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@media (max-width: 1024px){:root{--gutter: 40px}}@media (max-width: 768px){:root{--gutter: 24px}}