.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) 0, transparent 50%)) border-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0, transparent 50%)) border-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0, transparent 50%)) border-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0, transparent 50%)) border-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0, transparent 50%)) border-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0, transparent 50%)) border-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0, 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) 0, transparent 50%)) padding-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0, transparent 50%)) padding-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0, transparent 50%)) padding-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0, transparent 50%)) padding-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0, transparent 50%)) padding-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0, transparent 50%)) padding-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0, 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, .22) * (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(0deg 56% 40% / 100%)),inset 0 0 1px 0 var(--glow-color-60, hsl(0deg 56% 40% / 60%)),inset 0 0 3px 0 var(--glow-color-50, hsl(0deg 56% 40% / 50%)),inset 0 0 6px 0 var(--glow-color-40, hsl(0deg 56% 40% / 40%)),inset 0 0 15px 0 var(--glow-color-30, hsl(0deg 56% 40% / 30%)),inset 0 0 25px 2px var(--glow-color-20, hsl(0deg 56% 40% / 20%)),inset 0 0 50px 2px var(--glow-color-10, hsl(0deg 56% 40% / 10%)),0 0 1px 0 var(--glow-color-60, hsl(0deg 56% 40% / 60%)),0 0 3px 0 var(--glow-color-50, hsl(0deg 56% 40% / 50%)),0 0 6px 0 var(--glow-color-40, hsl(0deg 56% 40% / 40%)),0 0 15px 0 var(--glow-color-30, hsl(0deg 56% 40% / 30%)),0 0 25px 2px var(--glow-color-20, hsl(0deg 56% 40% / 20%)),0 0 50px 2px var(--glow-color-10, hsl(0deg 56% 40% / 10%))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:auto;z-index:1}.grainient-container{display:block;width:100%;height:100%;overflow:hidden}:root{color-scheme:dark;--bg: #050506;--bg-soft: #0b0c0f;--panel: rgba(255, 255, 255, .055);--panel-strong: rgba(255, 255, 255, .1);--line: rgba(255, 255, 255, .13);--text: #f3f6f6;--muted: rgba(243, 246, 246, .66);--subtle: rgba(243, 246, 246, .48);--mint: #c85a5a;--cyan: #d06a6a;--accent-fill: #a22c2c;--accent-ink: #fff2f2;--amber: #ffb86b;--rose: #f87171;--radius: 8px;--shell: min(1700px, calc(100vw - 96px) );--ease-grand: cubic-bezier(.16, 1, .3, 1);--ease-silk: cubic-bezier(.19, 1, .22, 1);--ease-mask: cubic-bezier(.77, 0, .175, 1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:1120px;overflow-x:hidden;background:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),var(--bg);background-size:74px 74px}body::selection{background:var(--accent-fill);color:var(--accent-ink)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{border:0;font:inherit}img,video{display:block;max-width:100%}.shell{width:var(--shell);max-width:1700px;margin:0 auto}.section{position:relative;padding:132px 0;background:var(--bg)}.post-hero-area{position:relative;overflow:clip;isolation:isolate;background:radial-gradient(circle at 70% 10%,rgba(63,6,6,.28),transparent 34%),radial-gradient(circle at 18% 42%,rgba(91,11,11,.18),transparent 36%),linear-gradient(135deg,#030303,#120202 48%,#050101)}.post-hero-area:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#030303a8,#03030333 16%,#0303038f),radial-gradient(circle at 64% 18%,rgba(105,15,15,.2),transparent 32%)}.post-hero-area:after{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(255,180,180,.1) 0 1px,transparent 1.35px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.06) 0 1px,transparent 1.45px),linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:164px 164px,118px 118px,92px 92px,92px 92px;opacity:.42;mix-blend-mode:screen}.post-hero-grainient{position:sticky;top:0;z-index:0;width:100%;height:100vh;max-height:1080px;margin-bottom:-100vh;opacity:.74;pointer-events:none;filter:saturate(1.16) brightness(1.08) contrast(1.12);transform:translateZ(0)}.post-hero-content{position:relative;z-index:1}.post-hero-area .section,.post-hero-area .contact-section{position:relative;z-index:1;background:transparent}.section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 12% 10%,rgba(162,44,44,.062),transparent 26%),radial-gradient(circle at 86% 30%,rgba(255,184,107,.055),transparent 24%)}.section>.shell{position:relative;z-index:1}.section-kicker{margin:0 0 20px;color:var(--mint);font-size:.88rem;font-weight:700}h1,h2,h3,p{margin-top:0}h2{margin-bottom:24px;font-size:4.2rem;line-height:.98;font-weight:760}h3{margin-bottom:12px;font-size:1.24rem}p{color:var(--muted);line-height:1.8}.site-header{position:fixed;z-index:30;left:50%;top:24px;width:var(--shell);max-width:1700px;transform:translate(-50%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0;pointer-events:none}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:6px;background:#f2f4f4;color:#050506;font-size:1.32rem;font-weight:900;line-height:1;box-shadow:inset 0 0 0 1px #0505061a,0 10px 34px #00000029;pointer-events:auto}.site-nav{display:flex;justify-self:center;align-items:stretch;justify-content:center;gap:4px;height:52px;padding:5px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#050506c7;box-shadow:0 22px 70px #0000005c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto}.site-nav a,.header-contact,.primary-action,.secondary-action{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:9px;border-radius:6px;font-weight:700}.site-nav .nav-pill,.header-contact.nav-pill{position:relative;overflow:hidden;isolation:isolate;min-height:42px;padding:0 22px;border-radius:999px;color:#050506;background:#f2f4f4;line-height:1;white-space:nowrap;cursor:pointer;pointer-events:auto;transition:transform .36s var(--ease-grand),box-shadow .36s var(--ease-grand)}.site-nav .nav-pill:hover,.header-contact.nav-pill:hover{transform:translateY(-1px);box-shadow:0 12px 34px #00000042}.header-contact.nav-pill{justify-self:end;height:52px}.nav-pill .hover-circle{position:absolute;z-index:1;left:50%;bottom:-124px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 50% 44%,#8f2424e0,#050506fa 62%),#050506;transform:translate(-50%) scale(0);transform-origin:50% 82%;transition:transform .78s var(--ease-silk);pointer-events:none;will-change:transform}.nav-pill:hover .hover-circle{transform:translate(-50%) scale(1.08)}.nav-pill .label-stack{position:relative;z-index:2;display:inline-block;min-width:max-content;height:1.12em;overflow:hidden}.nav-pill .pill-label,.nav-pill .pill-label-hover{display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1;transition:transform .68s var(--ease-silk),opacity .42s ease;will-change:transform,opacity}.nav-pill .pill-label-hover{position:absolute;top:0;left:0;color:#f2f4f4;opacity:0;transform:translateY(150%)}.nav-pill:hover .pill-label{opacity:0;transform:translateY(-150%)}.nav-pill:hover .pill-label-hover{opacity:1;transform:translateY(0)}.nav-pill svg{flex:0 0 auto}.hero-section{position:relative;min-height:100svh;display:grid;align-items:center;overflow:hidden;background:#050506}.hero-media,.hero-glass,.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-media{z-index:0;overflow:hidden;background:#050506}.hero-media picture,.hero-media img{display:block;width:100%;height:100%}.hero-media img{object-fit:cover;opacity:.96;filter:saturate(1) contrast(1.02) brightness(1.18) blur(.2px);image-rendering:pixelated;transform:scale(1.045)}.hero-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 26% 48%,#080a0c00,#0505061a 42%,#0505062e),linear-gradient(90deg,#05050624,#05050605 48%,#05050629)}.hero-glass{z-index:1;-webkit-backdrop-filter:blur(1.4px) saturate(.96);backdrop-filter:blur(1.4px) saturate(.96);background:linear-gradient(115deg,#ffffff06,#ffffff01 34%,#a22c2c03 70%),#05050605}.hero-overlay{z-index:2;background:linear-gradient(90deg,#05050675,#05050614 42%,#05050633),linear-gradient(180deg,#05050605,#0505060d 56%,#0505066b),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:auto,auto,84px 84px,84px 84px}.hero-content{position:relative;z-index:3;padding-top:96px}.hero-content:before{content:"";position:absolute;z-index:-1;left:-5vw;top:18%;width:min(900px,64vw);height:58%;border-radius:50%;background:#0505068a;filter:blur(82px);pointer-events:none}.hero-content h1{max-width:1060px;margin-bottom:30px;font-size:7.15rem;line-height:.88;font-weight:820;text-shadow:0 22px 80px rgba(0,0,0,.62)}.hero-content h1 span{display:block;margin-top:22px;color:var(--mint);font-size:.74em;font-weight:760;text-shadow:0 0 30px rgba(162,44,44,.2),0 22px 80px rgba(0,0,0,.72)}.hero-copy{max-width:820px;margin-bottom:38px;font-size:1.18rem;color:#f3f6f6d1;text-shadow:0 12px 40px rgba(0,0,0,.74)}.hero-actions{display:flex;gap:14px}.primary-action,.secondary-action{padding:0 22px}.primary-action{color:var(--accent-ink);background:var(--accent-fill)}.secondary-action{border:1px solid rgba(255,255,255,.18);color:var(--text);background:#ffffff0b}.hero-signal{position:absolute;z-index:3;left:50%;bottom:26px;transform:translate(-50%);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);overflow:hidden;color:var(--muted);background:#ffffff0b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-signal span{padding:18px 22px;background:#05050670;font-size:.95rem}.experience-layout{display:grid;grid-template-columns:430px minmax(0,1fr);gap:72px;align-items:start}.portrait-panel{position:sticky;top:112px}.portrait-frame{overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:#101013}.portrait-frame img{width:100%;aspect-ratio:4 / 5.15;object-fit:cover;object-position:center 18%;filter:saturate(.9) contrast(1.04)}.contact-stack{display:grid;gap:10px;margin-top:14px}.contact-stack .compact-glow a,.contact-stack .compact-glow>.border-glow-inner>span,.profile-meta .compact-glow>.border-glow-inner>span,.skill-tags .compact-glow>.border-glow-inner>span{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:#ffffff0b}.experience-content{min-width:0}.section-lead{max-width:980px;font-size:1.1rem;color:#f3f6f6bf}.profile-meta{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 36px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:52px}.stat-card,.strength-card,.timeline-item,.detail-grid article,.footer-contact-glow a,.footer-contact-glow>.border-glow-inner>span{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0c}.stat-card{min-height:132px;padding:22px}.stat-card strong{display:block;margin-bottom:12px;color:var(--text);font-size:2.3rem;line-height:1}.stat-card span{color:var(--muted);line-height:1.5}.timeline-groups{display:grid;gap:38px}.timeline-group{display:grid;gap:14px}.timeline-group-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4px 2px}.timeline-group-header h3{position:relative;margin:0;padding-left:18px;font-size:1.08rem;color:var(--text)}.timeline-group-header h3:before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;border-radius:50%;background:var(--accent-fill);transform:translateY(-50%);box-shadow:0 0 15px #a22c2c61}.timeline-group-header span{color:var(--subtle);font-size:.92rem;font-weight:700}.timeline-list{display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px;padding:26px}.timeline-item time{color:var(--mint);font-size:.95rem;font-weight:760}.timeline-item h3{margin-bottom:6px}.timeline-role{margin-bottom:10px;color:var(--text);font-weight:760}.timeline-item p:last-child{margin-bottom:0}.section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:50px;margin-bottom:54px}.section-heading .section-kicker{grid-column:1 / -1;margin-bottom:-26px}.section-heading h2,.section-heading p{margin-bottom:0}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(520px,auto);gap:24px;align-items:stretch}.project-card{position:relative;overflow:visible;min-height:470px;padding:0;border:0;border-radius:var(--radius);color:var(--text);background:transparent;cursor:pointer;text-align:left;perspective:900px;transform:translateZ(0);outline:0}.tilted-project-card{display:block;width:100%;height:100%;min-height:100%}.tilted-card-inner{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;background:#0b0c0f;transform:rotateX(var(--tilt-rx)) rotateY(var(--tilt-ry)) scale(var(--tilt-scale));transform-style:preserve-3d;transition:transform .72s var(--ease-silk),box-shadow .72s var(--ease-silk),filter .72s var(--ease-silk);will-change:transform}.project-card:focus-visible .tilted-card-inner{box-shadow:0 0 0 1px #c85a5ab8,0 30px 90px #0006}.project-glow-featured{grid-column:1 / span 7;min-height:520px}.project-glow-compact{min-height:520px}.project-grid>.project-glow:nth-child(2){grid-column:8 / span 5}.project-grid>.project-glow:nth-child(3){grid-column:1 / span 5}.project-grid>.project-glow:nth-child(4){grid-column:6 / span 7}.project-grid>.project-glow:nth-child(5){grid-column:1 / span 7}.project-grid>.project-glow:nth-child(6){grid-column:8 / span 5}.project-card-featured{min-height:520px}.project-card-featured .tilted-card-inner{background:#08090c}.project-card img{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;backface-visibility:hidden;transform:translateZ(0) scale(1.01);transition:transform .72s var(--ease-silk),filter .72s var(--ease-silk),opacity .72s var(--ease-silk);will-change:transform}.tilted-card-inner:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--tilt-x) var(--tilt-y),rgba(200,90,90,.16),transparent 28%),linear-gradient(180deg,#05050605,#050506d1),linear-gradient(90deg,rgba(5,5,6,.68),transparent 76%);opacity:.96;transform:translateZ(20px);pointer-events:none;transition:opacity .72s var(--ease-silk)}.project-card-featured .tilted-card-inner:after{background:radial-gradient(circle at var(--tilt-x) var(--tilt-y),rgba(200,90,90,.2),transparent 30%),linear-gradient(180deg,#05050600,#050506db),linear-gradient(90deg,#050506b8,#0505061f 72%)}.project-card.is-tilted img,.project-card:hover img{transform:translateZ(0) scale(1.085);filter:saturate(1.16) contrast(1.04)}.project-index{position:absolute;z-index:2;top:20px;right:20px;color:#ffffff80;font-weight:760;letter-spacing:.02em;transform:translateZ(52px)}.project-text{position:absolute;z-index:2;inset:auto 24px 24px 24px;display:grid;gap:12px;transform:translateZ(58px)}.project-card-featured .project-text{right:24px;bottom:24px;gap:12px}.project-text span,.project-text em{display:inline-flex;width:max-content;align-items:center;gap:8px;color:var(--muted);font-style:normal;font-weight:700}.project-text strong{font-size:2.05rem;line-height:1.08}.project-card-featured .project-text strong{font-size:2.05rem;line-height:1.08;letter-spacing:0}.project-feature-copy{display:block!important;width:min(100%,680px)!important;color:#eeeeeeb8!important;font-size:1rem;font-weight:600!important;line-height:1.8}.project-skill-strip{display:flex!important;width:min(100%,680px)!important;flex-wrap:wrap;gap:8px!important}.project-skill-strip b{display:inline-flex;align-items:center;min-height:30px;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:0 12px;color:#f0c5c5;background:#ffffff0e;font-size:.83rem;font-weight:760}.tilted-card-overlay{will-change:transform}.tilted-card-caption{pointer-events:none;position:absolute;z-index:5;left:var(--tilt-x);top:var(--tilt-y);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 12px;color:#140809;background:#f2f4f4e6;box-shadow:0 18px 42px #0000003d;font-size:.76rem;font-weight:800;opacity:0;transform:translate(-50%,-130%) rotate(var(--caption-rotate));transition:opacity .26s ease,transform .52s var(--ease-silk);white-space:nowrap}.project-card.is-tilted .tilted-card-caption{opacity:1}.project-detail{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;background:#050506eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.project-detail-scroll{height:100%;overflow:auto}.project-detail-top{position:relative;padding:56px 0 96px}.detail-actionbar{position:fixed;z-index:80;top:24px;left:50%;display:flex;width:var(--shell);max-width:1700px;align-items:center;justify-content:space-between;gap:18px;pointer-events:auto;transform:translate(-50%)}.detail-return-button,.close-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:0 18px;color:var(--text);background:#080809b8;box-shadow:0 18px 48px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;font-weight:760;pointer-events:auto;transition:border-color .18s ease,background .18s ease,transform .18s ease}.detail-return-button:hover,.close-button:hover{border-color:#c85a5a70;background:#141416db;transform:translateY(-1px)}.detail-return-button span{font-size:1.25rem;line-height:1}.detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:40px;align-items:end;margin-bottom:34px;padding-right:84px}.detail-hero h2{margin-bottom:22px}.detail-hero p:not(.section-kicker){max-width:860px;font-size:1.15rem}.detail-icon{display:grid;place-items:center;width:96px;height:96px;border:1px solid var(--line);border-radius:var(--radius);color:var(--mint);background:#ffffff0f}.detail-cover{width:100%;max-height:620px;border:1px solid var(--line);border-radius:var(--radius);object-fit:contain;background:#ffffff09}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:14px;margin-top:14px}.detail-grid article{padding:28px}.detail-grid p{margin-bottom:0}.project-work-section{margin-top:58px}.work-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.work-section-heading .section-kicker,.work-section-heading h3{margin-bottom:0}.work-section-heading h3{font-size:1.8rem}.work-section-heading>span{color:var(--subtle);font-weight:760}.work-section-copy{max-width:780px;margin:-8px 0 20px;color:var(--muted)}.board-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.board-card,.manual-page,.poster-card,.packaging-card,.cultural-ip-card,.character-illustration-card,.game-board-card,.game-concept-page{margin:0;background:transparent}.board-card img,.manual-page img,.poster-card img,.packaging-card img,.cultural-ip-card img,.character-illustration-card img,.game-board-card img,.game-concept-page img{width:100%;height:auto;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);background:transparent;box-shadow:0 26px 70px #00000057}.board-card figcaption,.manual-page figcaption,.poster-card figcaption,.packaging-card figcaption,.cultural-ip-card figcaption,.character-illustration-card figcaption,.game-board-card figcaption,.game-concept-page figcaption{padding-top:12px;color:var(--muted);font-weight:700}.poster-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.poster-card img{aspect-ratio:3 / 4;object-fit:fill;border-radius:6px}.packaging-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.packaging-card img{border-radius:6px}.cultural-ip-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.cultural-ip-card img{border-radius:6px}.character-illustration-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}.character-illustration-card img{display:block;width:min(100%,920px);margin:0 auto;border-radius:6px}.character-illustration-card figcaption{width:min(100%,920px);margin:0 auto}.game-board-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.game-board-card img,.game-concept-page img{border-radius:6px}.game-concept-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.manual-featured-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;margin-bottom:28px}.manual-compact-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:start}.manual-page.is-compact img{border-radius:6px}.manual-page.is-compact figcaption{font-size:.92rem}.skill-tags{display:flex;flex-wrap:wrap;gap:10px}.strength-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.strength-card{min-height:320px;padding:30px;transition:transform .26s ease,border-color .26s ease,background .26s ease}.strength-card:hover{transform:translateY(-6px);border-color:#c85a5a57;background:#a22c2c0f}.strength-card svg{margin-bottom:54px;color:var(--mint)}.strength-card p{margin-bottom:0}.contact-section{min-height:100svh;display:grid;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(162,44,44,.11),transparent 32%),radial-gradient(circle at 78% 12%,rgba(200,90,90,.1),transparent 34%),radial-gradient(circle at 62% 72%,rgba(162,44,44,.1),transparent 36%),#050506}.contact-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:88px 88px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}.contact-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:80px;align-items:center}.contact-layout h2{max-width:980px;margin-bottom:30px;font-size:6.2rem}.contact-layout p{max-width:720px;font-size:1.15rem}.footer-contact-grid{display:grid;gap:12px}.footer-contact-glow a,.footer-contact-glow>.border-glow-inner>span{display:grid;grid-template-columns:28px 96px minmax(0,1fr);align-items:center;gap:18px;min-height:96px;padding:0 24px}.footer-contact-grid svg{color:var(--mint)}.footer-contact-glow>.border-glow-inner>span>span,.footer-contact-glow a span{color:var(--subtle)}.footer-contact-grid strong{color:var(--text);font-size:1.08rem;word-break:break-word}.portrait-glow,.stat-glow,.timeline-glow,.project-glow,.detail-copy-glow,.strength-glow,.footer-contact-glow{width:100%}.compact-glow{width:max-content}.contact-stack .compact-glow{width:100%}.portrait-glow .border-glow-inner,.project-glow .border-glow-inner,.detail-icon-glow .border-glow-inner,.detail-copy-glow .border-glow-inner,.strength-glow .border-glow-inner,.footer-contact-glow .border-glow-inner,.stat-glow .border-glow-inner,.timeline-glow .border-glow-inner,.compact-glow .border-glow-inner{height:100%;min-width:0;border-radius:inherit}.portrait-glow .border-glow-inner,.project-glow .border-glow-inner{overflow:hidden}.portrait-glow .portrait-frame,.stat-glow .stat-card,.timeline-glow .timeline-item,.detail-copy-glow article,.detail-icon-glow .detail-icon,.strength-glow .strength-card,.footer-contact-glow a,.footer-contact-glow>.border-glow-inner>span,.compact-glow a,.compact-glow>.border-glow-inner>span{border:0;background:transparent}.compact-glow a,.compact-glow>.border-glow-inner>span{width:100%}.stat-glow .stat-card,.timeline-glow .timeline-item,.detail-copy-glow article,.strength-glow .strength-card,.footer-contact-glow a,.footer-contact-glow>.border-glow-inner>span{height:100%}.project-grid>.project-glow{min-height:520px}.project-glow .border-glow-inner{overflow:visible;perspective:1100px}.project-glow .project-card{width:100%;height:100%;min-height:100%;grid-column:auto;grid-row:auto;border:0;border-radius:inherit}.detail-icon-glow{width:96px;height:96px}.detail-copy-glow .border-glow-inner,.strength-glow .border-glow-inner,.footer-contact-glow .border-glow-inner,.stat-glow .border-glow-inner,.timeline-glow .border-glow-inner{overflow:hidden}.footer-contact-grid .footer-contact-glow a,.footer-contact-grid .footer-contact-glow>.border-glow-inner>span{display:grid;grid-template-columns:28px 96px minmax(0,1fr);align-items:center;gap:18px;min-height:96px;padding:0 24px}.footer-contact-grid .footer-contact-glow span span,.footer-contact-grid .footer-contact-glow a span{color:var(--subtle)}.footer-contact-grid .footer-contact-glow a>span,.footer-contact-grid .footer-contact-glow>.border-glow-inner>span>span{display:block;min-height:0;padding:0;border:0;border-radius:0;background:transparent}.opening-animation{position:fixed;z-index:140;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:#050506;animation:opening-shell 3.35s var(--ease-silk) forwards}.opening-panel{position:absolute;top:0;bottom:0;width:52%;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(162,44,44,.22),transparent 52%),#050506;background-size:86px 86px,86px 86px,auto,auto;box-shadow:0 0 100px #00000094}.opening-panel-left{left:0;transform-origin:left center;animation:opening-left 2.65s var(--ease-mask) forwards}.opening-panel-right{right:0;transform-origin:right center;animation:opening-right 2.65s var(--ease-mask) forwards}.opening-mark{position:absolute;left:50%;top:50%;display:grid;width:min(420px,46vw);transform:translate(-50%,-50%) scaleX(.56);transform-origin:center;text-align:center;letter-spacing:0;animation:opening-mark 2.4s var(--ease-grand) forwards}.opening-mark span{font-size:clamp(6rem,10vw,13rem);font-weight:900;line-height:.82;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif}.opening-mark i{display:block;width:100%;height:2px;transform:scaleX(0);transform-origin:center;background:linear-gradient(90deg,transparent,rgba(143,36,36,.96),transparent);animation:opening-mark-line 1.8s var(--ease-mask) .2s forwards}.opening-scan{position:absolute;left:50%;top:0;width:1px;height:100%;transform:translate(-50%) scaleY(0);background:linear-gradient(180deg,transparent,rgba(143,36,36,.86),transparent);box-shadow:0 0 46px #8f2424ad;animation:opening-scan 2.45s var(--ease-mask) forwards}.hero-title{overflow:hidden;transform-origin:0 72%;opacity:0;clip-path:inset(0 0 100% 0);animation:hero-title-reveal 1.78s var(--ease-grand) .58s forwards}.hero-title span{opacity:0;clip-path:inset(0 0 100% 0);transform:translate3d(0,.28em,0) scaleY(.74);transform-origin:0 70%;animation:hero-subtitle-reveal 1.54s var(--ease-grand) .86s forwards}.hero-content>.section-kicker,.hero-copy,.hero-actions,.hero-signal{opacity:0;animation:hero-support-in 1.28s var(--ease-grand) forwards}.site-header{opacity:0;animation:header-support-in 1.28s var(--ease-grand) forwards;animation-delay:.46s}.hero-content>.section-kicker{animation-delay:.52s}.hero-copy{animation-delay:1.12s}.hero-actions{animation-delay:1.28s}.hero-signal{animation-delay:1.46s}.hero-media img{animation:hero-media-open 3.2s var(--ease-silk) forwards}.motion-enhanced .motion-title{opacity:0;clip-path:inset(0 0 100% 0);transform:translate3d(0,96px,0) scaleY(.72);transform-origin:0 78%;transition:clip-path 1.42s var(--ease-mask),transform 1.42s var(--ease-grand),opacity .9s ease;will-change:transform,clip-path,opacity}.motion-enhanced .motion-title.is-in-view{opacity:1;clip-path:inset(0);transform:translateZ(0) scaleY(1)}.motion-enhanced .motion-card{opacity:0;clip-path:inset(18% 0 0 0);transform:translate3d(0,76px,0) scale(.965);filter:blur(12px);transition:clip-path 1.24s var(--ease-mask) var(--motion-delay, 0s),transform 1.28s var(--ease-grand) var(--motion-delay, 0s),opacity 1s ease var(--motion-delay, 0s),filter 1.1s ease var(--motion-delay, 0s);will-change:transform,clip-path,opacity,filter}.motion-enhanced .motion-card.is-in-view{opacity:1;clip-path:inset(0);transform:translateZ(0) scale(1);filter:blur(0)}.motion-enhanced img.motion-image{opacity:1;clip-path:inset(0);transform:translate3d(0,var(--parallax-y, 0px),0) scale(1.035);transform-origin:center;transition:transform 1.22s var(--ease-grand),filter .72s ease;will-change:transform}.motion-enhanced img.motion-image.is-in-view{opacity:1;clip-path:inset(0);transform:translate3d(0,var(--parallax-y, 0px),0) scale(1.055)}.motion-enhanced .project-card:hover img.motion-image.is-in-view,.motion-enhanced .project-card.is-tilted img.motion-image.is-in-view{transform:translate3d(0,var(--parallax-y, 0px),0) scale(1.095)}@keyframes opening-shell{0%,78%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes opening-left{0%,38%{transform:translate(0) scaleX(1)}to{transform:translate(-106%) scaleX(.88)}}@keyframes opening-right{0%,38%{transform:translate(0) scaleX(1)}to{transform:translate(106%) scaleX(.88)}}@keyframes opening-mark{0%{opacity:0;filter:blur(16px);transform:translate(-50%,-50%) scaleX(.42) translateY(36px)}28%,54%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scaleX(.64) translateY(0)}to{opacity:0;filter:blur(8px);transform:translate(-50%,-50%) scaleX(1.42) translateY(-18px)}}@keyframes opening-mark-line{0%{opacity:0;transform:scaleX(0)}35%,68%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(.18)}}@keyframes opening-scan{0%{opacity:0;transform:translate(-50%) scaleY(0)}34%,74%{opacity:1;transform:translate(-50%) scaleY(1)}to{opacity:0;transform:translate(-50%) scaleY(0)}}@keyframes hero-title-reveal{0%{opacity:0;clip-path:inset(0 0 100% 0);transform:translate3d(0,92px,0) scaleY(.58) scaleX(1.08);filter:blur(10px)}52%{opacity:1;clip-path:inset(0 0 0 0);transform:translate3d(0,-8px,0) scaleY(1.08) scaleX(.985);filter:blur(0)}to{opacity:1;clip-path:inset(0);transform:translateZ(0) scaleY(1) scaleX(1);filter:blur(0)}}@keyframes hero-subtitle-reveal{0%{opacity:0;clip-path:inset(0 0 100% 0);transform:translate3d(0,.38em,0) scaleY(.58) scaleX(1.05)}to{opacity:1;clip-path:inset(0);transform:translateZ(0) scaleY(1) scaleX(1)}}@keyframes hero-support-in{0%{opacity:0;transform:translate3d(0,30px,0);filter:blur(10px)}to{opacity:1;transform:translateZ(0);filter:blur(0)}}@keyframes header-support-in{0%{opacity:0;transform:translate(-50%) translateY(-28px);filter:blur(10px)}to{opacity:1;transform:translate(-50%) translateY(0);filter:blur(0)}}@keyframes hero-media-open{0%{opacity:.62;transform:scale(1.12);filter:saturate(.82) contrast(1.08) brightness(.82) blur(2px)}to{opacity:.96;transform:scale(1.045);filter:saturate(1) contrast(1.02) brightness(1.18) blur(.2px)}}@media (prefers-reduced-motion: reduce){.opening-animation{display:none}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hero-title,.hero-title span,.hero-content>.section-kicker,.hero-copy,.hero-actions,.hero-signal,.site-header,.motion-title,.motion-card,img.motion-image{opacity:1!important;clip-path:none!important;transform:none!important;filter:none!important}}@media (max-width: 1380px){:root{--shell: calc(100vw - 64px) }h2{font-size:3.5rem}.hero-content h1{font-size:6.1rem}.experience-layout{grid-template-columns:360px minmax(0,1fr);gap:48px}.stats-grid,.strength-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(470px,auto);gap:20px}.project-glow-featured{grid-column:1 / span 4;min-height:470px}.project-glow-compact{min-height:470px}.project-grid>.project-glow{min-height:470px}.project-grid>.project-glow:nth-child(2){grid-column:5 / span 2}.project-grid>.project-glow:nth-child(3){grid-column:1 / span 2}.project-grid>.project-glow:nth-child(4){grid-column:3 / span 4}.project-grid>.project-glow:nth-child(5){grid-column:1 / span 4}.project-grid>.project-glow:nth-child(6){grid-column:5 / span 2}.project-card-featured .project-text{right:28px}.manual-compact-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.contact-layout h2{font-size:5rem}}
