@import "https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&family=Noto+Sans+SC:wght@200;300;400;500;700&family=Noto+Serif+SC:wght@500;600;700;900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0b;--bg-secondary:#111113;--bg-card:#161618;--bg-card-hover:#1c1c1f;--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--text-primary:#f0f0f0;--text-secondary:#8a8a8f;--text-muted:#555558;--accent:#b8ff3a;--accent-soft:#d4ff7a;--accent-dim:#b8ff3a26;--accent-glow:#b8ff3a4d;--max-width:1700px;--section-padding:120px 0;--font-sans:"Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 60px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (width<=768px){:root{--section-padding:72px 0}html{scroll-padding-top:64px}.container{padding-inline:20px}.section-title{margin-bottom:16px;font-size:clamp(2rem,9vw,2.6rem)}.section-desc{font-size:.92rem;line-height:1.7}.section-label{letter-spacing:.16em;font-size:.68rem}}@media (width<=380px){.container{padding-inline:16px}}.section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:.75rem;font-weight:500}.section-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:24px;font-size:3rem;font-weight:300;line-height:1.2}.section-desc{color:var(--text-secondary);max-width:560px;font-size:1.05rem;font-weight:300;line-height:1.7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.app{min-height:100vh;position:relative}.hero{background:#050507;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;min-height:100vh;padding:100px 60px 80px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;filter:grayscale(.35)contrast(1.08)brightness(.82);will-change:transform;background-image:url(/images/hero-bg.jpg);background-position:50% 60%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-20px}.hero-bg-overlay{background:linear-gradient(#050507b3 0%,#05050759 25%,#05050740 50%,#05050780 75%,#050507d9 100%),radial-gradient(#0000 0%,#05050759 70%,#050507a6 100%);position:absolute;inset:-20px}.hero-vignette{background:radial-gradient(#0000 35%,#05050733 75%,#05050799 100%);position:absolute;inset:-20px}.hero-curtain{z-index:1;background:#050507;position:absolute;inset:-20px}.hero-grain{z-index:2;opacity:.08;pointer-events:none;mix-blend-mode:overlay;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.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:8s steps(10,end) infinite grain;position:absolute;inset:-50%}.hero-scanlines{z-index:3;pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000f 2px 4px);position:absolute;inset:0}.hero-grid-dots{z-index:4;pointer-events:none;opacity:.12;background-image:radial-gradient(circle,#b8ff3a80 .5px,#0000 .5px);background-size:40px 40px;position:absolute;inset:0}.hero-nav{z-index:100;-webkit-backdrop-filter:blur(20px);opacity:0;background:#0505078c;border-bottom:1px solid #ffffff0f;align-items:center;height:64px;padding:0 60px;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-20px)}.hero-nav.visible{opacity:1;transform:translateY(0)}.hero-nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1500px;margin:0 auto;display:flex}.nav-brand{align-items:center;gap:10px;display:flex}.nav-brand-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent-glow);border-radius:50%}.nav-brand-text{letter-spacing:.32em;color:#ffffffe6;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600}.nav-links{align-items:center;gap:36px;display:flex}.nav-link{letter-spacing:.08em;color:#ffffffb3;padding:4px 0;font-size:.78rem;transition:color .3s;position:relative}.nav-link:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover{color:#fffffff2}.nav-link:hover:after{width:100%}.nav-cta{letter-spacing:.1em;border:1px solid var(--accent);color:var(--accent);padding:9px 22px;font-size:.72rem;font-weight:500;transition:all .3s}.nav-cta:hover{background:var(--accent);color:#050507}.hero-frame-wrap{z-index:10;opacity:0;width:100%;max-width:1280px;margin-bottom:40px;position:relative;transform:translateY(30px)}.hero-frame-wrap.visible{opacity:1;transform:translateY(0)}.hero-frame{aspect-ratio:16/9;border:1.5px dashed #ffffff40;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:100%;padding:60px 80px;display:flex;position:relative;overflow:hidden}.frame-grid-lines{z-index:0;pointer-events:none;opacity:.06;background-image:linear-gradient(#b8ff3acc 1px,#0000 1px),linear-gradient(90deg,#b8ff3acc 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 30% 70%,#000 20%,#0000 70%);mask-image:radial-gradient(at 30% 70%,#000 20%,#0000 70%)}.frame-corner{background:var(--accent);width:14px;height:14px;box-shadow:0 0 14px var(--accent-glow);position:absolute}.frame-corner.tl{top:-7px;left:-7px}.frame-corner.tr{top:-7px;right:-7px}.frame-corner.bl{bottom:-7px;left:-7px}.frame-corner.br{bottom:-7px;right:-7px}.frame-label{flex-direction:column;gap:4px;display:flex;position:absolute;top:36px;left:56px}.frame-label-en{letter-spacing:.28em;color:var(--text-primary);text-transform:uppercase;font-size:.82rem;font-weight:500}.frame-label-zh{letter-spacing:.22em;color:var(--accent);font-family:Noto Sans SC,sans-serif;font-size:.7rem}.hero-title{z-index:1;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:0;margin-bottom:8px;padding:20px 40px 16px 24px;line-height:.9;display:flex;position:relative}.title-line-1{letter-spacing:.04em;color:#fff;font-family:Inter,Noto Sans SC,sans-serif;font-size:clamp(5rem,11vw,11rem);font-weight:900;display:inline-block;position:relative}.title-line-1:after{content:"王松";background:linear-gradient(#fff 0%,#888 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.title-line-2{letter-spacing:.1em;color:var(--accent);font-family:Inter,Noto Sans SC,sans-serif;font-size:clamp(3.5rem,7.5vw,7rem);font-weight:900}.frame-year{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#05050766;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:8px;padding:7px 18px;text-decoration:none;transition:all .3s;display:flex;position:absolute;bottom:44px;right:60px}.frame-year:hover{border-color:var(--accent);background:#b8ff3a14}.frame-year-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;animation:2s ease-in-out infinite pulse}.frame-year-text{letter-spacing:.18em;color:var(--text-primary);font-size:.82rem;font-weight:600}.frame-side-label{writing-mode:vertical-rl;letter-spacing:.32em;color:#fff6;text-transform:uppercase;font-family:Inter,sans-serif;font-size:.62rem;font-weight:500;position:absolute;top:50%;transform:translateY(-50%)rotate(180deg)}.frame-side-label.left{left:-22px}.frame-side-label.right{right:-22px;transform:translateY(-50%)}.hero-slogan-row{justify-content:center;align-items:center;gap:18px;margin-top:56px;display:flex}.slogan-arrow{color:var(--accent);font-size:.95rem;font-weight:300}.slogan-text{letter-spacing:.24em;color:#ffffffc7;font-family:Noto Sans SC,sans-serif;font-size:.92rem;font-weight:400}.hero-hint{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.hint-deco{letter-spacing:.3em;color:#ffffff59;text-transform:uppercase;font-family:Inter,sans-serif;font-size:.65rem}.hint-line{background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);width:80px;height:1px}.hero-scroll{z-index:10;opacity:0;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero-scroll.visible{opacity:1}.scroll-text{letter-spacing:.32em;color:#fff6;font-family:Inter,sans-serif;font-size:.62rem}.nav-menu-toggle,.mobile-nav{display:none}@media (width<=1024px){.hero{padding:80px 32px 60px}.hero-nav{padding:0 32px}.hero-frame{padding:48px 40px}.frame-label{top:24px;left:32px}.frame-year{bottom:28px;right:80px}}@media (width<=768px){.hero{min-height:max(100svh,680px);padding:80px 20px 48px}.hero-frame{aspect-ratio:auto;min-height:360px;padding:32px 24px}.frame-side-label{display:none}.frame-cursor{width:40px;height:40px;bottom:-16px;right:-16px}.frame-year{margin-top:24px;position:static}.frame-label{margin-bottom:16px;position:static}.hero-nav{height:58px;padding:0 20px}.hero-nav-inner{gap:16px}.nav-brand-text{letter-spacing:.2em;font-size:.68rem}.nav-links,.nav-cta{display:none}.nav-menu-toggle{width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #ffffff40;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;padding:9px;display:flex}.nav-menu-toggle span{background:currentColor;width:20px;height:1px;transition:transform .25s,width .25s;display:block}.nav-menu-toggle span:last-child{width:13px}.nav-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px)rotate(45deg)}.nav-menu-toggle[aria-expanded=true] span:last-child{width:20px;transform:translateY(-3.5px)rotate(-45deg)}.mobile-nav{opacity:0;visibility:hidden;background:#050507f5;border-bottom:1px solid #ffffff1a;flex-direction:column;padding:8px 20px 16px;transition:opacity .25s,transform .25s,visibility .25s;display:flex;position:absolute;top:58px;left:0;right:0;transform:translateY(-8px)}.mobile-nav.is-open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav-link{color:var(--text-secondary);letter-spacing:.12em;border-bottom:1px solid #ffffff14;padding:14px 0;font-size:.9rem}.mobile-nav-link:last-child{color:var(--accent);border-bottom:0}.hero-frame{min-height:410px;padding:32px 20px 28px}.frame-label{top:22px;left:22px;right:22px}.frame-label-en{letter-spacing:.16em;font-size:.62rem}.hero-title{width:100%;margin-bottom:0;padding:16px 0 12px}.title-line-1{letter-spacing:.02em;font-size:clamp(4.2rem,21vw,6.2rem)}.title-line-2{letter-spacing:.04em;white-space:nowrap;font-size:clamp(2.25rem,10.5vw,3.5rem)}.hero-slogan-row{align-items:center;gap:10px;width:100%}.slogan-text{letter-spacing:.12em;white-space:nowrap;font-size:.78rem}.slogan-arrow{font-size:.8rem}.hero-hint{gap:8px;width:100%}.hint-deco{letter-spacing:.16em;text-overflow:ellipsis;white-space:nowrap;max-width:62%;font-size:.5rem;overflow:hidden}.hint-line{flex:1;width:28px}}@media (width<=480px){.hero{min-height:max(100svh,620px);padding:74px 16px 42px}.hero-frame{min-height:360px;padding:28px 16px 24px}.frame-label{top:18px;left:16px;right:16px}.frame-label-en{letter-spacing:.12em;font-size:.55rem}.title-line-1{font-size:clamp(3.5rem,18vw,4.6rem)}.title-line-2{letter-spacing:.02em;font-size:clamp(1.85rem,9.5vw,2.7rem)}.frame-year{margin-top:18px;padding:6px 14px}.frame-year-text{font-size:.72rem}.hero-slogan-row{gap:7px;margin-top:36px}.slogan-text{letter-spacing:.08em;font-size:.7rem}.hint-deco{letter-spacing:.1em;max-width:68%;font-size:.45rem}.hero-scroll{bottom:18px}}@media (width<=380px){.hero-frame{min-height:340px}.title-line-1{font-size:3.3rem}.title-line-2{font-size:1.75rem}}.about{padding:var(--section-padding);background:var(--bg-primary);position:relative}.about .molten-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.about .container{z-index:1;position:relative}.about-section-label{opacity:0;justify-content:center;align-items:center;gap:16px;margin-bottom:64px;display:flex;transform:translateY(20px)}.label-line{background:linear-gradient(90deg,#0000 0%,#b8ff3a80 50%,#0000 100%);width:80px;height:1px}.label-text{letter-spacing:.4em;color:var(--accent);text-transform:uppercase;font-size:.7rem;font-weight:500}.about-inner{opacity:0;grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;display:grid;transform:translateY(50px)}.about-left{display:flex}.about-card{background:linear-gradient(#131315 0%,#0e0e10 100%);border:1px solid #ffffff0d;width:100%;padding:36px 32px;position:relative;overflow:hidden}.about-card:before{content:"";background:linear-gradient(90deg, var(--accent) 0%, #b8ff3a66 30%, transparent 100%);height:1px;position:absolute;top:0;left:36px;right:36px}.card-label{letter-spacing:.3em;color:var(--accent);text-transform:uppercase;margin-bottom:22px;font-size:.7rem;font-weight:600}.card-title{color:var(--text-primary);letter-spacing:.02em;margin-bottom:18px;font-family:Noto Sans SC,sans-serif;font-size:1.7rem;font-weight:600}.text-name{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-soft) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.card-desc{color:var(--text-secondary);margin-bottom:16px;font-size:1rem;font-weight:300;line-height:1.85}.bio-list{border-top:1px solid #ffffff0d;flex-direction:column;gap:10px;margin-top:10px;padding-top:16px;list-style:none;display:flex}.bio-list li{align-items:center;gap:12px;font-size:.8rem;display:flex}.bio-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent-glow);border-radius:1px;flex-shrink:0}.bio-key{color:var(--text-muted);letter-spacing:.1em;min-width:50px;font-size:.88rem}.bio-val{color:var(--text-primary);letter-spacing:.02em;font-weight:400;transition:color .3s}a.bio-val:hover{color:var(--accent)}.about-right{flex-direction:column;gap:20px;padding-right:80px;display:flex}.portrait-wrap{aspect-ratio:4/5;width:100%;position:relative;overflow:visible}.portrait-frame{pointer-events:none;z-index:2;background:0 0;border:2px solid #ffffff8c;border-top:none;position:absolute;inset:16% 18% 14% 8%}.portrait-wrap:after{content:"";z-index:0;pointer-events:none;background:#ffffff8c;height:2px;position:absolute;top:16%;left:8%;right:18%}.portrait-img{object-fit:cover;object-position:center 20%;z-index:1;width:100%;height:100%;transition:transform .4s;display:block;position:relative}.portrait-wrap:hover .portrait-img{transform:scale(1.03)}.vf-corner{z-index:3;pointer-events:none;background:#d4ff3a;width:12px;height:12px;position:absolute;box-shadow:0 0 14px #d4ff3a99}.vf-corner.tl{top:-6px;left:-6px}.vf-corner.tr{top:-6px;right:-6px}.vf-corner.bl{bottom:-6px;left:-6px}.vf-corner.br{bottom:-6px;right:-6px}.vf-mid{z-index:3;pointer-events:none;background:#d4ff3a;width:11px;height:11px;position:absolute;box-shadow:0 0 14px #d4ff3a99}.vf-mid.top{display:none}.vf-mid.bottom{bottom:-5px;left:50%;transform:translate(-50%)}.vf-mid.left{top:50%;left:-5px;transform:translateY(-50%)}.vf-mid.right{top:50%;right:-5px;transform:translateY(-50%)}.portrait-soft-label{display:none}.portrait-software{z-index:5;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:11%;right:14%}.sw-softwares-label{letter-spacing:.22em;color:#d4ff3a;text-transform:uppercase;text-shadow:0 0 10px #d4ff3a80;white-space:nowrap;z-index:5;transform-origin:0;font-family:Inter,sans-serif;font-size:.82rem;font-weight:700;position:absolute;top:-22px;left:-10px;transform:rotate(-6deg)}.sw-badge{object-fit:cover;background:#1a1a1c;border-radius:9px;width:48px;height:48px;transition:transform .25s;display:block;position:relative;box-shadow:0 4px 16px #0009}.sw-badge:hover{transform:translateY(-2px)scale(1.05)}.sw-badge:not(:last-child):after{content:"";background:#b8ff3ab3;width:1px;height:12px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.sw-arrow{z-index:4;pointer-events:none;width:90px;height:50px;position:absolute;top:36%;right:18%}.sw-arrow svg{width:100%;height:100%;overflow:visible}.portrait-equip{flex-wrap:wrap;gap:8px;display:flex}.equip-tag{letter-spacing:.12em;color:var(--text-secondary);background:#b8ff3a0a;border:1px solid #b8ff3a4d;padding:7px 14px;font-size:.7rem;font-weight:400}@media (width<=1100px){.about-inner{grid-template-columns:1fr;gap:48px}}@media (width<=768px){.about-section-label{gap:10px;margin-bottom:40px}.label-line{width:32px}.label-text{letter-spacing:.22em;font-size:.62rem}.about-inner{gap:36px}.about-card{padding:24px 20px}.card-title{font-size:1.4rem}.card-desc{font-size:.92rem;line-height:1.75}.bio-list li{align-items:flex-start;gap:8px}.bio-key{min-width:42px;font-size:.78rem}.bio-val{overflow-wrap:anywhere;min-width:0}.about-right{gap:16px;width:100%;padding-right:0}.portrait-wrap{width:min(100%,360px);margin:0 auto}.portrait-software{right:6%}.sw-softwares-label{letter-spacing:.12em;font-size:.62rem}.sw-badge{border-radius:7px;width:38px;height:38px}.sw-arrow{width:62px;height:36px;right:10%}.portrait-equip{gap:6px}.equip-tag{padding:6px 10px;font-size:.62rem}}.molten-metal-container{width:100%;height:100%;position:relative;overflow:hidden}.video-projects{padding:var(--section-padding);position:relative}.video-projects .molten-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.video-projects>.container,.video-projects>.vp-layout{z-index:1;position:relative}.video-projects .vp-layout{max-width:100%}.vp-header{margin-bottom:64px}.vp-layout{opacity:0;grid-template-columns:200px 1fr;align-items:start;gap:32px;display:grid;transform:translateY(40px)}.vp-nav{border-top:1px solid var(--border-subtle);flex-direction:column;display:flex;position:sticky;top:120px}.vp-nav-item{border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;text-align:left;width:100%;min-height:82px;font-family:var(--font-sans);color:var(--text-muted);-webkit-tap-highlight-color:transparent;background:0 0;align-items:center;gap:20px;padding:20px 8px 20px 0;transition:color .22s,padding-left .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.vp-nav-item:before{content:"";background:var(--accent);width:3px;height:60%;transition:transform .22s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.vp-nav-item.active{color:var(--text-primary);padding-left:24px}.vp-nav-item.active:before{transform:translateY(-50%)scaleY(1)}.vp-nav-index{letter-spacing:.1em;color:var(--text-muted);min-width:24px;font-size:.72rem;font-weight:300;transition:color .35s}.vp-nav-item.active .vp-nav-index{color:var(--accent)}.vp-nav-text{flex-direction:column;flex:1;gap:3px;display:flex}.vp-nav-label{letter-spacing:.06em;font-size:1.15rem;font-weight:500;line-height:1.3}.vp-nav-en{letter-spacing:.22em;color:var(--text-muted);text-transform:uppercase;font-size:.62rem;font-weight:300;transition:color .35s}.vp-nav-item.active .vp-nav-en{color:var(--accent)}.vp-nav-arrow{color:var(--text-muted);opacity:0;font-size:1rem;transition:all .35s cubic-bezier(.16,1,.3,1);transform:translate(-8px)}.vp-nav-item.active .vp-nav-arrow{opacity:1;color:var(--accent);transform:translate(0)}.vp-content{will-change:opacity, transform, filter;flex-direction:column;justify-content:flex-start;min-height:480px;display:flex}.vp-content:has(.vp-grid-ip){justify-content:flex-start;align-items:stretch;min-height:70vh}.vp-content-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;padding-bottom:20px;animation:.5s cubic-bezier(.16,1,.3,1) vp-fade-up;display:flex}.vp-content-title-group{align-items:baseline;gap:16px;display:flex}.vp-content-title{letter-spacing:.04em;color:var(--text-primary);font-family:Noto Serif SC,serif;font-size:2rem;font-weight:600}.vp-content-en{letter-spacing:.25em;color:var(--accent);font-size:.68rem;font-weight:400}.vp-content-desc{color:var(--text-secondary);letter-spacing:.05em;font-size:.82rem;font-weight:300}@keyframes vp-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.micro-film-viewer{aspect-ratio:16/9;border:1px solid var(--border-subtle);background:var(--bg-secondary);width:100%;min-height:560px;max-height:780px;position:relative;overflow:hidden}.micro-film-bg{position:absolute;inset:0}.micro-film-bg-layer{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(1.04)}.micro-film-bg-layer.active{opacity:1;transform:scale(1)}.micro-film-viewer:after{content:"";pointer-events:none;z-index:2;background:radial-gradient(circle,#0000 25%,#0a0a0b8c 100%);position:absolute;inset:0}.micro-film-play-wrap{z-index:3;cursor:pointer;align-items:center;gap:14px;display:flex;position:absolute;top:68%;left:8%;transform:translateY(-50%)}.micro-film-play{width:64px;height:64px;color:var(--bg-primary);background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s;display:flex;box-shadow:0 4px 20px #00000059}.micro-film-play svg{margin-left:3px}.micro-film-play-text{letter-spacing:.22em;color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05050766;border:1px solid #ffffff4d;border-radius:999px;padding:7px 18px;font-size:1.3rem;font-weight:600;transition:color .3s,letter-spacing .3s cubic-bezier(.16,1,.3,1),border-color .3s,background .3s}.micro-film-play-wrap:hover .micro-film-play-text{border-color:var(--accent);background:#05050799}.micro-film-play-wrap:hover .micro-film-play{background:var(--accent);color:var(--bg-primary);transform:scale(1.1)}.micro-film-play-wrap:hover .micro-film-play-text{color:var(--accent);letter-spacing:.28em}.micro-film-credits{z-index:3;align-items:baseline;gap:6px;font-family:Noto Sans SC,sans-serif;display:flex;position:absolute;bottom:36px;right:36px}.micro-film-credits-role{letter-spacing:.18em;color:#ffffff80;text-transform:uppercase;font-size:.72rem;font-weight:300}.micro-film-credits-dot{color:#ffffff4d;margin:0 2px;font-size:.72rem}.micro-film-credits-name{letter-spacing:.2em;color:var(--accent);margin-left:10px;font-family:Noto Serif SC,serif;font-size:.88rem;font-weight:500}.micro-film-thumbs{z-index:3;gap:0;display:flex;position:absolute;bottom:28px;left:28px}.micro-film-thumb{aspect-ratio:16/9;background:0 0;border:2px solid #fffc;flex-shrink:0;width:140px;overflow:hidden}.micro-film-thumb+.micro-film-thumb{margin-left:-2px}.micro-film-thumb{transition:border-color .4s,opacity .4s}.micro-film-thumb.active{border-color:var(--accent)}.micro-film-thumb img{object-fit:cover;width:100%;height:100%;display:block}.micro-film-player{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;background:#050506eb;justify-content:center;align-items:center;transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility .5s;display:flex;position:fixed;inset:0}.micro-film-player.open{opacity:1;visibility:visible}.micro-film-video{background:#000;outline:none;width:min(92vw,1600px);max-height:86vh;transition:transform .5s cubic-bezier(.16,1,.3,1);transform:scale(.94);box-shadow:0 30px 100px #0009}.micro-film-player.open .micro-film-video{transform:scale(1)}.micro-film-player-close{width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff40;border-radius:50%;font-size:1.1rem;transition:background .3s,border-color .3s,transform .3s;position:absolute;top:32px;right:40px}.micro-film-player-close:hover{background:#ffffff24;border-color:#ffffff80;transform:rotate(90deg)}.vp-grid{grid-template-columns:repeat(2,1fr);gap:32px;animation:.55s cubic-bezier(.16,1,.3,1) 60ms backwards vp-fade-up;display:grid}.vp-card{cursor:pointer;position:relative}.vp-card-image{aspect-ratio:16/9;border:1px solid var(--border-subtle);background:var(--bg-secondary);transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.vp-card-image-empty{background:repeating-linear-gradient(-45deg, var(--bg-secondary) 0px, var(--bg-secondary) 14px, #131315 14px, #131315 28px)}.vp-card-play{width:64px;height:64px;color:var(--text-primary);opacity:.7;z-index:2;background:#c8a97e8c;border:1px solid #c8a97e99;border-radius:50%;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vp-card-overlay{opacity:.4;z-index:1;background:linear-gradient(#0000 40%,#0a0a0bb3 100%);position:absolute;inset:0}.vp-card-info{padding:20px 4px}.vp-card-meta{align-items:center;gap:8px;margin-bottom:8px;display:flex}.vp-card-category{letter-spacing:.15em;color:var(--accent);text-transform:uppercase;font-size:.7rem;font-weight:500}.vp-card-id{color:var(--text-muted);font-size:.7rem;font-weight:300}.vp-card-title{color:var(--text-primary);letter-spacing:.01em;margin-bottom:6px;font-size:1.4rem;font-weight:400}.vp-card-title-empty{color:var(--text-secondary);font-weight:300}.vp-card-desc{color:var(--text-muted);font-size:.85rem;font-weight:300}.vp-grid-vertical{grid-template-columns:repeat(3,1fr);gap:28px;animation:.55s cubic-bezier(.16,1,.3,1) 60ms backwards vp-fade-up;display:grid}.vp-card-image-portrait{aspect-ratio:9/16}.vp-grid-ip{grid-template-columns:repeat(3,1fr);gap:24px;animation:.55s cubic-bezier(.16,1,.3,1) 60ms backwards vp-fade-up;display:grid}.vp-card-ip{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#b8ff3a1a;border:1px solid #b8ff3a33;border-radius:24px;flex-direction:column;gap:14px;padding:18px;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s,background .4s;display:flex}.vp-card-ip:hover{background:#b8ff3a29;border-color:#b8ff3a73;transform:translateY(-6px)}.vp-card-ip-cover{aspect-ratio:9/16;background:var(--bg-secondary);border-radius:14px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #00000059}.vp-card-ip-cover.vp-card-ip-cover-filled{background:0 0}.vp-card-ip-cover-filled img{object-fit:cover;width:100%;height:100%;display:block}.vp-card-ip-new{letter-spacing:.18em;color:var(--accent);text-transform:uppercase;text-shadow:0 0 12px #b8ff3a80;font-size:.62rem;font-weight:700;position:absolute;top:12px;right:12px}.vp-card-ip-heart{width:28px;height:28px;color:var(--bg-primary);cursor:pointer;background:#b8ff3af2;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s;display:flex;position:absolute;bottom:12px;right:12px}.vp-card-ip-heart:hover{transform:scale(1.15)}.vp-card-ip-play{background:var(--accent);width:72px;height:72px;color:var(--bg-primary);cursor:pointer;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 24px #b8ff3a73}.vp-card-ip-play:hover{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 8px 32px #b8ff3ab3}.vp-card-ip-title{color:var(--text-primary);letter-spacing:.04em;text-align:center;font-size:1rem;font-weight:500}@media (width<=1024px){.vp-layout{grid-template-columns:220px 1fr;gap:40px}.micro-film-play{left:50%;transform:translate(-50%,-50%)}}@media (width<=768px){.vp-layout{grid-template-columns:1fr;gap:28px}.vp-nav{border-top:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;position:static;overflow:visible}.vp-nav-item{border:1px solid var(--border-subtle);white-space:normal;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:100%;min-height:70px;padding:11px 12px}.vp-nav-item:before{display:none}.vp-nav-item.active{border-color:var(--accent);color:var(--accent);padding-left:12px}.vp-nav-item:nth-child(5){grid-column:1/-1}.vp-nav-index{font-size:.62rem}.vp-nav-label{font-size:.95rem}.vp-nav-en{letter-spacing:.14em;font-size:.52rem}.vp-nav-arrow{display:none}.vp-content{min-height:0}.vp-content:has(.vp-grid-ip){min-height:0}.vp-content-head{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:24px;padding-bottom:14px}.vp-grid,.vp-grid-vertical,.vp-grid-ip{grid-template-columns:1fr;gap:20px}.vp-content-title-group{flex-direction:column;align-items:flex-start;gap:6px}.vp-content-title{font-size:1.5rem}.vp-content-desc{font-size:.76rem;line-height:1.6}.micro-film-viewer{aspect-ratio:4/3;min-height:0;max-height:none}.micro-film-play-wrap{width:min(82%,280px);top:52%;left:50%;transform:translate(-50%,-50%)}.micro-film-play{width:52px;height:52px}.micro-film-play-text{letter-spacing:.14em;text-align:center;font-size:.72rem}.micro-film-credits{white-space:nowrap;line-height:1.5;inset:14px 14px auto auto}.micro-film-credits-role,.micro-film-credits-dot{font-size:.6rem}.micro-film-credits-name{margin-left:4px;font-size:.72rem}.micro-film-thumbs{gap:4px;padding:0;bottom:12px;left:12px;right:12px}.micro-film-thumb{width:calc(25% - 3px)}.vp-card-info{padding:14px 2px}.vp-card-title{font-size:1.2rem}}.photo-projects{padding:var(--section-padding);position:relative;overflow:hidden}.photo-projects .molten-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.photo-projects>.container{z-index:1;position:relative}.pp-header{margin-bottom:48px}.pp-3d{opacity:0;justify-content:center;align-items:center;padding:40px 0 80px;display:flex;position:relative;transform:translateY(40px)}.pp-3d-stage{--pp-radius:830px;perspective:1990px;perspective-origin:50%;width:100%;max-width:1400px;height:645px;position:relative}.pp-carousel{width:10px;height:10px;transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%}.pp-carousel-item{backface-visibility:hidden;border-radius:16px;width:356px;height:535px;margin-top:-268px;margin-left:-178px;transition:box-shadow .3s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 20px 50px #0000008c}.pp-carousel-item:hover{box-shadow:0 28px 70px #b8ff3a33,0 10px 30px #0009}.pp-carousel-item img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.pp-nav{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:100;background:#ffffff14;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.pp-nav:hover{background:var(--accent);border-color:var(--accent);color:#0a0a0a;transform:scale(1.08)}.pp-nav:active{transform:scale(.96)}.pp-nav svg{width:22px;height:22px}.pp-cta{-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#05050766;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:18px 38px;text-decoration:none;transition:all .3s;display:inline-flex}.pp-cta:hover{border-color:var(--accent);background:#b8ff3a14}.pp-cta-logo{object-fit:contain;border-radius:6px;flex-shrink:0;width:60px;height:60px}.pp-cta-text{letter-spacing:.18em;color:var(--text-primary);font-size:1.18rem;font-weight:600}@media (width<=1024px){.pp-3d-stage{--pp-radius:560px;perspective:800px;height:440px}.pp-carousel-item{border-radius:12px;width:185px;height:278px;margin-top:-139px;margin-left:-93px}}@media (width<=640px){.pp-3d{padding:16px 0 44px}.pp-3d-stage{--pp-radius:210px;perspective:680px;height:280px}.pp-nav{width:44px;height:44px;position:absolute}.pp-nav-prev{left:4px}.pp-nav-next{right:4px}.pp-carousel-item{border-radius:10px;width:112px;height:168px;margin-top:-84px;margin-left:-56px}.pp-cta{gap:10px;max-width:100%;padding:12px 18px}.pp-cta-logo{width:42px;height:42px}.pp-cta-text{letter-spacing:.08em;white-space:nowrap;font-size:.9rem}}.footer{flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.footer-bg{background:radial-gradient(ellipse at 30% 50%, #b8ff3a0f 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, #b8ff3a0a 0%, transparent 40%), var(--bg-secondary);position:absolute;inset:0}.footer .molten-bg{z-index:0;position:absolute;inset:0}.footer-grain{opacity:.02;pointer-events:none;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.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:8s steps(10,end) infinite grain;position:absolute;inset:-50%}.footer-inner{z-index:1;flex-direction:column;justify-content:center;min-height:100vh;padding:120px 0 40px;display:flex;position:relative}.footer-content{opacity:0;transform:translateY(60px)}.footer-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:48px;font-size:5.5rem;font-weight:200;line-height:1.15}.footer-accent{color:var(--accent);font-weight:300}.footer-sections{flex-direction:column;gap:48px;display:flex}.footer-section{flex-direction:column;gap:28px;display:flex}.footer-section-label{letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:.8rem}.footer-links{flex-wrap:wrap;gap:64px;display:flex}.footer-link{flex-direction:column;gap:8px;transition:all .3s;display:flex}.footer-link-label{letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase;font-size:.8rem}.link-value{color:var(--text-secondary);font-size:1.15rem;font-weight:400;transition:color .3s}.link-value-link{text-decoration:none}.footer-link:hover .link-value,.link-value-link:hover{color:var(--accent)}.footer-qr-row{flex-wrap:wrap;gap:40px;display:flex}.footer-qr-item{flex-direction:column;align-items:center;gap:16px;display:flex}.footer-qr-row:hover .footer-qr-item:not(:hover){filter:blur(3px);opacity:.5;transition:filter .35s,opacity .35s}.footer-qr-item{transition:filter .35s,opacity .35s,transform .3s cubic-bezier(.16,1,.3,1)}.footer-qr-img{background:#fff;border-radius:12px;width:150px;height:150px;transition:transform .35s cubic-bezier(.16,1,.3,1);overflow:hidden}.footer-qr-item:hover .footer-qr-img{transform:scale(1.12)}.footer-qr-img img{object-fit:contain;width:100%;height:100%}.footer-qr-text{flex-direction:column;align-items:center;gap:4px;display:flex}.footer-qr-name{letter-spacing:.15em;color:var(--text-muted);font-size:.95rem}.footer-qr-id{color:var(--text-secondary);font-size:1.15rem;font-weight:400;transition:color .3s}.footer-qr-item:hover .footer-qr-id{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:40px}.footer-bottom-inner{justify-content:space-between;align-items:center;display:flex}.footer-copyright{color:var(--text-muted);letter-spacing:.05em;font-size:.75rem}.footer-credit{color:var(--text-muted);letter-spacing:.08em;font-size:.75rem}@media (width<=768px){.footer{min-height:auto}.footer-inner{min-height:auto;padding:88px 0 28px}.footer-title{margin-bottom:36px;font-size:clamp(2.7rem,13vw,4rem);line-height:1.08}.footer-sections{gap:36px}.footer-section{gap:22px}.footer-links{gap:28px}.link-value{font-size:1rem}.footer-qr-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.footer-qr-item{gap:10px;min-width:0}.footer-qr-img{aspect-ratio:1;border-radius:8px;width:min(100%,104px);height:auto}.footer-qr-name{letter-spacing:.08em;font-size:.72rem}.footer-qr-id{text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:.76rem}.footer-bottom{margin-top:56px;padding-top:24px}.footer-bottom-inner{flex-direction:column;align-items:flex-start;gap:8px}.footer-qr-item:hover .footer-qr-img{transform:none}}@media (width<=480px){.footer-inner{padding-top:72px}.footer-links{grid-template-columns:1fr 1fr;gap:22px 16px;display:grid}.footer-qr-row{gap:8px}.footer-qr-img{width:min(100%,92px)}.footer-qr-name,.footer-qr-id{font-size:.68rem}}@media (width<=380px){.footer-links{grid-template-columns:1fr}}