.border-glow-card{--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 30;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--border-radius: 28px;--glow-padding: 40px;--cone-spread: 25;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid rgb(255 255 255 / 15%);background:var(--card-bg, #120F17);overflow:visible;box-shadow:#0000001a 0 1px 2px,#0000001a 0 2px 4px,#0000001a 0 4px 8px,#0000001a 0 8px 16px,#0000001a 0 16px 32px,#0000001a 0 32px 64px}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{border:1px solid transparent;background:linear-gradient(var(--card-bg, #120F17) 0 100%) padding-box,linear-gradient(#fff0,#fff0) border-box,var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) border-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) border-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) border-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) border-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) border-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%))}.border-glow-card:after{border:1px solid transparent;background:var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) padding-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) padding-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) padding-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) padding-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) padding-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color, hsl(40deg 80% 80% / 100%)),inset 0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),inset 0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),inset 0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),inset 0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),inset 0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),inset 0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%)),0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:auto;z-index:1}.grainient-container{position:relative;width:100%;height:100%;overflow:hidden}:root{--bg: #07070a;--bg-2: #0a0a0f;--bg-3: #0e0e14;--card: #0f0f15;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #f2f2f4;--text-dim: #9b9ba6;--text-faint: #5e5e6a;--accent: #8b7cf6;--accent-soft: rgba(139, 124, 246, .14);--accent-line: rgba(139, 124, 246, .45);--sans: "Space Grotesk", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--container: 1700px;--gutter: clamp(24px, 4vw, 64px);--radius: 20px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}::selection{background:#8b7cf659;color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#23232c;border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#33333f}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button{font:inherit}.app{position:relative;background:var(--bg)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.reveal{opacity:0;transform:translateY(var(--reveal-y, 30px));transition:opacity .9s var(--ease),transform .9s var(--ease);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}.container{max-width:var(--container);margin:0 auto;padding-inline:var(--gutter)}.section{padding-block:clamp(96px,11vw,160px);position:relative}.section-grainient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.55;pointer-events:none}.section>.container{position:relative;z-index:1}.section-head{margin-bottom:clamp(48px,6vw,88px)}.section-head--center{text-align:center}.section-head--center .section-head-line{justify-content:center}.section-head-line{display:flex;align-items:center;gap:16px;margin-bottom:20px}.section-head-index{font-family:var(--mono);font-size:13px;letter-spacing:.14em;color:var(--accent)}.section-head-rule{width:56px;height:1px;background:var(--accent-line)}.section-head-en{font-family:var(--mono);font-size:12px;letter-spacing:.3em;color:var(--text-faint);text-transform:uppercase}.section-title{font-size:clamp(2.2rem,4.6vw,4rem);font-weight:600;letter-spacing:.02em;line-height:1.15}.section-desc{margin-top:18px;max-width:620px;color:var(--text-dim);font-size:16px}.section-head--center .section-desc{margin-inline:auto}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:999px;font-size:15px;letter-spacing:.04em;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .35s var(--ease);white-space:nowrap}.btn span{transition:transform .35s var(--ease);display:inline-block}.btn:hover span{transform:translate(3px,-3px)}.btn-primary{background:var(--accent-soft);border-color:var(--accent-line);color:#d9d3ff;box-shadow:0 0 #8b7cf600}.btn-primary:hover{background:#8b7cf63d;border-color:#8b7cf6b3;box-shadow:0 8px 40px -12px #8b7cf673;color:#fff}.btn-ghost{border-color:var(--line-strong);color:var(--text);background:transparent}.btn-ghost:hover{border-color:#fff6;background:#ffffff0d}.btn--lg{padding:17px 34px;font-size:17px}.btn--sm{padding:10px 20px;font-size:14px}.nav{position:fixed;inset:0 0 auto 0;z-index:1000;transition:background .4s var(--ease),border-color .4s var(--ease),backdrop-filter .4s var(--ease);border-bottom:1px solid transparent}.nav--scrolled{background:#07070ac7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom-color:var(--line)}.nav-inner{max-width:var(--container);margin:0 auto;padding:18px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-logo{display:flex;flex-direction:column;line-height:1.25}.nav-logo-mark{font-family:var(--mono);font-weight:600;font-size:18px;letter-spacing:.12em;color:#fff}.nav-logo-mark:first-letter{color:var(--accent)}.nav-logo-sub{font-size:11px;letter-spacing:.22em;color:var(--text-faint);font-family:var(--mono)}.nav-links{display:flex;align-items:center;gap:clamp(18px,2.4vw,40px)}.nav-link{display:inline-flex;align-items:baseline;gap:7px;font-size:15px;color:var(--text-dim);transition:color .3s var(--ease);position:relative;padding-block:4px}.nav-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.nav-link:hover{color:#fff}.nav-link:hover:after{transform:scaleX(1)}.nav-link-no{font-family:var(--mono);font-size:10px;color:var(--text-faint)}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--accent-line);border-radius:999px;color:#d9d3ff;font-size:14px;background:var(--accent-soft);transition:all .35s var(--ease)}.nav-cta:hover{background:#8b7cf63d;box-shadow:0 6px 30px -10px #8b7cf680}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-video{width:100%;height:100%;object-fit:cover;opacity:.92}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07070ac7,#07070a6b 45%,#07070af5)}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#07070adb,#07070a6b 46%,#07070a14 78%,#07070a00)}.hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 50% at 38% 62%,rgba(139,124,246,.1) 0%,transparent 70%);pointer-events:none}.hero-inner{position:relative;z-index:2;max-width:var(--container);width:100%;margin:0 auto;padding:clamp(150px,20vh,260px) var(--gutter) 96px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:1}.hero-text{position:relative;display:flex;flex-direction:column}.hero-avatar-png{height:clamp(100px,12.5vh,140px);width:auto;display:block;filter:drop-shadow(0 10px 24px rgba(0,0,0,.5))}.hero-kicker-row{display:flex;align-items:center;gap:20px;margin-bottom:clamp(22px,3.5vh,42px)}.hero-kicker{font-family:var(--mono);font-size:18px;line-height:1.2;letter-spacing:.3em;color:var(--text-dim);display:flex;flex-direction:column}.hero-kicker-line{display:block}.hero-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.1em;color:var(--text-faint);font-family:var(--mono)}.hero-status i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 12px #4ade80cc;animation:pulse 2.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hero-roles{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:16px;font-size:clamp(.85rem,1.05vw,1rem);letter-spacing:.22em;color:#cfc8ff}.hero-roles span{font-weight:500}.hero-roles em{font-family:var(--mono);font-style:normal;font-size:.72em;color:var(--accent);opacity:.8}.hero-title{font-size:clamp(3.9rem,11.6vw,10.6rem);font-weight:700;line-height:1.04;letter-spacing:.015em;color:#fff;background:linear-gradient(180deg,#fff,#d3cef6 55%,#8b7cf6 125%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-title-en{margin-top:16px;font-family:var(--mono);font-size:clamp(.72rem,.9vw,.85rem);letter-spacing:.52em;color:var(--text-dim)}.hero-sub{margin-top:clamp(18px,3vh,30px);max-width:560px;color:var(--text-dim);font-size:clamp(15px,1.15vw,17px);line-height:1.8}.hero-actions{margin-top:clamp(30px,5vh,50px);display:flex;gap:16px;flex-wrap:wrap}.hero-bottom{position:relative;z-index:2;border-top:1px solid var(--line)}.hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:var(--bg);pointer-events:none}.hero-meta{position:absolute;top:-58px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.hero-credit{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--text-faint)}.hero-scroll{display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--mono);font-size:10px;letter-spacing:.34em;color:var(--text-faint)}.hero-scroll-line{width:1px;height:44px;background:linear-gradient(180deg,var(--accent),transparent);animation:drop 2s ease-in-out infinite}@keyframes drop{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.hero-ticker{overflow:hidden;padding:22px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.hero-ticker-track{display:flex;width:max-content;gap:0;animation:ticker 34s linear infinite}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-ticker-item{font-family:var(--mono);font-size:13px;letter-spacing:.22em;color:var(--text-faint);white-space:nowrap;padding-inline:28px;text-transform:uppercase}.hero-ticker-item em{color:var(--accent);font-style:normal;font-size:10px;margin-left:8px}.about{background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%)}.about-grid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:clamp(40px,5vw,88px);align-items:start}.about-photo{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-strong);aspect-ratio:3 / 4;background:var(--bg-3)}.about-photo img{width:100%;height:100%;object-fit:cover;filter:contrast(1.03) brightness(.98);transition:transform 1.2s var(--ease),filter .8s var(--ease)}.about-photo:hover img{transform:scale(1.04);filter:saturate(1) contrast(1.05)}.about-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07070a0d,#07070a80)}.about-photo-frame{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(255,255,255,.14);border-radius:14px;z-index:2;pointer-events:none}.about-badge{position:absolute;z-index:3;right:22px;bottom:22px;display:flex;flex-direction:column;gap:2px;padding:14px 20px;background:#0a0a0fb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line-strong);border-radius:14px}.about-badge-num{font-family:var(--mono);font-size:26px;font-weight:600;color:var(--accent);line-height:1.1}.about-badge-label{font-size:12px;color:var(--text-dim);letter-spacing:.08em}.about-caption{margin-top:18px;font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;color:var(--text-faint);text-transform:uppercase}.about-caption span{color:var(--text-dim)}.about-body{padding-top:6px}.about-lead{font-size:clamp(1.35rem,2.1vw,1.9rem);line-height:1.5;font-weight:500;letter-spacing:.01em;color:var(--text)}.about-lead em{font-style:normal;color:var(--accent);background:linear-gradient(90deg,#b7adff,#8b7cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about-text{margin-top:22px;color:var(--text-dim);font-size:16px;max-width:680px}.about-contact{margin-top:36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;max-width:680px}.about-contact-item{background:var(--bg-3);padding:18px 22px;display:flex;flex-direction:column;gap:4px}.about-contact-label{font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--text-faint);text-transform:uppercase}.about-contact-value{font-size:15px;color:var(--text)}a.about-contact-value{color:#cfc8ff}a.about-contact-value:hover{text-decoration:underline;text-underline-offset:4px}.about-stats{margin-top:44px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);padding-top:40px;gap:24px}.stat{display:flex;flex-direction:column;gap:2px}.stat-value{font-family:var(--mono);font-size:clamp(2rem,3vw,3rem);font-weight:600;color:#fff;line-height:1.1;background:linear-gradient(180deg,#fff,#9b93c9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{margin-top:6px;font-size:14px;color:var(--text);letter-spacing:.04em}.stat-note{font-size:12px;color:var(--text-faint);font-family:var(--mono)}.timeline{margin-top:clamp(64px,8vw,110px);border-top:1px solid var(--line);padding-top:48px}.timeline-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:34px}.timeline-title{font-size:18px;font-weight:600;letter-spacing:.04em}.timeline-en{font-family:var(--mono);font-size:11px;letter-spacing:.3em;color:var(--text-faint)}.timeline-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-radius:16px;overflow:hidden}.timeline-glow .border-glow-inner{overflow:hidden;border-radius:16px}.timeline-item{background:var(--bg-3);padding:26px 26px 30px;display:flex;flex-direction:column;gap:10px;transition:background .4s var(--ease);position:relative}.timeline-item:hover{background:#12121a}.timeline-item:before{content:"";position:absolute;top:0;left:26px;right:26px;height:1px;background:var(--accent-line);opacity:0;transition:opacity .4s var(--ease)}.timeline-item:hover:before{opacity:1}.timeline-year{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--accent)}.timeline-company{font-size:17px;font-weight:600;color:#fff}.timeline-role{font-size:13px;color:var(--text-dim)}.timeline-note{font-size:13px;color:var(--text-faint);line-height:1.7}.work{background:var(--bg)}.work-block-head{margin-top:clamp(56px,7vw,96px);margin-bottom:30px}.work-block-head--video{margin-top:clamp(80px,9vw,130px)}.work-block-title{display:flex;align-items:center;gap:14px;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:600;letter-spacing:.02em}.work-block-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--accent-line);border-radius:10px;color:var(--accent);font-size:18px;background:var(--accent-soft)}.work-block-en{font-family:var(--mono);font-size:12px;letter-spacing:.3em;color:var(--text-faint);margin-left:8px}.work-block-desc{margin-top:10px;color:var(--text-dim);font-size:15px}.work-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.work-card{min-width:0}.work-card-inner{position:relative;aspect-ratio:3 / 3.15;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--bg-3);transition:border-color .45s var(--ease),transform .45s var(--ease),box-shadow .45s var(--ease);display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer}.work-card-inner:hover{border-color:#8b7cf68c;transform:translateY(-6px);box-shadow:0 30px 70px -30px #000000d9,0 0 0 1px #8b7cf61f}.work-card-inner:hover .art{transform:scale(1.05)}.work-card-inner:hover .work-card-arrow{opacity:1;transform:translate(0) rotate(0)}.work-card-inner:focus-visible{outline:2px solid var(--accent-line);outline-offset:3px}.work-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.2s var(--ease);will-change:transform,object-position}.work-card-inner:hover .work-card-img{transform:scale(1.04)}.work-card-img--sheet{object-position:top center;animation:sheetPan 100s linear infinite}.work-card--photo:hover .work-card-img--sheet{animation-play-state:paused}@keyframes sheetPan{0%{object-position:top center;opacity:1}86%{object-position:bottom center;opacity:1}92%{object-position:bottom center;opacity:1}97%{object-position:bottom center;opacity:0}to{object-position:bottom center;opacity:0}}.work-card--text{justify-content:center;background:radial-gradient(120% 100% at 50% 0%,rgba(139,124,246,.16) 0%,transparent 62%),linear-gradient(160deg,#15151d,#0b0b11)}.work-card--text:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 52px),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 52px);opacity:.5;pointer-events:none}.text-card-index{position:absolute;top:20px;left:22px}.text-card-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px}.text-card-title{font-size:clamp(1.25rem,1.7vw,1.7rem);font-weight:600;color:#fff;letter-spacing:.05em;line-height:1.3}.text-card-anno{font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:#fff}.text-card-tags{margin-top:6px}.work-card--carousel{justify-content:flex-end}.carousel-track{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;transition:transform .65s var(--ease);will-change:transform}.carousel-slide{flex:0 0 100%;min-width:0;position:relative}.carousel-img{width:100%;height:100%;object-fit:cover;display:block}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#07070a6b;color:#fff;font-size:16px;line-height:1;cursor:pointer;padding:0;opacity:0;transition:opacity .3s var(--ease),background .3s var(--ease)}.work-card--carousel:hover .carousel-nav{opacity:1}.carousel-nav:hover{background:#8b7cf680}.carousel-nav--prev{left:10px}.carousel-nav--next{right:10px}.carousel-dots{display:flex;align-items:center;gap:5px}.carousel-dot{width:5px;height:5px;border-radius:50%;border:none;padding:0;background:#ffffff59;cursor:pointer;transition:all .3s var(--ease)}.carousel-dot.is-active{background:var(--accent);width:14px;border-radius:4px}.sheet-hint{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:#fff9;padding:5px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#07070a61;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}.art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transition:transform 1.2s var(--ease);background:radial-gradient(130% 90% at 18% -8%,var(--c1) 0%,transparent 62%),radial-gradient(120% 100% at 105% 108%,var(--c3) 0%,transparent 58%),linear-gradient(155deg,var(--c2) 0%,rgba(10,10,15,1) 74%)}.art-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 56px),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 56px);opacity:.5}.art-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(40% 36% at 50% 42%,rgba(255,255,255,.16) 0%,transparent 70%);mix-blend-mode:screen}.art-glyph{position:absolute;right:-.06em;bottom:-.18em;font-size:clamp(9rem,16vw,17rem);font-weight:900;line-height:1;color:#ffffff0e;letter-spacing:0;-webkit-user-select:none;user-select:none;font-family:var(--sans)}.art-scan{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);opacity:.5;animation:scan 7s ease-in-out infinite}@keyframes scan{0%,to{top:8%;opacity:0}12%{opacity:.5}50%{top:90%;opacity:.4}62%{opacity:0}}.art-corner{position:absolute;width:16px;height:16px;z-index:2;opacity:.7}.art-corner:before,.art-corner:after{content:"";position:absolute;background:#ffffff80}.art-corner:before{width:100%;height:1px;top:50%}.art-corner:after{width:1px;height:100%;left:50%}.art-corner--tl{top:18px;left:18px}.art-corner--br{bottom:18px;right:18px}.work-card-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#07070a24,#07070a42 40%,#07070ae6);pointer-events:none}.work-card-top{position:absolute;top:20px;left:22px;right:22px;z-index:2;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono)}.work-card-index{font-size:12px;letter-spacing:.2em;color:#fff9}.work-card-index em{font-style:normal;font-size:11px;letter-spacing:.1em;color:#ffffff73;margin-left:10px}.work-card-year{font-size:11px;letter-spacing:.12em;color:#ffffff6b}.work-card-bottom{position:relative;z-index:2;padding:22px}.work-card-title{font-size:clamp(1.3rem,1.9vw,1.7rem);font-weight:600;color:#fff;letter-spacing:.02em}.work-card-sub{margin-top:6px;font-size:14px;color:#ffffffa8}.work-card-tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-block;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-size:12px;color:#ffffffc7;letter-spacing:.04em;background:#ffffff0a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tag--dim{color:var(--text-dim);border-color:var(--line-strong);background:transparent}.work-card-arrow{position:absolute;right:22px;bottom:22px;z-index:2;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:17px;background:#07070a80;opacity:0;transform:translate(8px,8px) rotate(45deg);transition:all .45s var(--ease)}.work-card--video{display:flex;flex-direction:column;gap:18px}.video-media{position:relative;aspect-ratio:16 / 9.6;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--bg-3);cursor:pointer;transition:border-color .45s var(--ease),transform .45s var(--ease),box-shadow .45s var(--ease)}.video-media:hover{border-color:#8b7cf68c;transform:translateY(-6px);box-shadow:0 30px 70px -30px #000000d9}.video-media video{width:100%;height:100%;object-fit:cover}.video-media-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07070a1f,#07070a29 55%,#07070ab8);pointer-events:none}.video-hint{position:absolute;top:18px;left:20px;font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:#fff9}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.5);color:#fff;font-size:18px;background:#07070a73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .4s var(--ease)}.video-media:hover .video-play{background:#8b7cf659;border-color:var(--accent-line);transform:translate(-50%,-50%) scale(1.08)}.work-card-arrow--video{position:absolute;bottom:auto;top:18px;right:20px;transform:none;opacity:1;width:40px;height:40px}.video-meta{padding:0 4px}.work-more{margin-top:64px;padding:28px 34px;border:1px dashed var(--line-strong);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--text-dim);font-size:14px}.strengths{background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%)}.strengths-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.strength-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-3);padding:30px 30px 32px;transition:border-color .45s var(--ease),box-shadow .45s var(--ease),translate .45s var(--ease);overflow:hidden}.strength-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 60% at 50% 0%,rgba(139,124,246,.1) 0%,transparent 70%);opacity:0;transition:opacity .5s var(--ease);pointer-events:none}.strength-card:hover{border-color:#8b7cf673;translate:0 -5px;box-shadow:0 26px 60px -28px #000000e6}.strength-card:hover:before{opacity:1}.strength-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.strength-no{font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--text-faint)}.strength-icon{font-size:22px;color:var(--accent);opacity:.85;transition:transform .5s var(--ease)}.strength-card:hover .strength-icon{transform:rotate(8deg) scale(1.12)}.strength-title{font-size:19px;font-weight:600;color:#fff;letter-spacing:.02em}.strength-desc{margin-top:10px;font-size:14px;color:var(--text-dim);line-height:1.75;min-height:72px}.strength-tags{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}.contact{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(70% 50% at 50% 108%,rgba(139,124,246,.16) 0%,transparent 65%),linear-gradient(180deg,var(--bg) 0%,#0a0a10 100%);overflow:hidden}.contact-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(40% 30% at 12% 12%,rgba(139,124,246,.06) 0%,transparent 70%),radial-gradient(40% 30% at 88% 20%,rgba(94,234,212,.05) 0%,transparent 70%);pointer-events:none}.contact-inner{position:relative;z-index:2;max-width:var(--container);width:100%;margin:0 auto;padding:calc(112px + 4vh) var(--gutter) 84px;flex:1;display:flex;flex-direction:column;justify-content:center}.contact-kicker-row{display:flex;align-items:center;gap:18px;margin-bottom:clamp(46px,6.5vh,76px)}.contact-title{font-size:clamp(2.5rem,6.5vw,6.2rem);font-weight:700;line-height:1.08;letter-spacing:.01em;color:#fff}.contact-title-accent{display:block;background:linear-gradient(100deg,#fff 10%,#8b7cf6 78%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact-sub{margin-top:26px;max-width:560px;color:var(--text-dim);font-size:17px}.contact-actions{margin-top:clamp(36px,6vh,64px);display:flex;gap:18px;flex-wrap:wrap}.contact-socials{margin-top:clamp(44px,7vh,76px);display:flex;gap:34px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:30px;max-width:700px}.contact-social{font-family:var(--mono);font-size:13px;letter-spacing:.18em;color:var(--text-dim);display:inline-flex;align-items:center;gap:7px;transition:color .3s var(--ease)}.contact-social span{color:var(--accent);font-size:12px;transition:transform .3s var(--ease)}.contact-social:hover{color:#fff}.contact-social:hover span{transform:translate(3px,-3px)}.contact-footer{position:relative;z-index:2;border-top:1px solid var(--line)}.contact-footer-inner{max-width:var(--container);margin:0 auto;padding:22px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--text-faint)}.contact-footer-mid{color:var(--text-faint);letter-spacing:.2em}.contact-back{color:var(--text-dim);transition:color .3s var(--ease)}.contact-back:hover{color:var(--accent)}.video-projects{display:flex;flex-direction:column;gap:clamp(48px,6vw,84px)}.video-project-head{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.video-project-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent-line);border-radius:10px;color:var(--accent);font-size:15px;background:var(--accent-soft);flex:none}.video-project-titles{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.video-project-name{font-size:clamp(1.3rem,2vw,1.9rem);font-weight:600;color:#fff;letter-spacing:.03em}.video-project-en{font-family:var(--mono);font-size:12px;letter-spacing:.26em;color:var(--text-faint);text-transform:uppercase}.video-project-count{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--text-dim);padding:6px 14px;border:1px solid var(--line-strong);border-radius:999px;background:var(--bg-3);margin-left:auto}.video-project-desc{width:100%;color:var(--text-dim);font-size:14px;margin-top:-4px}.video-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.video-tile{position:relative;aspect-ratio:16 / 10;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--bg-3);padding:0;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .4s var(--ease),box-shadow .4s var(--ease),translate .4s var(--ease)}.video-tile:hover{border-color:#8b7cf68c;translate:0 -5px;box-shadow:0 26px 60px -28px #000000d9}.video-tile:focus-visible{outline:2px solid var(--accent-line);outline-offset:3px}.video-tile-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.video-tile:hover .video-tile-poster{transform:scale(1.05)}.video-tile-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07070a0d,#07070a33 55%,#07070ad1);pointer-events:none}.video-tile-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.55);color:#fff;font-size:16px;background:#07070a66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .4s var(--ease)}.video-tile:hover .video-tile-play{background:#8b7cf666;border-color:var(--accent-line);transform:translate(-50%,-50%) scale(1.1)}.video-tile-bottom{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;display:flex;flex-direction:column;gap:3px}.video-tile-title{font-size:15px;font-weight:600;color:#fff;letter-spacing:.02em}.video-tile-meta{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:#fff9}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;background:#050509f2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:4vh 3vw;animation:lbFade .35s var(--ease)}.video-modal-stage{position:relative;width:min(1180px,94vw);max-height:100%;border-radius:16px;overflow:hidden;border:1px solid var(--line-strong);background:#000;box-shadow:0 50px 140px -40px #000000e6}.video-modal-player{display:block;width:100%;max-height:82vh;background:#000}.video-modal-cap{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 18px;background:#08080ce6;border-top:1px solid var(--line)}.video-modal-project{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--accent)}.video-modal-title{font-size:15px;font-weight:600;color:#fff}.video-modal-meta{margin-left:auto;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--text-faint)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;background:#050509f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:5vh 4vw;animation:lbFade .35s var(--ease)}@keyframes lbFade{0%{opacity:0}to{opacity:1}}.lightbox-stage{position:relative;max-width:min(92vw,1500px);max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border-radius:6px}.lightbox-img{display:block;width:auto;max-width:100%;height:auto;border-radius:6px;box-shadow:0 40px 120px -30px #000000e6}.lightbox-cap{position:sticky;bottom:0;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 20px;background:#08080cd6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:12px 12px 0 0}.lightbox-cap-title{font-size:15px;font-weight:600;color:#fff}.lightbox-cap-sub{font-size:13px;color:var(--text-dim)}.lightbox-cap-hint{margin-left:auto;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--text-faint)}.lightbox-close{position:fixed;top:22px;right:26px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line-strong);background:#0a0a0f99;color:#fff;font-size:16px;cursor:pointer;z-index:2;transition:all .3s var(--ease)}.lightbox-close:hover{background:#8b7cf640;border-color:var(--accent-line);transform:rotate(90deg)}@media (max-width: 720px){.lightbox{padding:3vh 2vw}.lightbox-cap-hint{display:none}}@media (max-width: 1180px){.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.timeline-list,.strengths-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 980px){.about-grid{grid-template-columns:1fr}.about-photo{max-width:460px}.nav-links{display:none}}@media (max-width: 720px){.work-grid,.timeline-list,.strengths-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.about-contact{grid-template-columns:1fr}.contact-title{font-size:clamp(2.6rem,13vw,4.4rem)}.hero-title{font-size:clamp(3.6rem,17vw,6rem)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.work-card-img--sheet{animation:none;object-position:center 22%}}