:root{--hue: 27;--sat: 69%;--white: hsl(0, 0%, 100%);--purple-primary: rgba(132, 0, 255, 1);--purple-glow: rgba(132, 0, 255, .2);--purple-border: rgba(132, 0, 255, .8);--border-color: #2F293A;--background-dark: #120F17;color-scheme:light dark}.card-grid{display:grid;gap:.5em;padding:.75em;max-width:54em;font-size:clamp(1rem,.9rem + .5vw,1.5rem)}.magic-bento-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;aspect-ratio:4/3;min-height:200px;width:100%;max-width:100%;padding:1.25em;border-radius:20px;border:1px solid var(--border-color);background:var(--background-dark);font-weight:300;overflow:hidden;transition:all .3s ease;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 200px}.magic-bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.magic-bento-card__header,.magic-bento-card__content{display:flex;position:relative;color:var(--white)}.magic-bento-card__header{gap:.75em;justify-content:space-between}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{font-size:16px}.magic-bento-card__title,.magic-bento-card__description{--clamp-title: 1;--clamp-desc: 2}.magic-bento-card__title{font-weight:400;font-size:16px;margin:0 0 .25em}.magic-bento-card__description{font-size:12px;line-height:1.2;opacity:.9}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media(max-width:599px){.card-grid{grid-template-columns:1fr;width:90%;margin:0 auto;padding:.5em}.magic-bento-card{width:100%;min-height:180px}}@media(min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card:nth-child(3){grid-column:span 2;grid-row:span 2}.magic-bento-card:nth-child(4){grid-column:1 / span 2;grid-row:2 / span 2}.magic-bento-card:nth-child(6){grid-column:4;grid-row:3}}.magic-bento-card--border-glow:after{content:"";position:absolute;inset:0;padding:6px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(132,0,255,calc(var(--glow-intensity) * .8)) 0%,rgba(132,0,255,calc(var(--glow-intensity) * .4)) 30%,transparent 60%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:1}.magic-bento-card--border-glow:hover:after{opacity:1}.magic-bento-card--border-glow:hover{box-shadow:0 4px 20px #2e184e66,0 0 30px var(--purple-glow)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;inset:-2px;background:#8400ff33;border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px #2e184e33,0 0 30px var(--purple-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;-webkit-user-select:none;user-select:none}.magic-bento-card__link{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:inherit}.magic-bento-card__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .45s ease,filter .45s ease}.magic-bento-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,#120f1714,#120f17db),linear-gradient(90deg,rgba(18,15,23,.72),transparent 70%)}.magic-bento-card--with-image .magic-bento-card__label{width:fit-content;padding:.45em .7em;border:1px solid rgba(255,255,255,.18);background:#120f178f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.magic-bento-card--with-image .magic-bento-card__title{font-size:clamp(18px,1.2em,30px);font-weight:700}.magic-bento-card--with-image .magic-bento-card__description{max-width:34em;color:#ffffffc2}.magic-bento-card:hover .magic-bento-card__image{transform:scale(1.08);filter:saturate(1.05) contrast(1.04)}:root{color-scheme:dark;--bg: #07090d;--panel: #101419;--panel-2: #151a20;--line: rgba(222, 231, 225, .12);--line-strong: rgba(222, 231, 225, .24);--text: #e2e9e4;--muted: #8b9694;--soft: #b9c4be;--cyan: #8bb4b1;--copper: #aa8976;--olive: #949a7f;--violet: #797486;--max: 1700px;--radius: 8px;font-family:Bahnschrift,DIN Alternate,Microsoft YaHei UI,PingFang SC,Hiragino Sans GB,system-ui,sans-serif;background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#07090d66,#07090d 44%),var(--bg);color:var(--text);overflow-x:hidden}body::selection{background:#8bb4b159}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img,video{display:block;max-width:100%}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.container{width:min(var(--max),calc(100vw - 64px));margin:0 auto}.site-header{position:fixed;top:18px;left:50%;z-index:50;width:min(var(--max),calc(100vw - 64px));height:68px;transform:translate(-50%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:0 18px;color:#e2e9e4db;border:1px solid rgba(226,233,228,.12);border-radius:var(--radius);background:#080b0f94;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header.is-compact{background:#080b0fd1}.brand-mark{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-mark span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(139,180,177,.45);color:var(--cyan);font-size:13px;font-weight:700}.brand-mark strong{font-size:15px;font-weight:600;white-space:nowrap}.site-header nav{display:flex;justify-content:center;gap:clamp(18px,3vw,52px);color:var(--muted)}.site-header nav a{position:relative;font-size:14px;transition:color .18s ease}.site-header nav a:after{position:absolute;left:0;bottom:-10px;width:100%;height:1px;content:"";transform:scaleX(0);transform-origin:right;background:var(--cyan);transition:transform .2s ease}.site-header nav a:hover{color:var(--text)}.site-header nav a:hover:after{transform:scaleX(1);transform-origin:left}.header-contact,.inline-action,.back-link{display:inline-flex;align-items:center;justify-content:center;gap:8px}.header-contact{min-height:38px;padding:0 14px;border:1px solid rgba(139,180,177,.35);color:var(--cyan);font-size:14px;transition:border-color .18s ease,background .18s ease,transform .18s ease}.header-contact:hover{transform:translateY(-1px);border-color:#8bb4b1bf;background:#8bb4b114}.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#05070a}.hero-video{position:absolute;inset:0;z-index:-4;width:100%;height:100%;object-fit:cover;filter:saturate(.74) contrast(1.08) brightness(.58)}.hero:before{position:absolute;inset:0;z-index:-3;content:"";background:linear-gradient(90deg,#07090dc2,#07090d4d 38%,#07090dc7),linear-gradient(180deg,#07090d1a,#07090d 94%)}.hero-grid{position:absolute;inset:0;z-index:-2;opacity:.38;background-image:linear-gradient(rgba(226,233,228,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(226,233,228,.05) 1px,transparent 1px);background-size:88px 88px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 72%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 72%,transparent)}.hero-orbit{position:absolute;inset:-20% 18% auto auto;z-index:-1;width:44vw;height:140vh;border-left:1px solid rgba(139,180,177,.42);border-right:1px solid rgba(170,137,118,.18);transform:skew(-18deg);background:linear-gradient(90deg,rgba(139,180,177,.06),transparent 72%),repeating-linear-gradient(180deg,rgba(226,233,228,.11) 0 1px,transparent 1px 34px);animation:scanDrift 9s ease-in-out infinite alternate}.hero-content{padding-top:90px;text-align:center}.hero-kicker,.section-kicker{margin:0 0 18px;color:var(--cyan);font-size:12px;font-weight:700;text-transform:uppercase}.hero h1{margin:0 auto;max-width:1180px;font-size:clamp(64px,7.8vw,146px);line-height:.98;font-weight:800;text-wrap:balance}.hero-name-line{display:inline}.hero-subtitle{display:block;margin-top:16px;color:#e2e9e48a;font-size:clamp(20px,2.15vw,42px);font-weight:500}.hero-lead{max-width:780px;margin:34px auto 0;color:var(--soft);font-size:clamp(20px,1.7vw,30px);line-height:1.55}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:34px}.hero-tags span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid rgba(226,233,228,.12);background:#e2e9e40b;color:#e2e9e4c2;font-size:13px}.floating-cta{position:absolute;right:max(32px,calc((100vw - var(--max)) / 2));bottom:48px;z-index:5;display:inline-flex;align-items:center;gap:12px;min-height:62px;padding:0 22px;border:1px solid rgba(139,180,177,.48);background:#0a0f12ad;color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .18s ease,background .18s ease,border-color .18s ease}.floating-cta:hover{transform:translateY(-4px);border-color:#8bb4b1e0;background:#8bb4b11f}.scroll-cue{position:absolute;left:50%;bottom:44px;display:grid;place-items:center;width:42px;height:62px;transform:translate(-50%);border:1px solid rgba(226,233,228,.16);color:var(--muted)}.section-band{position:relative;padding:clamp(96px,9vw,154px) 0;background:var(--bg)}.section-band:before{position:absolute;top:0;left:50%;width:min(var(--max),calc(100vw - 64px));height:1px;transform:translate(-50%);content:"";background:linear-gradient(90deg,transparent,var(--line),transparent)}.section-intro{display:grid;grid-template-columns:minmax(360px,.45fr) minmax(0,.55fr);gap:64px;align-items:end;margin-bottom:48px}.section-intro h2{grid-column:1;margin:0;max-width:740px;font-size:clamp(34px,3.1vw,64px);line-height:1.08}.section-intro>p:last-child{grid-column:2;margin:0;color:var(--muted);font-size:17px;line-height:1.8}.profile-layout{display:grid;grid-template-columns:minmax(420px,.38fr) minmax(0,1fr);gap:48px;align-items:stretch}.portrait-panel{position:relative;min-height:760px;margin:0;overflow:hidden;border:1px solid var(--line);background:var(--panel)}.portrait-panel img{width:100%;height:100%;object-fit:cover;filter:saturate(.82)}.portrait-panel figcaption{position:absolute;left:24px;right:24px;bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid rgba(226,233,228,.16);color:var(--muted)}.portrait-panel figcaption strong{color:var(--text)}.profile-copy{display:grid;grid-template-rows:auto auto 1fr;gap:24px}.profile-text{min-height:230px;padding:clamp(30px,3vw,54px);border:1px solid var(--line);background:linear-gradient(135deg,rgba(139,180,177,.08),transparent 42%),var(--panel)}.profile-text p{max-width:980px;margin:0;color:var(--soft);font-size:clamp(18px,1.2vw,22px);line-height:1.9}.contact-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.contact-item,.stat-card,.capability-card{border:1px solid var(--line);background:#101419d6}.contact-item{display:grid;gap:10px;min-height:142px;padding:20px}.contact-item svg{color:var(--cyan)}.contact-item span{color:var(--muted);font-size:13px}.contact-item strong{color:var(--text);font-size:15px;line-height:1.45;overflow-wrap:anywhere}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{display:flex;min-height:230px;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .18s ease,border-color .18s ease}.stat-card strong{color:var(--text);font-size:clamp(30px,2.4vw,54px);line-height:1}.stat-card span{max-width:190px;color:var(--muted);line-height:1.6}.stat-card:hover{transform:translateY(-4px);border-color:#8bb4b161}.projects-section{background:linear-gradient(180deg,#07090d,#0c0f13 38%,#07090d),var(--bg)}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-card{position:relative;min-height:600px;overflow:hidden;border:1px solid var(--line);background:var(--panel-2)}.project-card.is-featured{grid-column:span 2;min-height:760px}.project-card a{display:block;height:100%}.project-card img{width:100%;height:100%;object-fit:cover;transform:scale(1.01);filter:saturate(.8) contrast(1.05);transition:transform .52s ease,filter .52s ease}.project-card:after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,#07090d0f,#07090db3),linear-gradient(90deg,rgba(7,9,13,.72),transparent 58%)}.project-overlay{position:absolute;inset:auto 0 0;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:28px;padding:clamp(28px,3.2vw,58px)}.project-overlay p{margin:0 0 14px;color:var(--cyan);font-size:13px}.project-overlay h3{margin:0;font-size:clamp(28px,2.7vw,56px);line-height:1.08}.project-overlay span{display:block;max-width:680px;margin-top:16px;color:var(--soft);font-size:16px;line-height:1.7}.project-overlay em{display:inline-flex;align-items:center;gap:10px;color:#e2e9e4c7;font-style:normal}.project-card:hover img{transform:scale(1.055);filter:saturate(.92) contrast(1.12)}.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.capability-card{min-height:270px;padding:26px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.capability-card svg{color:var(--copper)}.capability-card h3{margin:62px 0 12px;font-size:22px}.capability-card p{margin:0;color:var(--muted);line-height:1.75}.capability-card:hover{transform:translateY(-5px);border-color:#aa897661;background:#161b20eb}.footer-contact{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:128px 0 72px;overflow:hidden;background:linear-gradient(135deg,rgba(139,180,177,.12),transparent 34%),linear-gradient(315deg,rgba(170,137,118,.16),transparent 42%),#05070a}.footer-contact:before{position:absolute;inset:0;content:"";opacity:.32;background-image:linear-gradient(rgba(226,233,228,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(226,233,228,.04) 1px,transparent 1px);background-size:120px 120px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 86%,transparent)}.footer-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(420px,.95fr) minmax(520px,.75fr);gap:80px;align-items:center}.footer-copy h2{max-width:880px;margin:0;font-size:clamp(48px,5vw,106px);line-height:1.02}.footer-copy p:last-child{max-width:680px;margin:34px 0 0;color:var(--soft);font-size:18px;line-height:1.8}.contact-console{border:1px solid var(--line-strong);background:#090c10ad;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.console-row{display:grid;grid-template-columns:24px 94px 1fr 22px;gap:16px;align-items:center;min-height:74px;padding:0 22px;border-bottom:1px solid var(--line);color:var(--soft);transition:background .18s ease,color .18s ease}.console-row svg:first-child{color:var(--cyan)}.console-row span{color:var(--muted);font-size:13px}.console-row strong{overflow-wrap:anywhere;font-size:15px}.console-row:hover{background:#8bb4b112;color:var(--text)}.message-form{display:grid;gap:12px;padding:22px}.message-form input,.message-form textarea{width:100%;border:1px solid var(--line);border-radius:0;background:#e2e9e40a;color:var(--text)}.message-form input{height:48px;padding:0 14px}.message-form textarea{min-height:118px;resize:vertical;padding:14px}.message-form button{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;border:1px solid rgba(139,180,177,.48);background:#8bb4b11c;color:var(--text);cursor:pointer;transition:transform .18s ease,background .18s ease}.message-form button:hover{transform:translateY(-2px);background:#8bb4b12e}.footer-baseline{position:absolute;left:50%;bottom:26px;z-index:1;display:flex;justify-content:space-between;width:min(var(--max),calc(100vw - 64px));transform:translate(-50%);color:#e2e9e46b;font-size:12px}.detail-page{min-height:100svh;padding:140px 0 80px;background:linear-gradient(135deg,rgba(139,180,177,.08),transparent 36%),var(--bg)}.detail-shell{width:min(var(--max),calc(100vw - 64px));margin:0 auto}.back-link{color:var(--muted);margin-bottom:32px}.detail-grid{display:grid;grid-template-columns:minmax(420px,.55fr) minmax(0,1fr);gap:42px;align-items:stretch}.detail-copy{display:flex;flex-direction:column;justify-content:center;min-height:620px;padding:clamp(32px,4vw,68px);border:1px solid var(--line);background:#101419c7}.detail-copy h1{margin:0;font-size:clamp(44px,4vw,82px);line-height:1.05}.detail-copy p:not(.section-kicker){margin:28px 0;color:var(--soft);font-size:18px;line-height:1.85}.inline-action{width:fit-content;color:var(--cyan)}.detail-grid img{width:100%;height:620px;object-fit:cover;border:1px solid var(--line)}@keyframes scanDrift{0%{opacity:.56;translate:-2% 0}to{opacity:.82;translate:2% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:1180px){.site-header{grid-template-columns:auto auto}.site-header nav{display:none}.profile-layout,.footer-grid,.detail-grid,.section-intro{grid-template-columns:1fr}.section-intro h2,.section-intro>p:last-child{grid-column:auto}.contact-list,.stats-grid,.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.container,.site-header,.detail-shell,.footer-baseline{width:min(100% - 32px,var(--max))}.site-header{top:12px;left:16px;right:16px;width:auto;height:58px;transform:none;display:flex;justify-content:space-between;gap:12px}.brand-mark strong,.header-contact span{display:none}.header-contact{width:48px;padding:0}.hero-content{padding-top:70px;overflow:hidden}.hero h1{max-width:100%;font-size:clamp(44px,18vw,68px);overflow-wrap:anywhere}.hero-name-line{display:block}.hero-subtitle{font-size:22px}.hero-lead{max-width:340px;font-size:18px}.hero-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:340px;margin-inline:auto}.hero-tags span{justify-content:center;padding:0 10px}.floating-cta{position:fixed;left:16px;right:16px;bottom:24px;width:auto;min-height:52px;padding:0 14px;justify-content:center;transform:none}.floating-cta:hover{transform:translateY(-4px)}.scroll-cue{display:none}.profile-layout{gap:22px}.portrait-panel{min-height:540px}.contact-list,.stats-grid,.projects-grid,.capability-grid{grid-template-columns:1fr}.project-card,.project-card.is-featured{grid-column:auto;min-height:520px}.project-overlay{display:block}.project-overlay em{margin-top:22px}.console-row{grid-template-columns:24px 72px 1fr}.console-row svg:last-child{display:none}.footer-baseline{display:grid;gap:8px}}