.warp-text{position:relative;display:block;width:100%;min-height:220px;overflow:hidden;isolation:isolate;border-radius:inherit}.warp-text canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.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--light{border-color:#18181b1f;box-shadow:#18181b0a 0 1px 2px,#18181b0d 0 8px 24px}.border-glow-card--light:after,.border-glow-card--light>.edge-light{mix-blend-mode:normal}.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}:root{--bg: #fafafa;--bg-2: #f7f7f7;--paper: #ffffff;--ink: #171717;--ink-soft: #3a3a3d;--muted: #737373;--faint: #a9a9ad;--line: rgba(23, 23, 23, .09);--line-strong: rgba(23, 23, 23, .16);--accent: #2563eb;--grid: rgba(154, 154, 154, .3);--box: #4cc1dc;--radius: 16px;--shell: 1700px;--pad: clamp(24px, 4.5vw, 64px);--font-sans: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-display: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-weight:400;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}button,a{font-family:inherit}::selection{background:var(--ink);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.shell{position:relative;width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:calc(var(--pad) + 16px)}.section{position:relative;padding-block:clamp(88px,9vw,150px);scroll-margin-top:72px}.section-head{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:20px;border-top:1px solid var(--line);padding-top:28px;margin-bottom:clamp(48px,6vw,80px)}.section-index{color:var(--muted);font-family:var(--font-display);font-size:.8rem;font-weight:500}.section-title{font-family:var(--font-display);font-size:3rem;font-weight:600;line-height:1.02}.section-en{color:var(--faint);font-size:.72rem;font-weight:500;text-transform:uppercase}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.6,.2,1),transform .8s cubic-bezier(.2,.6,.2,1);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}.reveal.is-in{opacity:1;transform:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 24px;border-radius:999px;border:1px solid transparent;font-size:.92rem;font-weight:500;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#000;transform:translateY(-2px)}.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:#fff}.btn-ghost:hover{border-color:var(--ink);background:var(--ink);color:#fff;transform:translateY(-2px)}.btn-arrow{transition:transform .25s ease}.btn-primary:hover .btn-arrow{transform:translate(3px)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:16px var(--pad);border-bottom:1px solid var(--line);transition:background .3s ease,border-color .3s ease,padding .3s ease,backdrop-filter .3s ease}.nav.is-scrolled{background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding-block:12px}.nav-brand{justify-self:start;display:inline-flex;color:var(--ink);text-decoration:none}.nav-logo{display:block;height:22px;width:auto}.nav-logo-shape{position:relative;z-index:1;display:block;width:44px;height:22px}.nav-links{justify-self:center;display:flex;gap:6px}.nav-link{padding:8px 14px;font-size:.78rem;font-weight:500;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s ease}.nav-link:hover,.nav-link.is-active{color:var(--ink);font-weight:800}.nav-cta{padding:0 20px}.floating-contact{position:fixed;right:24px;bottom:24px;z-index:90;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 22px;border-radius:999px;background:var(--ink);color:#fff;font-size:.92rem;font-weight:500;text-decoration:none;box-shadow:0 14px 30px -14px #1717178c;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.floating-contact:hover{background:#000;transform:translateY(-2px);box-shadow:0 20px 38px -16px #17171799}.floating-contact-arrow{font-size:1rem;transition:transform .25s ease}.floating-contact:hover .floating-contact-arrow{transform:translate(2px,-2px)}.nav-right{justify-self:end;display:flex;align-items:center;gap:14px}.mode-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 0;background:none;border:none;cursor:pointer;color:var(--muted);font-size:.78rem;font-weight:500}.mode-toggle-label{line-height:1}.mode-track{position:relative;width:36px;height:22px;border-radius:999px;background:#e0e0e0;transition:background .25s ease}.mode-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .25s ease}.mode-toggle.is-on{color:var(--box)}.mode-toggle.is-on .mode-track{background:var(--box)}.mode-toggle.is-on .mode-knob{transform:translate(14px)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:6px 0;border:0;background:none;cursor:pointer}.theme-track{position:relative;width:42px;height:24px;border-radius:999px;background:#dedede;transition:background .3s ease}.theme-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#202020;box-shadow:0 2px 5px #0003;transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s ease,color .3s ease}.theme-knob svg{width:12px;height:12px}.theme-toggle.is-dark .theme-track{background:#33415f}.theme-toggle.is-dark .theme-knob{background:#f4f5f7;color:#202b45;transform:translate(18px)}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.liquid-ascii{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero-vframe{position:absolute;top:70px;bottom:0;left:50%;transform:translate(-50%);width:calc(min(1700px,100%) - 2 * var(--pad));border-left:1px dashed var(--grid);border-right:1px dashed var(--grid)}.section-vframe{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:calc(min(1700px,100%) - 2 * var(--pad));border-left:1px dashed var(--grid);border-right:1px dashed var(--grid);pointer-events:none}.hero-inner{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;justify-content:center;padding:150px 0 120px}.hero-row{width:100%;text-align:center;padding:28px var(--pad)}.hero-row-pill{border-top:1px dashed var(--grid);padding-top:24px;padding-bottom:0}.hero-row-title{padding-top:24px;padding-bottom:32px;border-bottom:1px dashed var(--grid)}.hero-row-sub{padding-top:32px;padding-bottom:32px;border-bottom:1px dashed var(--grid)}.hero-row-actions{padding-top:32px;padding-bottom:24px;border-bottom:1px dashed var(--grid)}.hero-pill{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 18px;border:1px solid var(--grid);border-radius:999px;background:#f0f0ee;color:var(--ink);font-size:.82rem;font-weight:500}.hero-title{font-family:var(--font-display);font-weight:600;font-size:58px;line-height:1.32}.hero-sub{color:var(--ink-soft);font-size:1.05rem;font-weight:500}.hero-actions{display:flex;justify-content:center;gap:12px;width:min(340px,100%);margin-inline:auto}.hero-actions .btn{flex:1 1 0;min-width:0}.hero-foot{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px var(--pad);border-top:1px dashed var(--grid);color:var(--muted);font-size:.74rem;text-transform:uppercase}.hero-foot-coord{font-family:var(--font-display)}.about-grid{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.45fr;gap:24px}.about-photo-cell,.about-copy-cell{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.about-photo-cell{position:relative;min-height:520px;margin:0}.about-photo-track{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;width:100%;height:100%;transition:transform .8s cubic-bezier(.65,0,.35,1)}.about-photo-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;object-position:center top}.cell-tag{position:absolute;left:18px;bottom:18px;z-index:2;padding:6px 15px;border-radius:999px;background:#ffffffd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);font-size:14px;line-height:1.4;font-weight:500}.about-copy-cell{display:flex;flex-direction:column;padding:clamp(28px,4vw,52px)}.about-lead{font-family:var(--font-display);font-size:2.5rem;font-weight:600;line-height:1.12}.about-copy{margin-top:20px;color:var(--ink-soft)}.about-copy p{max-width:54ch;line-height:1.8;margin-bottom:14px}.about-role-row{margin-top:auto;padding-top:20px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem}.role-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.about-cells,.stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:24px}.cell{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:118px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-align:left;text-decoration:none;transition:border-color .3s ease,transform .3s ease}.cell:hover{border-color:var(--line-strong);transform:translateY(-2px)}.cell-key{font-size:14px;font-weight:500;text-transform:uppercase;color:var(--muted)}.cell-val{font-size:1rem;font-weight:500;color:var(--ink);word-break:break-all}a.cell:hover .cell-val{color:var(--accent)}.cell-reveal{position:absolute;top:50%;right:18px;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;opacity:0;transform:translateY(-50%) translate(8px) scale(.7);pointer-events:none;transition:opacity .28s ease,transform .38s cubic-bezier(.34,1.56,.64,1)}.cell-reveal svg{display:block;width:42px;height:42px}.cell:hover .cell-reveal{opacity:1;transform:translateY(-50%) translate(0) scale(1)}.stat{position:relative;min-height:118px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:border-color .3s ease,transform .3s ease}.stat:hover{border-color:var(--line-strong);transform:translateY(-2px)}.stat-value{display:block;font-family:var(--font-display);font-size:2.5rem;font-weight:600;line-height:1;transition:color .3s ease}.stat:hover .stat-value{color:var(--accent)}.stat-label{display:block;margin-top:8px;color:var(--muted);font-size:.86rem}.stat-reveal{position:absolute;top:50%;right:18px;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;opacity:0;transform:translateY(-50%) translate(8px) scale(.7);pointer-events:none;transition:opacity .28s ease,transform .38s cubic-bezier(.34,1.56,.64,1)}.stat:hover .stat-reveal{opacity:1;transform:translateY(-50%) translate(0) scale(1)}.stat-reveal svg{display:block;width:42px;height:42px}.path-head{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-top:clamp(80px,9vw,120px);margin-bottom:18px}.path-label{font-size:1.05rem;font-weight:600}.path-range{color:var(--muted);font-family:var(--font-display);font-size:.86rem}.timeline{--tl-date-x: 44px;position:relative;z-index:1}.timeline:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--line);pointer-events:none}.timeline-item{position:relative;display:grid;grid-template-columns:20px 180px 1fr;gap:24px;padding:26px 0}.timeline-item:before{content:"";position:absolute;top:33px;height:100%;left:3.5px;border-left:1px dashed var(--accent);pointer-events:none}.timeline-item:after{content:"";position:absolute;bottom:0;left:var(--tl-date-x);right:0;height:1px;background:var(--line);pointer-events:none}.timeline-item:last-child:before{height:8px}.timeline-node{position:relative;z-index:1;width:8px;height:8px;border-radius:50%;border:2px solid var(--accent);background:var(--accent);margin-top:7px}.timeline-item:first-child .timeline-node{border-color:var(--accent);background:var(--accent)}.timeline-period{color:var(--muted);font-family:var(--font-display);font-size:.86rem}.timeline-title{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;transition:transform .38s cubic-bezier(.34,1.56,.64,1)}.timeline-item:hover .timeline-title{transform:translate(6px)}.timeline-title h4{font-size:1.15rem;font-weight:600;transition:color .3s ease}.timeline-item:hover .timeline-title h4{color:var(--accent)}.timeline-role{color:var(--muted);font-size:.9rem}.timeline-summary{margin-top:8px;color:var(--ink-soft);font-size:.94rem;line-height:1.75;max-width:72ch}.project-lead{position:relative;z-index:1;display:grid;grid-template-columns:1.4fr .8fr;gap:48px;align-items:stretch;cursor:pointer;margin-bottom:clamp(44px,5vw,64px)}.project-lead:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.project-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:48px}.project-lead--casarte{grid-template-columns:.8fr 1.4fr}.project-lead--casarte .project-art{order:2}.project-lead--casarte .project-info{order:1}.project-lead--casarte .project-art{min-height:0;aspect-ratio:16 / 9}.project-lead--casarte .pv{min-height:0}.project-lead--casarte .pv-iot{padding:16px;gap:20px}.project-lead--casarte .pv-panel{padding:16px;gap:12px}.project-lead--casarte .pv-dial{width:138px;height:138px}.project-lead--casarte .pv-dial-core{font-size:2rem}.project-lead--casarte .pv-mode,.project-lead--casarte .pv-fan{padding:6px 12px;font-size:.72rem}.project-lead--casarte .pv-controls{gap:10px}.project-lead--casarte .pv-ctrl-pill{width:32px;height:32px}.project-lead--casarte .pv-side-note{width:150px;gap:10px}.project-lead--shot .project-art{min-height:0;aspect-ratio:16 / 9}.project-shot{display:block;width:100%;height:100%;object-fit:cover;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px #00000008}.project-glow{width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.6,.2,1),box-shadow .45s ease}.project-art:hover .project-glow{transform:translate3d(0,-4px,.01px);box-shadow:0 24px 48px -32px #17171752}.project-glow .border-glow-inner{width:100%;height:100%;overflow:hidden;border-radius:inherit}.project-glow .project-shot{border:none;border-radius:0;box-shadow:none}.project-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:5vh 4vw 0;background:#1717179e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:modalFade .3s ease}.project-modal-frame{position:relative;width:min(980px,100%);height:95vh}.project-modal-panel{position:relative;width:100%;height:100%;background:var(--paper);border-radius:0;overflow:hidden;box-shadow:0 40px 90px -40px #0000008c;animation:modalRise .45s cubic-bezier(.2,.6,.2,1)}.project-modal-scroll{height:100%;overflow-y:auto;line-height:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.project-modal-scroll::-webkit-scrollbar{display:none}.project-modal-scroll img{display:block;width:100%;height:auto}.project-modal-progress{position:absolute;top:0;right:-16px;width:3px;height:100%;border-radius:99px;background:#ffffff29;overflow:hidden;pointer-events:none}.project-modal-progress span{display:block;width:100%;background:#ffffff80;border-radius:99px;transition:height .12s linear}.project-modal-close{position:fixed;top:20px;right:24px;z-index:110;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background:#fffffff2;color:var(--ink);cursor:pointer;box-shadow:0 10px 28px #00000047;transition:background .25s ease,color .25s ease}.project-modal-close:hover{background:var(--ink);color:#fff}.project-modal-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.project-art{min-height:400px}.project-info{position:relative;z-index:0;display:flex;flex-direction:column;padding:20px 0;transition:transform .45s cubic-bezier(.2,.6,.2,1)}.project-info:before{content:"";position:absolute;top:0;bottom:0;left:-26px;right:-20px;z-index:-1;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 24px 48px -32px #17171752;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .45s cubic-bezier(.2,.6,.2,1);pointer-events:none}.project-art:hover~.project-info{transform:translateY(-4px)}.project-art:hover~.project-info:before{opacity:1;transform:translateY(0)}.project-topline{display:flex;align-items:center;gap:12px;font-size:.78rem;font-weight:500;text-transform:uppercase;color:var(--muted)}.project-index{color:var(--accent);font-weight:600}.project-title{font-family:var(--font-display);font-size:2.2rem;font-weight:600;line-height:1.08;margin-top:16px}.project-desc{max-width:52ch;margin-top:16px;color:var(--ink-soft);line-height:1.8}.project-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:24px}.project-year{color:var(--muted);font-family:var(--font-display);font-size:.86rem}.project-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.project-tags li{padding:6px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.78rem}.pv{position:relative;height:100%;min-height:400px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 2px #00000008;transition:transform .45s cubic-bezier(.2,.6,.2,1),box-shadow .45s ease,border-color .45s ease}.project:hover .pv{transform:translateY(-4px);box-shadow:0 24px 48px -32px #17171752;border-color:var(--line-strong)}.pv-line{display:block;height:6px;border-radius:99px;background:#ececef}.pv-line.md{height:8px;background:#e0e0e4}.pv-chrome{display:flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-bottom:1px solid var(--line);background:#fbfbfb;flex:none}.pv-dots{display:flex;gap:5px}.pv-dots i{width:8px;height:8px;border-radius:50%;background:#e2e2e6}.pv-url{font-family:var(--font-display);font-size:.7rem;color:var(--faint);background:#f1f1f2;padding:3px 12px;border-radius:99px}.pv-chrome-space{flex:1}.pv-body{display:flex;flex:1;min-height:0}.pv-side{width:132px;flex:none;border-right:1px solid var(--line);padding:16px 14px;display:flex;flex-direction:column;gap:13px;background:#fbfbfb}.pv-logo{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pv-logo-mark{width:16px;height:16px;border-radius:5px;background:var(--ink);flex:none}.pv-nav-item{display:flex;align-items:center;gap:8px}.pv-nav-ico{width:14px;height:14px;border-radius:4px;background:#e6e6ea;flex:none}.pv-nav-ico.is-on{background:var(--ink)}.pv-side-spacer{flex:1}.pv-avatar{display:flex;align-items:center;gap:8px}.pv-avatar-circle{width:24px;height:24px;border-radius:50%;background:#d9d9dd;flex:none}.pv-main{flex:1;min-width:0;padding:20px 22px;display:flex;flex-direction:column;gap:16px}.pv-head{display:flex;justify-content:space-between;align-items:flex-start}.pv-head-title{display:flex;flex-direction:column;gap:8px;width:58%}.pv-btn{width:58px;height:22px;border-radius:99px;background:var(--ink);flex:none}.pv-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pv-kpi{display:flex;flex-direction:column;gap:7px;padding:12px;background:#f7f7f8;border:1px solid var(--line);border-radius:12px}.pv-canvas{flex:1;display:flex;flex-direction:column;gap:12px;background:#fbfbfb;border:1px solid var(--line);border-radius:12px;padding:14px;min-height:132px}.pv-canvas-head{display:flex;justify-content:space-between;align-items:center}.pv-pill-row{display:flex;gap:6px}.pv-pill{width:34px;height:16px;border-radius:99px;background:#e6e6ea;flex:none}.pv-pill.is-on{background:var(--ink)}.pv-chart{flex:1;position:relative}.pv-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pv-chart-float{position:absolute;left:10px;bottom:10px;display:flex;flex-direction:column;gap:7px;width:132px;background:#ffffffe0;padding:12px;border-radius:12px;border:1px solid var(--line);box-shadow:0 10px 26px -16px #00000059}.pv-table{display:flex;flex-direction:column;gap:8px;margin-top:14px}.pv-table-row{display:flex;align-items:center;gap:14px;padding:6px 0;border-top:1px solid var(--line)}.pv-table-row .pv-line{flex:none}.pv-iot{display:flex;align-items:center;justify-content:center;gap:clamp(20px,3vw,44px);padding:clamp(24px,4vw,48px)}.pv-panel{width:min(360px,100%);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 24px 44px -34px #0006;display:flex;flex-direction:column;gap:22px}.pv-panel-head{display:flex;justify-content:space-between;align-items:center}.pv-panel-brand{display:flex;align-items:center;gap:8px;min-width:0}.pv-connect{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--muted)}.pv-connect i{width:7px;height:7px;border-radius:50%;background:#2fbf71}.pv-climate{display:flex;flex-direction:column;align-items:center;gap:20px}.pv-dial{position:relative;width:188px;height:188px}.pv-dial-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 220deg,var(--accent) 0 54%,#ececef 54% 100%);display:flex;align-items:center;justify-content:center}.pv-dial-ring:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;background:var(--paper)}.pv-dial-core{position:relative;z-index:2;font-family:var(--font-display);font-size:2.6rem;font-weight:600}.pv-mode-row,.pv-fan-row{display:flex;gap:8px}.pv-mode,.pv-fan{padding:8px 14px;border-radius:99px;border:1px solid var(--line);font-size:.78rem;color:var(--muted)}.pv-mode.is-on,.pv-fan.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}.pv-fan{padding:6px 12px;font-size:.72rem}.pv-controls{display:flex;align-items:center;gap:14px}.pv-ctrl-pill{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex:none}.pv-ctrl-pill.is-ghost{background:#f0f0f1;color:var(--ink);border:1px solid var(--line)}.pv-progress{flex:1;height:6px;border-radius:99px;background:#ececef;overflow:hidden}.pv-progress-fill{display:block;width:62%;height:100%;background:var(--accent);border-radius:99px}.pv-side-note{width:200px;flex:none;display:flex;flex-direction:column;gap:14px}.pv-layers{width:136px;flex:none;border-right:1px solid var(--line);padding:16px 14px;background:#fbfbfb;display:flex;flex-direction:column;gap:10px}.pv-layers-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.pv-plus{width:22px;height:22px;border-radius:6px;background:#ececef;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--ink)}.pv-layer{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px}.pv-layer-thumb{width:18px;height:18px;border-radius:4px;background:#e0e0e4;flex:none}.pv-layer-thumb.is-on{background:var(--ink)}.pv-layer-name{font-size:.78rem;color:var(--ink-soft)}.pv-eds-canvas{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:#f6f6f6}.pv-ad{width:min(280px,100%);background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 22px 40px -30px #00000073}.pv-ad-tag{font-family:var(--font-display);font-size:.68rem;color:var(--accent)}.pv-ad-cta{align-self:flex-start;padding:9px 16px;background:var(--ink);color:#fff;border-radius:999px;font-size:.76rem;margin-top:6px}.pv-inspector{width:152px;flex:none;border-left:1px solid var(--line);padding:16px 14px;background:#fbfbfb;display:flex;flex-direction:column;gap:16px}.pv-field{display:flex;flex-direction:column;gap:8px}.pv-field-label{font-size:.7rem;color:var(--faint)}.pv-field-val{font-family:var(--font-display);font-size:.8rem;color:var(--ink-soft)}.pv-align{display:flex;gap:4px}.pv-align i{width:22px;height:22px;border-radius:5px;background:#ececef}.pv-align i.is-on{background:var(--ink)}.pv-swatches{display:flex;gap:6px}.pv-swatches i{width:18px;height:18px;border-radius:50%}.pv-swatches .c1{background:#171717}.pv-swatches .c2{background:#2563eb}.pv-swatches .c3{background:#6b7280}.pv-swatches .c4{background:#e5e7eb}.strength-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.strength-card{position:relative;background:#f4f5f7;border:1px solid transparent;border-radius:12px;padding:28px;min-height:280px;overflow:hidden;isolation:isolate;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.strength-card:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--strength-accent, var(--accent));transition:width .4s ease}.strength-card:hover{transform:translateY(-4px);box-shadow:0 26px 48px -34px color-mix(in srgb,var(--strength-accent, var(--accent)) 60%,transparent);border-color:var(--line-strong)}.strength-card:hover:after{width:100%}.strength-card:hover .strength-index{color:var(--strength-accent, var(--accent));font-weight:700}.strength-card:hover .strength-tag{border-color:var(--strength-accent, var(--accent));color:var(--ink);font-weight:600}.strength-card-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.strength-index{font-family:var(--font-display);color:var(--muted);font-size:.86rem;transition:color .3s ease}.strength-tag{padding:5px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.72rem;transition:border-color .3s ease,color .3s ease}.strength-title{position:relative;z-index:2;font-family:var(--font-display);font-size:clamp(1.25rem,1.3vw,1.5rem);font-weight:600;line-height:1.25;margin:26px 0 9px;max-width:100%}.strength-desc{position:relative;z-index:2;color:var(--ink-soft);line-height:1.65;font-size:.9rem;max-width:72%}.strength-illustration{position:absolute;right:20px;bottom:20px;z-index:1;width:clamp(118px,38%,164px);height:auto;filter:drop-shadow(0 16px 18px rgba(0,82,204,.07))}.strength-extra{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(52px,7vw,110px);align-items:start;margin-top:54px}.strength-extra-item{border-top:1px solid var(--line);padding-top:26px}.extra-label{display:block;color:var(--faint);font-size:.72rem;font-weight:500;text-transform:uppercase;margin-bottom:16px}.hobby-orbit{position:relative;min-height:370px;overflow:hidden}.hobby-orbit:before{content:"";position:absolute;left:50%;top:50%;width:300px;height:300px;border-radius:50%;background:#e2eeff94;transform:translate(-50%,-50%)}.hobby-orbit-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hobby-orbit-lines .orbit-ring{fill:none;stroke:#5e6c8438;stroke-width:1.2;stroke-dasharray:3 8}.hobby-orbit-core{position:absolute;left:50%;top:50%;z-index:2;width:112px;height:112px;display:grid;place-content:center;justify-items:center;gap:8px;border-radius:50%;background:#2684ff;color:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 15px #ffffff9e,0 24px 54px -28px #0052ccc7}.hobby-orbit-core strong{font-family:var(--font-display);font-size:.95rem;font-weight:600}.hobby-core-mark{width:42px;height:42px;display:block}.hobby-node{position:absolute;left:var(--hobby-left);top:var(--hobby-top);z-index:1;display:grid;justify-items:center;gap:6px;transform:translate(-50%,-50%) translate3d(var(--hobby-x, 0),var(--hobby-y, 0),0);transition:transform 1.05s cubic-bezier(.22,.65,.25,1)}.hobby-icon{width:48px;height:48px;display:grid;place-items:center;border:6px solid rgba(255,255,255,.72);border-radius:50%;color:#fff;box-shadow:0 16px 30px -22px #091e42a6}.hobby-icon svg{width:23px;height:23px}.hobby-icon-1{background:#4c9aff}.hobby-icon-2{background:#5b4bb7}.hobby-icon-3{background:#62b7ed}.hobby-icon-4{background:#a98af0}.hobby-icon-5{background:#4c9aff}.hobby-icon-6{background:#6d6bd3}.hobby-label{padding:5px 10px;border-radius:999px;background:#fffffff0;box-shadow:0 12px 28px -24px #091e428c;color:var(--ink-soft);font-size:.72rem;white-space:nowrap}.strength-education{padding-top:26px}.education-mark{display:grid;flex:none;width:66px;height:66px;place-items:center;margin-bottom:26px;overflow:hidden;border-radius:50%;box-shadow:0 14px 28px -20px #091e4280}.education-mark img{width:100%;height:100%;object-fit:cover;transform:scale(1.1)}.education-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:600;line-height:1.16}.education-desc{max-width:34em;margin-top:18px;color:var(--muted);font-size:1rem;line-height:1.8}.education-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.education-stats div{min-width:0}.education-stats dt{font-family:var(--font-display);font-size:clamp(1rem,1.7vw,1.5rem);font-weight:600;line-height:1.2}.education-stats dd{margin:8px 0 0;color:var(--faint);font-size:.7rem}.education-place{margin-top:34px;color:var(--muted);font-size:.78rem}.contact{position:relative;min-height:100vh;min-height:100svh;background:var(--bg);scroll-margin-top:0}.contact-inner{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding-block:92px 30px}.contact-inner .section-head{margin-bottom:0}.contact-hero{flex:1;display:flex;align-items:center;padding-block:clamp(48px,7vh,86px)}.contact-title{font-family:var(--font-display);font-size:clamp(3.6rem,7vw,7.6rem);font-weight:700;line-height:1.08;max-width:100%}.contact-title span{display:block;color:var(--accent)}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:clamp(32px,7vw,120px);padding-bottom:clamp(48px,7vh,80px)}.contact-column{min-width:0}.contact-column h3{color:var(--muted);font-size:.82rem;font-weight:400;margin-bottom:14px}.contact-column a,.contact-column p{display:block;font-family:var(--font-display);font-size:clamp(1rem,1.35vw,1.35rem);font-weight:600;line-height:1.45;text-decoration:none;transition:color .25s ease}.contact-column a+a,.contact-column p+p{margin-top:4px}.contact-column a{width:fit-content;max-width:100%;overflow-wrap:anywhere}.contact-column a:hover{color:var(--accent)}.contact-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}.contact-top{color:var(--ink);text-decoration:none;font-weight:500}.contact-top:hover{color:var(--accent)}html[data-theme=dark]{color-scheme:dark;--bg: #111214;--bg-2: #17181b;--paper: #1b1d20;--ink: #f1f2f3;--ink-soft: #c5c7cc;--muted: #96999f;--faint: #71757d;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .2);--accent: #74a2ff;--grid: rgba(255, 255, 255, .13)}html[data-theme=dark] body{background:var(--bg);color:var(--ink)}html[data-theme=dark] ::selection{background:var(--accent);color:#0e1013}html[data-theme=dark] .nav.is-scrolled{background:#111214d6}html[data-theme=dark] .nav-logo-shape{filter:invert(1)}html[data-theme=dark] .mode-track{background:#34373d}html[data-theme=dark] .mode-toggle.is-on{color:var(--accent)}html[data-theme=dark] .mode-toggle.is-on .mode-track,html[data-theme=dark] .theme-toggle.is-dark .theme-track{background:var(--accent)}html[data-theme=dark] .btn-primary,html[data-theme=dark] .floating-contact,html[data-theme=dark] .project-modal-close:hover,html[data-theme=dark] .pv-mode.is-on,html[data-theme=dark] .pv-fan.is-on,html[data-theme=dark] .pv-ctrl-pill,html[data-theme=dark] .pv-ad-cta{color:#0e1013}html[data-theme=dark] .btn-primary:hover,html[data-theme=dark] .floating-contact:hover{background:#fff}html[data-theme=dark] .btn-ghost,html[data-theme=dark] .hero-pill{background:var(--paper)}html[data-theme=dark] .cell-tag{background:#1b1d20d6}html[data-theme=dark] .pv-line{background:#30343a}html[data-theme=dark] .pv-line.md{background:#3b4048}html[data-theme=dark] :is(.pv-chrome,.pv-side,.pv-layers,.pv-inspector,.pv-kpi,.pv-canvas,.pv-eds-canvas){background:#17191d}html[data-theme=dark] :is(.pv-url,.pv-nav-ico,.pv-avatar-circle,.pv-pill,.pv-layer-thumb,.pv-plus,.pv-align i,.pv-progress){background:#30343a}html[data-theme=dark] .pv-dial-ring{background:conic-gradient(from 220deg,var(--accent) 0 54%,#30343a 54% 100%)}html[data-theme=dark] .pv-ctrl-pill.is-ghost{background:#2a2d32}html[data-theme=dark] :is(.pv-chart-float,.pv-ad){background:#22252a}html[data-theme=dark] .project-modal-close{background:#1b1d20f2;color:var(--ink)}html[data-theme=dark] .strength-card{background:#1c1e22;border-color:#ffffff0a}html[data-theme=dark] .hobby-orbit:before{background:#27436c57}html[data-theme=dark] .hobby-orbit-lines .orbit-ring{stroke:#cdd7e833}html[data-theme=dark] .hobby-orbit-core{box-shadow:0 0 0 15px #1c1e22b8,0 24px 54px -28px #0052ccc7}html[data-theme=dark] .hobby-icon{border-color:#1c1e22c2}html[data-theme=dark] .hobby-label{background:#1c1e22f0}html.box-mode :is(h1,h2,h3,h4,h5,h6,p,a,strong,em,small,figcaption,label,li,blockquote,button,span):not(:empty){outline:.5px solid var(--box);outline-offset:-1px}html.box-mode svg{outline:.5px solid var(--box);outline-offset:-1px}html.box-mode :is(.hero-grid,.hero-vframe,.hero-media,.grid-lines,img){outline:none}html.box-mode .nav{border-bottom:none}@media (max-width: 1120px){.hero-title{font-size:3.5rem}.section-title{font-size:2.4rem}.about-lead{font-size:2.2rem}.project-title{font-size:1.9rem}.contact-title{font-size:clamp(3.4rem,7vw,6.2rem)}.contact-grid{gap:clamp(28px,4vw,52px)}.about-grid{grid-template-columns:1fr}.about-photo-cell{min-height:440px}.project-lead,.project-grid{grid-template-columns:1fr}.strength-grid{grid-template-columns:1fr 1fr}.pv-side-note{display:none}}@media (max-width: 820px){.nav-links,.section-en{display:none}.about-cells,.stats{grid-template-columns:1fr 1fr}}@media (max-width: 760px){.section{padding-block:72px}.floating-contact{right:18px;bottom:18px}.about-lead{font-size:1.9rem}.hero-inner{padding:120px var(--pad) 96px}.hero-title{font-size:2.7rem}.hero-sub{font-size:.98rem}.hero-tagline{font-size:.92rem}.hero-actions{flex-wrap:wrap;justify-content:center}.hero-foot-coord{display:none}.timeline-item{grid-template-columns:18px 1fr;gap:16px}.timeline{--tl-date-x: 34px}.timeline-meta,.timeline-main{grid-column:2}.timeline-node{grid-row:1}.strength-grid,.strength-extra{grid-template-columns:1fr}.contact-inner{padding-block:88px 24px}.contact-title{font-size:clamp(2.35rem,9vw,3.8rem)}.contact-grid{grid-template-columns:1fr;gap:30px;padding-bottom:56px}.contact-column a,.contact-column p{font-size:1.02rem}.pv{min-height:320px}.pv-side,.pv-layers,.pv-inspector{width:100px}}@media (max-width: 440px){.hero-title{font-size:2.4rem}.nav-name{display:none}.about-cells,.stats{grid-template-columns:1fr}.contact-title{font-size:clamp(2rem,9.5vw,2.7rem)}.contact-footer{align-items:flex-start;flex-direction:column-reverse;gap:10px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hobby-node{transition:none}}