:root{color:#eef3ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#070a13;--surface:#0d1323;--surface-strong:#111a2f;--line:#94a6cf29;--line-strong:#94a6cf4d;--text:#eef3ff;--muted:#a4adc2;--quiet:#78839d;--cyan:#69e6ff;--cyan-soft:#69e6ff21;--violet:#a594ff;--violet-soft:#a594ff21;--radius:24px;scroll-behavior:smooth;background:#070a13;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-padding-top:100px}body{background:linear-gradient(#6f84b009 1px, transparent 1px), linear-gradient(90deg, #6f84b009 1px, transparent 1px), var(--bg);background-size:52px 52px;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-2;background:radial-gradient(circle at 50% -20%,#5871ba29,#0000 42%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}::selection{color:#fff;background:#69e6ff3d}.skip-link{z-index:1000;opacity:0;clip-path:inset(100%);background:var(--cyan);color:#07101a;border-radius:10px;padding:10px 16px;font-weight:700;transition:opacity .18s;position:fixed;top:12px;left:12px}.skip-link:focus{opacity:1;clip-path:inset(0)}.site-shell{position:relative;overflow:hidden}.section{width:min(1180px,100% - 48px);margin-inline:auto}.section-block{border-top:1px solid var(--line);padding-block:130px}.ambient{filter:blur(120px);opacity:.09;pointer-events:none;border-radius:50%;width:520px;height:520px;position:absolute}.ambient--one{background:var(--cyan);top:470px;left:-330px}.ambient--two{background:var(--violet);top:1950px;right:-320px}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c17c2;border:1px solid #97aad629;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1240px,100% - 32px);height:76px;margin-top:14px;padding:0 24px;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 12px 50px #0000002e}.brand{letter-spacing:-.04em;align-items:center;gap:8px;width:fit-content;font-weight:800;display:inline-flex}.brand span{font-size:19px}.brand i{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 12px var(--cyan);border-radius:50%;display:block}.site-nav{color:var(--muted);align-items:center;gap:34px;font-size:14px;display:flex}.site-nav a{padding:12px 0;transition:color .18s;position:relative}.site-nav a:after{content:"";background:var(--cyan);width:100%;height:1px;transition:transform .18s;position:absolute;bottom:5px;left:0;transform:scaleX(0)}.site-nav a:hover,.site-nav a.active{color:var(--text)}.site-nav a.active:after{transform:scaleX(1)}.header-contact{border:1px solid var(--line-strong);color:var(--text);border-radius:10px;justify-self:end;align-items:center;gap:7px;padding:10px 14px;font-size:13px;transition:border-color .18s,background .18s;display:inline-flex}.header-contact:hover{background:var(--cyan-soft);border-color:#69e6ff8c}.menu-button{border:1px solid var(--line);width:42px;height:42px;color:var(--text);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;justify-self:end;align-items:center;display:none}.hero{grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr);align-items:center;gap:80px;min-height:100svh;padding-top:150px;padding-bottom:90px;display:grid;position:relative}.hero-copy{z-index:2;position:relative}.eyebrow{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;display:flex}.eyebrow>span:first-child:not(.status-dot){color:var(--cyan)}.hero-eyebrow{margin-bottom:34px}.status-dot{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 0 6px #69e6ff14, 0 0 18px var(--cyan);border-radius:50%;animation:2.8s ease-in-out infinite pulse}.hero h1{letter-spacing:-.07em;flex-direction:column;margin:0;display:flex}.hero-name{-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#fff 24%,#a9c2db 92%);-webkit-background-clip:text;background-clip:text;font-size:clamp(68px,9.2vw,124px);font-weight:760;line-height:.94}.hero-name-en{color:var(--quiet);letter-spacing:-.04em;margin-top:14px;font-size:clamp(24px,3.4vw,46px);font-weight:420;line-height:1}.hero-tagline{color:#dfe8fb;letter-spacing:-.02em;max-width:720px;margin:42px 0 0;font-size:clamp(20px,2.2vw,29px);line-height:1.55}.hero-identity{max-width:650px;color:var(--muted);margin:18px 0 0;font-size:15px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 19px;font-size:14px;font-weight:650;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{color:#061018;background:linear-gradient(120deg, var(--cyan), #9af1ff);box-shadow:0 12px 38px #69e6ff26}.button--ghost{color:var(--text);border-color:var(--line-strong);background:#ffffff05}.button--ghost:hover{background:var(--violet-soft);border-color:#a594ff99}.hero-portrait{aspect-ratio:1;justify-self:end;place-items:center;width:min(100%,430px);display:grid;position:relative}.portrait-frame{z-index:2;aspect-ratio:1;background:linear-gradient(145deg,#69e6ff24,#a594ff17);border:1px solid #69e6ff4d;border-radius:31% 69% 56% 44%/46% 38% 62% 54%;width:67%;padding:10px;animation:12s ease-in-out infinite morph;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000052,inset 0 0 50px #69e6ff0d}.portrait-frame img{object-fit:cover;border-radius:inherit;filter:saturate(.88)contrast(1.05);width:100%;height:100%}.portrait-orbit{border:1px solid var(--line);border-radius:50%;position:absolute}.portrait-orbit:before{content:"";background:var(--cyan);width:7px;height:7px;box-shadow:0 0 14px var(--cyan);border-radius:50%;position:absolute;top:50%;left:-4px}.portrait-orbit--outer{animation:26s linear infinite spin;inset:2%}.portrait-orbit--inner{border-style:dashed;animation:20s linear infinite spin-reverse;inset:13%}.portrait-chip{z-index:3;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0f1cd1;border-radius:12px;min-width:130px;padding:12px 14px;position:absolute;box-shadow:0 16px 40px #00000038}.portrait-chip span{color:var(--quiet);letter-spacing:.16em;margin-bottom:5px;font:9px/1 ui-monospace,monospace;display:block}.portrait-chip strong{color:#dfeaff;font-size:12px;font-weight:600}.portrait-chip--top{top:14%;right:-5%}.portrait-chip--bottom{bottom:12%;left:-7%}.scroll-hint{color:var(--quiet);letter-spacing:.2em;align-items:center;gap:13px;font:9px/1 ui-monospace,monospace;display:flex;position:absolute;bottom:30px;left:0}.scroll-hint i{background:var(--line-strong);width:60px;height:1px;display:block;position:relative;overflow:hidden}.scroll-hint i:after{content:"";background:var(--cyan);animation:2.2s ease-in-out infinite slide-line;position:absolute;inset:0;transform:translate(-100%)}.section-heading h2{letter-spacing:-.055em;margin:22px 0 0;font-size:clamp(42px,5.6vw,76px);font-weight:650;line-height:1.08}.section-heading--row{justify-content:space-between;align-items:end;gap:50px;display:flex}.section-heading--row>p{max-width:420px;color:var(--muted);margin:0 0 8px;font-size:15px;line-height:1.8}.about{grid-template-columns:.9fr 1.1fr;align-items:start;gap:110px;display:grid}.about-content{padding-top:42px}.about-content>p{color:#c7d1e5;letter-spacing:-.01em;margin:0 0 25px;font-size:clamp(18px,2vw,23px);line-height:1.85}.about-content>p:first-child:first-letter{color:var(--cyan)}.about-principles{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:22px;margin-top:54px;padding-top:28px;display:grid}.about-principles strong{color:var(--text);margin-bottom:7px;font-size:14px;display:block}.about-principles span{color:var(--quiet);font-size:12px;line-height:1.6}.project-list{gap:32px;margin-top:70px;display:grid}.project-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#111a2fdb,#090e1beb);grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);min-height:520px;transition:border-color .26s,transform .26s,box-shadow .26s;display:grid;position:relative;overflow:hidden}.project-card:hover{border-color:#69e6ff4d;transform:translateY(-4px);box-shadow:0 28px 90px #0003}.project-visual-wrap{border-right:1px solid var(--line);background:#0509127a;min-height:100%;position:relative;overflow:hidden}.project-index{z-index:4;color:#dce9ff5c;letter-spacing:.16em;font:12px/1 ui-monospace,monospace;position:absolute;top:24px;left:26px}.project-content{flex-direction:column;padding:clamp(34px,5vw,62px);display:flex}.project-meta{color:var(--quiet);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;font:11px/1.4 ui-monospace,monospace;display:flex}.project-status{border:1px solid var(--line);color:var(--muted);letter-spacing:.06em;border-radius:999px;align-items:center;gap:7px;padding:7px 9px;display:flex}.project-status--active{color:var(--cyan);background:var(--cyan-soft);border-color:#69e6ff47}.project-status i{background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px}.project-content h3{color:#f5f8ff;letter-spacing:-.045em;margin:30px 0 17px;font-size:clamp(28px,3.1vw,44px);line-height:1.15}.project-description{color:#c8d3e9;margin:0;font-size:17px;line-height:1.75}.project-details{color:var(--muted);margin:18px 0 0;font-size:14px;line-height:1.8}.project-metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:31px 0 0;padding:22px 0;display:grid}.project-metrics>div:not(:last-child){border-right:1px solid var(--line)}.project-metrics>div:not(:first-child){padding-left:20px}.project-metrics dt{color:var(--text);letter-spacing:-.03em;font-size:21px;font-weight:680}.project-metrics dd{color:var(--quiet);margin:6px 0 0;font-size:11px}.project-footer{justify-content:space-between;align-items:end;gap:20px;margin-top:auto;padding-top:32px;display:flex}.tag-list{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.tag-list li{border:1px solid var(--line);color:#9eabc4;background:#ffffff04;border-radius:7px;padding:7px 9px;font:10px/1 ui-monospace,monospace}.project-link{color:var(--cyan);flex:none;align-items:center;gap:8px;font-size:13px;font-weight:650;display:inline-flex}.project-link svg{transition:transform .18s}.project-link:hover svg{transform:translate(3px,-3px)}.visual{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.visual:before{content:"";background:radial-gradient(circle,#69e6ff17,#0000 58%);position:absolute;inset:0}.visual-label{color:#bfd3f070;letter-spacing:.15em;font:9px/1 ui-monospace,monospace;position:absolute;bottom:26px;left:28px}.arc-grid{z-index:1;aspect-ratio:1;grid-template-columns:repeat(8,1fr);gap:5px;width:58%;display:grid;position:relative;transform:rotate(-4deg)}.arc-cell{background:#111c31b3;border:1px solid #849dc921;border-radius:3px}.arc-cell--0{border-color:var(--cyan);background:#69e6ffc7;box-shadow:0 0 14px #69e6ff47}.arc-cell--1{border-color:var(--violet);background:#a594ffb3}.arc-cell--2{background:#f1c36abd;border-color:#f1c36a}.visual--robot svg{z-index:1;width:91%;position:relative}.arena-board{z-index:1;aspect-ratio:1;grid-template-columns:repeat(8,1fr);width:62%;display:grid;position:relative;transform:perspective(800px)rotateX(58deg)rotate(-4deg);box-shadow:0 36px 60px #00000054}.arena-cell{background:#5b6f9738;border:1px solid #9ab1da14;place-items:center;display:grid;position:relative}.arena-cell--alt{background:#24355385}.unit{aspect-ratio:1;border-radius:50% 50% 42% 42%;width:54%;display:block;transform:rotateX(-58deg)translateY(-25%);box-shadow:0 8px 18px #00000080}.unit:after{content:"";background:#ffffffad;border-radius:4px;height:4px;position:absolute;top:18%;left:18%;right:18%}.unit--mage{background:var(--violet);box-shadow:0 0 18px #a594ff80}.unit--archer{background:var(--cyan);box-shadow:0 0 18px #69e6ff80}.unit--guard{background:#f1c36a;box-shadow:0 0 18px #f1c36a66}.unit--enemy{background:#ff6f86;box-shadow:0 0 18px #ff6f865c}.focus-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:70px;display:grid}.focus-card{border:1px solid var(--line);background:#0d13239e;border-radius:18px;flex-direction:column;min-height:330px;padding:35px;transition:background .22s,border-color .22s,transform .22s;display:flex}.focus-card:hover{background:#111a2fc7;border-color:#a594ff4d;transform:translateY(-4px)}.focus-number{color:var(--violet);font:12px/1 ui-monospace,monospace}.focus-card h3{letter-spacing:-.04em;margin:62px 0 17px;font-size:28px}.focus-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.focus-card .tag-list{margin-top:auto;padding-top:28px}.contact{padding-block:130px}.contact-card{background:linear-gradient(135deg,#111b30d6,#0a0f1df0);border:1px solid #69e6ff30;border-radius:30px;flex-direction:column;justify-content:center;min-height:520px;padding:clamp(42px,7vw,90px);display:flex;position:relative;overflow:hidden}.contact-card:after{content:"";background:var(--cyan);opacity:.07;filter:blur(80px);border-radius:50%;width:400px;height:400px;position:absolute;top:-120px;right:-100px}.contact-grid-bg{opacity:.22;background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 72%);mask-image:linear-gradient(90deg,#0000,#000 72%)}.contact-card>:not(.contact-grid-bg){z-index:2;position:relative}.contact-card h2{letter-spacing:-.055em;max-width:800px;margin:26px 0 18px;font-size:clamp(42px,6vw,76px);line-height:1.12}.contact-card>p{max-width:610px;color:var(--muted);margin:0;font-size:16px;line-height:1.8}.contact-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:56px;display:grid}.contact-links a{border:1px solid var(--line);background:#ffffff05;border-radius:14px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;min-width:0;padding:17px;transition:border-color .18s,background .18s,transform .18s;display:grid}.contact-links a:hover{background:var(--cyan-soft);border-color:#69e6ff57;transform:translateY(-2px)}.contact-icon{width:38px;height:38px;color:var(--cyan);background:#69e6ff17;border-radius:10px;place-items:center;display:grid}.contact-links a>span:nth-child(2){color:var(--quiet);font-size:11px}.contact-links strong{text-overflow:ellipsis;color:#dce7fb;font-size:13px;font-weight:580;overflow:hidden}.contact-links svg{color:var(--cyan)}.site-footer{border-top:1px solid var(--line);min-height:150px;color:var(--quiet);grid-template-columns:1fr auto 1fr;align-items:center;font-size:12px;display:grid}.site-footer p{margin:0}.site-footer>span{justify-self:end}[data-reveal]{opacity:0;transition:opacity .72s cubic-bezier(.2,.65,.3,1),transform .72s cubic-bezier(.2,.65,.3,1);transform:translateY(28px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.project-card:nth-child(2),.focus-card:nth-child(2){transition-delay:80ms}.project-card:nth-child(3),.focus-card:nth-child(3){transition-delay:.16s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}@keyframes slide-line{0%{transform:translate(-100%)}45%,55%{transform:translate(0)}to{transform:translate(100%)}}@keyframes morph{0%,to{border-radius:31% 69% 56% 44%/46% 38% 62% 54%}50%{border-radius:56% 44% 36% 64%/39% 58% 42% 61%}}@media (width<=980px){.site-header{grid-template-columns:1fr auto}.site-nav{border:1px solid var(--line);opacity:0;visibility:hidden;background:#080c17f5;border-radius:16px;flex-direction:column;align-items:stretch;gap:2px;width:min(320px,100vw - 32px);padding:18px;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-8px);box-shadow:0 24px 70px #00000061}.site-nav--open{opacity:1;visibility:visible;transform:translateY(0)}.site-nav a{border-radius:8px;padding:13px 12px}.site-nav a.active{background:var(--cyan-soft)}.site-nav a:after{display:none}.menu-button{display:inline-flex}.header-contact{display:none}.hero{grid-template-columns:1fr .7fr;gap:30px}.hero-portrait{width:340px}.portrait-chip{display:none}.about{gap:60px}.project-card{grid-template-columns:1fr}.project-visual-wrap{border-right:0;border-bottom:1px solid var(--line);min-height:420px}.focus-grid{grid-template-columns:1fr}.focus-card{min-height:250px}.focus-card h3{margin-top:40px}}@media (width<=760px){.section{width:min(100% - 32px,620px)}.section-block{padding-block:90px}.site-header{border-radius:15px;width:calc(100% - 24px);height:66px;margin-top:10px;padding:0 16px}.hero{grid-template-columns:1fr;gap:70px;min-height:auto;padding-top:130px;padding-bottom:105px}.hero-copy{text-align:left}.hero-tagline{margin-top:30px}.hero-portrait{grid-row:1;justify-self:center;width:min(82vw,360px);margin-top:20px}.hero-copy{grid-row:2}.scroll-hint{bottom:35px}.section-heading--row{flex-direction:column;align-items:start;gap:24px}.section-heading--row>p{max-width:none}.about{grid-template-columns:1fr;gap:24px}.about-content{padding-top:10px}.about-principles{gap:13px}.about-principles strong{font-size:12px}.project-list,.focus-grid{margin-top:44px}.project-visual-wrap{min-height:340px}.project-content{padding:30px 24px}.project-footer{flex-direction:column;align-items:start}.project-metrics>div:not(:first-child){padding-left:12px}.project-metrics dt{font-size:17px}.project-meta{align-items:start}.contact{padding-block:90px}.contact-card{min-height:0;padding:44px 24px}.contact-links{grid-template-columns:1fr;margin-top:38px}.site-footer{text-align:center;grid-template-columns:1fr;justify-items:center;gap:20px;min-height:190px;padding-block:40px}.site-footer>span{justify-self:center}}@media (width<=430px){.hero-name{font-size:62px}.hero-name-en{font-size:25px}.hero-tagline{font-size:20px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.about-principles{grid-template-columns:1fr}.about-principles>div{grid-template-columns:80px 1fr;align-items:baseline;display:grid}.project-visual-wrap{min-height:285px}.arc-grid{width:64%}.arena-board{width:69%}.project-metrics{grid-template-columns:1fr;gap:14px}.project-metrics>div{justify-content:space-between;align-items:baseline;display:flex}.project-metrics>div:not(:last-child){border-right:0;border-bottom:1px solid var(--line);padding-bottom:13px}.project-metrics>div:not(:first-child){padding-left:0}.project-metrics dd{margin:0}.contact-links a{grid-template-columns:auto 1fr auto}.contact-links strong{grid-area:2/2}.contact-links a>svg{grid-area:1/3/span 2}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}