.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:var(--card-radius,12px);--glow-padding:34px;--cone-spread:22;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#0d151d);border:1px solid #ffffff24;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 10px 26px #0000002e,0 26px 80px #0000002e}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.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{background:linear-gradient(var(--card-bg,#0d151d) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one) border-box, var(--gradient-two) border-box, var(--gradient-three) border-box, var(--gradient-four) border-box, var(--gradient-five) border-box, var(--gradient-six) border-box, var(--gradient-seven) border-box, var(--gradient-base) 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:1px solid #0000}.border-glow-card:after{background:var(--gradient-one) padding-box, var(--gradient-two) padding-box, var(--gradient-three) padding-box, var(--gradient-four) padding-box, var(--gradient-five) padding-box, var(--gradient-six) padding-box, var(--gradient-seven) padding-box, var(--gradient-base) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), 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, black, black), 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%);opacity:calc(var(--fill-opacity,.22) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.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:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color), inset 0 0 1px 0 var(--glow-color-60), inset 0 0 3px 0 var(--glow-color-50), inset 0 0 6px 0 var(--glow-color-40), inset 0 0 15px 0 var(--glow-color-30), inset 0 0 25px 2px var(--glow-color-20), inset 0 0 50px 2px var(--glow-color-10), 0 0 1px 0 var(--glow-color-60), 0 0 3px 0 var(--glow-color-50), 0 0 6px 0 var(--glow-color-40), 0 0 15px 0 var(--glow-color-30), 0 0 25px 2px var(--glow-color-20), 0 0 50px 2px var(--glow-color-10);position:absolute}.border-glow-inner{z-index:2;min-width:0;min-height:0;position:relative}.dot-field-container{width:100%;height:100%;position:relative}.dot-field-canvas,.dot-field-glow{width:100%;height:100%;position:absolute;inset:0}.dot-field-glow{pointer-events:none}.dot-field-glow circle{opacity:0;will-change:opacity}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#edf4ee;--bg-soft:#f6faf6;--bg-elevated:#fff;--surface:#ffffffe6;--surface-strong:#fffffff5;--surface-quiet:#f0f6f1e6;--line:#14281a1a;--line-strong:#2d6f4842;--text:#101613;--muted:#5e6b62;--soft:#334238;--accent:#2f7d57;--accent-soft:#3f966a;--shadow-lg:0 18px 48px #121f141a;--shadow-soft:0 8px 22px #121f1412;--max:1700px;--pad:clamp(28px, 4vw, 72px);--radius:30px;--radius-md:24px;--radius-sm:18px;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:radial-gradient(circle at 80% 10%,#5091661f,#0000 28%),radial-gradient(circle at 10% 40%,#7db09014,#0000 24%),linear-gradient(#edf4ee 0%,#f5faf6 42%,#edf4ee 100%);min-width:320px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.app-root{min-height:100vh;position:relative;overflow-x:clip}.opening-curtain{z-index:100;pointer-events:none;transform-origin:top;will-change:transform;background:linear-gradient(#4e8e6314,#0000 40%),#f2f8f3;position:fixed;inset:0}.hero{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.hero-video{z-index:-3;object-fit:cover;filter:saturate(.8)contrast(1.02)brightness(.56);will-change:transform, filter;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{z-index:-2;background:linear-gradient(90deg,#070e09f0 0%,#070e09c9 46%,#070e0957 78%,#070e0938 100%),linear-gradient(#070e092e 0%,#070e09b8 100%);position:absolute;inset:0}.site-header{z-index:20;width:min(calc(100% - 32px), var(--max));grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:18px 0;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.brand,.site-header nav,.header-contact{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{align-items:center;gap:14px;min-width:0;display:inline-flex}.brand-mark{width:42px;height:42px;color:var(--accent);background:#ffffffb8;border:1px solid #2f7d5747;border-radius:14px;place-items:center;font-size:14px;font-weight:700;display:grid}.brand-copy{gap:2px;display:grid}.brand-copy strong{font-size:14px;font-weight:600}.brand-copy span{color:var(--muted);font-size:12px}.site-header nav{border:1px solid var(--line);background:#ffffff94;border-radius:999px;align-items:center;gap:clamp(18px,2vw,34px);padding:12px 20px;display:flex}.site-header nav a{color:var(--soft);font-size:14px}.header-contact{border:1px solid var(--line-strong);color:var(--accent);background:#ffffffb3;border-radius:999px;justify-self:end;padding:12px 18px;font-size:14px}.hero-inner{width:min(calc(100% - 2 * var(--pad)), var(--max));grid-template-columns:minmax(0,1.16fr) minmax(360px,.54fr);align-items:end;gap:clamp(48px,7vw,120px);min-height:100vh;margin:0 auto;padding:164px 0 118px;display:grid}.hero-copy{max-width:980px}.hero-name,.panel-label,.profile-label,.card-mini-title,.section-heading>span,.section-index,.project-meta,.project-meta span,.visual-label,.capability-card-inner>span{color:var(--accent-soft);letter-spacing:.12em;text-transform:uppercase;font-size:13px}.hero-name{margin:0 0 18px}.hero-title{letter-spacing:0;color:#f7fcf8;text-shadow:0 10px 30px #060e0847;will-change:transform, clip-path, opacity;max-width:980px;margin:0;font-size:clamp(58px,6.6vw,122px);line-height:.92}.hero-subtitle{color:#f4fbf5;text-shadow:0 4px 18px #060e082e;max-width:720px;margin:26px 0 12px;font-size:clamp(20px,1.5vw,28px);line-height:1.45}.hero-summary{color:#f1f8f2e6;text-shadow:0 4px 16px #060e0824;max-width:720px;margin:0;font-size:clamp(17px,1.18vw,22px);line-height:1.82}.hero-interest-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-interest-row span{color:#eef8f0;background:#f5fcf624;border:1px solid #c5dfcd3d;border-radius:999px;padding:10px 14px;font-size:13px}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primary-button,.ghost-button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-size:14px;display:inline-flex}.primary-button{background:var(--accent);color:#071018;font-weight:700}.ghost-button{border-color:var(--line);color:#edf7ef;background:#f4faf524}.hero-meta-panel{box-shadow:var(--shadow-lg);align-self:center}.hero-meta-panel-inner{border-radius:inherit;color:var(--text);gap:18px;padding:30px;display:grid}.hero-meta-panel strong{font-size:28px;line-height:1.2;display:block}.hero-meta-panel dl,.hero-meta-panel dd{margin:0}.hero-meta-panel dl{gap:16px;display:grid}.hero-meta-panel dl div{border-top:1px solid var(--line);justify-content:space-between;gap:18px;padding-top:12px;display:flex}.hero-meta-panel dt{color:var(--muted)}.hero-meta-panel dd{color:var(--text);text-align:right}.scroll-cue{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;font-size:12px;display:inline-flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-cue span{border:1px solid #b7d6ff47;border-radius:999px;width:7px;height:32px;display:block}.content-below-hero{background:radial-gradient(circle at 88% 4%,#5aa07014,#0000 26%),linear-gradient(#eef4ef 0%,#f7faf7 40%,#edf4ee 100%);position:relative;overflow:hidden}.below-hero-dotfield{z-index:0;opacity:.42;mix-blend-mode:screen;pointer-events:none;height:100vh;margin-bottom:-100vh;position:sticky;top:0}.section{z-index:1;padding:clamp(94px,11vw,170px) 0;position:relative}.section-shell{width:min(calc(100% - 2 * var(--pad)), var(--max));margin:0 auto;position:relative}.section-heading{z-index:1;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:18px clamp(28px,6vw,96px);margin-bottom:clamp(42px,6vw,74px);display:grid;position:relative}.section-heading.wide{grid-template-columns:minmax(240px,280px) minmax(0,1fr)}.section-marquee{z-index:-1;color:#0000;-webkit-text-stroke:1px #bdd0e333;opacity:.12;pointer-events:none;transform-origin:0 100%;will-change:transform, opacity, clip-path;font-size:clamp(84px,11vw,194px);font-weight:800;line-height:.86;position:absolute;top:clamp(-66px,-4vw,-28px);left:0}.section-heading h2,.contact-copy h2{letter-spacing:0;max-width:1120px;margin:0;font-size:clamp(34px,4.1vw,76px);line-height:1.08}.section-heading p{max-width:760px;color:var(--muted);grid-column:2;margin:0;font-size:16px;line-height:1.8}.profile-section{background:linear-gradient(#ffffff5c,#f5faf68f),linear-gradient(90deg,#4574520a 1px,#0000 1px) 0 0/160px 100%}.profile-layout{grid-template-columns:1.06fr .94fr;gap:18px;display:grid}.profile-card{border-color:#2f7d5726;min-height:210px;box-shadow:inset 0 1px #fffffff0,0 14px 34px #1d3f2714}.profile-card-inner{gap:18px;padding:30px;display:grid}.intro-card{border-color:#2f7d5738;grid-row:span 2;box-shadow:inset 0 1px #fffffff5,0 24px 56px #1d3f271f}.intro-card h3{margin:0;font-size:clamp(42px,5vw,84px);line-height:.94}.intro-card p,.highlights-card li,.capability-card p,.project-description,.project-points li,.contact-panel p{color:var(--soft);line-height:1.82}.profile-label,.card-mini-title{color:var(--accent)}.contact-lines{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.contact-lines a{border:1px solid var(--line);color:var(--accent-soft);background:#10182275;border-radius:999px;padding:11px 14px;font-size:14px}.stats-card{border-color:#2f7d572e;overflow:hidden}.stats-grid{border-radius:inherit;background:var(--line);grid-template-columns:repeat(2,1fr);gap:1px;padding:1px;display:grid}.stats-grid div{background:linear-gradient(145deg,#fbfdfb,#edf5ef);align-content:end;gap:10px;min-height:156px;padding:24px;display:grid}.stats-grid strong{color:var(--text);font-size:clamp(28px,3vw,52px);line-height:1}.stats-grid span{color:var(--muted)}.highlights-card ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.highlights-card li{border-top:1px solid var(--line);padding-top:12px}.methods-card{border-color:#2f7d5733;grid-column:1/-1}.method-tags{flex-wrap:wrap;gap:10px;display:flex}.method-tags span{color:var(--soft);background:#2f7d5712;border:1px solid #2f7d5729;border-radius:999px;padding:10px 13px;font-size:14px}.projects-section{background:linear-gradient(#f4f9f5f5,#ecf4edeb),radial-gradient(circle at 12% 18%,#689a7614,#0000 24%)}.projects-section .section-heading h2,.projects-section .section-heading p,.projects-section .section-heading>span,.capabilities-section .section-heading h2,.capabilities-section .section-heading p,.capabilities-section .section-heading>span,.profile-section .section-heading h2,.profile-section .section-heading p,.profile-section .section-heading>span,.contact-copy h2,.section-index{color:var(--text)}.projects-section .section-heading>span,.capabilities-section .section-heading>span,.profile-section .section-heading>span,.section-index,.visual-label,.project-meta span,.capability-card-inner>span{color:var(--accent)}.featured-projects,.compact-projects{gap:24px;display:grid}.compact-projects{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.project-showcase{border-color:#2f7d572b;transition:transform .45s,border-color .45s,box-shadow .45s;box-shadow:inset 0 1px #fffffff5,0 20px 54px #1d3f271a}.project-showcase:hover{border-color:#2f7d574d;transform:translateY(-4px);box-shadow:inset 0 1px #fffffffa,0 28px 68px #1d3f2724}.project-showcase-inner{border-radius:inherit;grid-template-columns:minmax(340px,.96fr) minmax(0,1.04fr);min-height:560px;display:grid;overflow:hidden}.project-showcase.compact .project-showcase-inner{grid-template-columns:1fr;min-height:0}.project-showcase.featured .project-content{border-left:1px solid #2f7d571f}.project-showcase.compact .project-content{border-top:1px solid #2f7d571f}.project-visual{will-change:clip-path, transform;background:linear-gradient(145deg,#f7fbf7fa,#e0ede3fa),radial-gradient(circle at 78% 20%,#5e976e24,#0000 24%);min-height:360px;padding:clamp(22px,2.4vw,36px);position:relative;overflow:hidden}.project-visual:after{content:"";pointer-events:none;background:linear-gradient(#0000,#25412b14);position:absolute;inset:0}.project-figure,.project-chart{z-index:1;background:#ffffffe0;border:1px solid #2f7d5729;border-radius:22px;margin:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb8,0 12px 30px #1f41281a}.project-figure img,.project-chart img{object-fit:cover;will-change:transform;width:100%;height:100%;display:block}.visual-ho{grid-template-rows:1fr auto;gap:18px;display:grid}.project-figure.primary{min-height:310px}.project-figure.secondary{width:min(58%,340px);min-height:170px;margin-left:auto;transform:translateY(-10px)}.visual-wri{align-content:center;gap:20px;display:grid}.visual-copy{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.visual-copy span{border:1px solid var(--line);color:var(--soft);background:#ffffffd1;border-radius:999px;padding:10px 13px;font-size:13px}.project-chart{background:#eef3f8;padding:14px}.project-chart img{object-fit:contain;height:auto}.visual-optimization,.visual-modeling{align-content:center;gap:18px;display:grid}.case-grid,.step-grid{z-index:1;gap:12px;display:grid;position:relative}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.step-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.case-grid div,.step-grid div{border:1px solid var(--line);background:#ffffffdb;border-radius:18px;align-content:end;gap:10px;min-height:126px;padding:18px;display:grid}.case-grid strong,.step-grid strong{font-size:20px;line-height:1.35}.case-grid span,.step-grid span{color:var(--muted);font-size:13px}.project-content{color:var(--text);background:linear-gradient(#ffffffe0,#fafdfaf5);align-content:center;gap:18px;padding:clamp(30px,3.6vw,54px);display:grid}.project-meta{flex-wrap:wrap;gap:14px;display:flex}.project-content h3{color:var(--text);margin:0;font-size:clamp(28px,3vw,56px);line-height:1.1}.project-accent{color:var(--accent);margin:0;font-size:15px}.project-description,.project-points{margin:0}.project-points{gap:8px;padding:0;list-style:none;display:grid}.project-points li{padding-left:18px;position:relative}.project-points li:before{content:"";background:var(--accent-soft);border-radius:999px;width:6px;height:6px;position:absolute;top:12px;left:0}.project-metrics{background:var(--line);border:1px solid #2f7d5724;border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.project-metrics div{background:linear-gradient(#fff,#f3f8f4);gap:8px;padding:18px;display:grid}.project-metrics strong{color:var(--text);font-size:24px;line-height:1}.project-metrics span{color:var(--muted);font-size:13px}.capabilities-section{background:radial-gradient(circle at 84% 12%,#5b9a6f14,#0000 24%),linear-gradient(#f5faf6fa,#ecf4edf5)}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.capability-card{min-height:260px}.capability-card-inner{align-content:start;gap:20px;padding:28px;display:grid}.capability-card h3{color:var(--text);margin:0;font-size:clamp(24px,2vw,34px);line-height:1.2}.contact-section{background:radial-gradient(circle at 75%,#5d997014,#0000 28%),linear-gradient(#edf4ee5c,#edf4ee);align-items:center;min-height:100vh;display:flex}.contact-shell{grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:center;gap:clamp(40px,6vw,110px);display:grid}.contact-copy{position:relative}.contact-marquee{margin-bottom:20px;position:relative;top:auto;left:auto}.contact-copy h2{max-width:980px;margin-top:18px}.contact-panel{box-shadow:var(--shadow-lg)}.contact-panel-inner{gap:18px;padding:30px;display:grid}.contact-panel a{border-top:1px solid var(--line);color:var(--accent);overflow-wrap:anywhere;padding-top:18px;font-size:20px;display:block}@media (width<=1200px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero-inner,.section-heading,.profile-layout,.contact-shell,.compact-projects,.capability-grid{grid-template-columns:1fr}.section-heading p{grid-column:auto}.hero-meta-panel{max-width:520px}.project-showcase-inner{grid-template-columns:1fr}.project-showcase.featured .project-content{border-top:1px solid #2f7d571f;border-left:0}.case-grid,.step-grid,.project-metrics{grid-template-columns:1fr}}@media (width<=760px){:root{--pad:20px}.header-contact,.hero-meta-panel,.scroll-cue{display:none}.hero-inner{padding-top:120px}.hero-title{font-size:52px}.profile-card-inner,.hero-meta-panel-inner,.project-content,.capability-card-inner,.contact-panel-inner{padding:24px}.section-marquee{font-size:76px}.stats-grid{grid-template-columns:1fr}.project-figure.secondary{width:100%;transform:none}.case-grid,.step-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.opening-curtain{display:none}.section-marquee,.motion-card,.project-visual,.project-figure img,.project-chart img,.hero-video,.hero-title{clip-path:none!important;opacity:1!important;transform:none!important}}
