:root{--ink:#071c43;--ink-soft:#42516b;--accent:#ee2f24;--accent-dark:#d91b15;--line:#cbd7e8;--line-strong:#7892bb;--wash:#f4f8fd;--white:#fff;--shadow:0 24px 70px #071c431a;--page:min(92vw, 1380px);--font-sans:"Microsoft YaHei UI", "PingFang SC", "Noto Sans CJK SC", sans-serif;--font-mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{isolation:isolate;color:var(--ink);background:var(--white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;position:relative;overflow-x:hidden}body>.site-header,body>main,body>.site-footer{z-index:1;position:relative}body>.site-header,body>.site-footer{z-index:2}main>section{z-index:20;position:relative}.hero,.projects,.about,.contact{isolation:isolate;position:relative}.section-atmosphere{pointer-events:none;z-index:0;user-select:none;position:absolute;inset:0;overflow:hidden}.hero>:not(.section-atmosphere),.projects>:not(.section-atmosphere),.about>:not(.section-atmosphere),.contact>:not(.section-atmosphere){z-index:1;position:relative}.section-atmosphere__field,.section-atmosphere__trace,.section-atmosphere__coordinate,.section-atmosphere__pulse{position:absolute}.section-atmosphere__field{inset:0}.section-atmosphere__trace{opacity:.58;transform-origin:50%;background:linear-gradient(90deg,#0000,#7892bb9e 20% 82%,#0000);width:clamp(230px,29vw,520px);height:1px}.section-atmosphere__trace:after{content:"";border-top:1px solid #7892bbc2;border-right:1px solid #7892bbc2;width:6px;height:6px;position:absolute;top:-3px;right:12%;transform:rotate(45deg)}.section-atmosphere__coordinate{color:#5c7aa8a8;font-family:var(--font-mono);letter-spacing:.06em;font-size:.67rem;line-height:1}.section-atmosphere__pulse{background:#ee2f24eb;border-radius:50%;width:6px;height:6px;animation:6.8s ease-out infinite section-pulse;box-shadow:0 0 #ee2f2438}.section-atmosphere--hero .section-atmosphere__field{opacity:.36;background-image:radial-gradient(circle,#7892bb9e 1px,#0000 1.45px);background-size:44px 44px;mask-image:radial-gradient(at 74% 42%,#000 0 18%,#0000 68%)}.section-atmosphere--hero .section-atmosphere__trace{animation:19s ease-in-out infinite alternate hero-vector-drift;transform:rotate(-32deg)}.section-atmosphere--hero .section-atmosphere__trace--one{top:10%;left:13%}.section-atmosphere--hero .section-atmosphere__trace--two{animation-delay:-7s;top:48%;right:2%}.section-atmosphere--hero .section-atmosphere__coordinate--one{top:13%;left:18%}.section-atmosphere--hero .section-atmosphere__coordinate--two{bottom:12%;right:5%}.section-atmosphere--hero .section-atmosphere__pulse--one{top:24%;right:18%}.section-atmosphere--hero .section-atmosphere__pulse--two{animation-delay:-3.2s;bottom:26%;right:10%}.section-atmosphere--projects .section-atmosphere__field{opacity:.3;background-image:linear-gradient(#7892bb45 1px,#0000 1px),linear-gradient(90deg,#7892bb45 1px,#0000 1px),linear-gradient(90deg,#0000 0 46%,#7892bb3d 50%,#0000 54% 100%);background-repeat:repeat,repeat,no-repeat;background-size:72px 72px,72px 72px,36% 100%;animation:14s linear infinite project-circuit-scan;mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.section-atmosphere--projects .section-atmosphere__trace{opacity:.4;background:0 0;border:1px solid #5c7aa89e;border-width:1px 1px 0 0;width:31%;height:13%}.section-atmosphere--projects .section-atmosphere__trace:after{top:-4px;right:-3px}.section-atmosphere--projects .section-atmosphere__trace--one{top:10%;right:7%}.section-atmosphere--projects .section-atmosphere__trace--two{top:48%;left:4%;transform:rotate(180deg)}.section-atmosphere--projects .section-atmosphere__coordinate--one{top:8%;right:7%}.section-atmosphere--projects .section-atmosphere__coordinate--two{top:61%;left:5%}.section-atmosphere--projects .section-atmosphere__pulse--one{top:19%;right:12%}.section-atmosphere--projects .section-atmosphere__pulse--two{animation-delay:-4s;bottom:19%;left:17%}.section-atmosphere--about .section-atmosphere__field{opacity:.42;border:1px dashed #5c7aa894;border-radius:50%;animation:24s ease-in-out infinite alternate about-orbit-rise;inset:14% -20% 8% 52%}.section-atmosphere--about .section-atmosphere__field:before,.section-atmosphere--about .section-atmosphere__field:after{content:"";border:1px solid #7892bb61;border-radius:50%;position:absolute}.section-atmosphere--about .section-atmosphere__field:before{inset:13% 9%}.section-atmosphere--about .section-atmosphere__field:after{border-style:dotted;inset:27% 20%}.section-atmosphere--about .section-atmosphere__trace{transform:rotate(-24deg)}.section-atmosphere--about .section-atmosphere__trace--one{opacity:.42;bottom:13%;left:3%}.section-atmosphere--about .section-atmosphere__trace--two{opacity:.38;top:18%;right:5%}.section-atmosphere--about .section-atmosphere__coordinate--one{top:13%;right:9%}.section-atmosphere--about .section-atmosphere__coordinate--two{bottom:12%;left:8%}.section-atmosphere--about .section-atmosphere__pulse--one{bottom:30%;left:29%}.section-atmosphere--about .section-atmosphere__pulse--two{animation-delay:-3.6s;top:21%;right:22%}.section-atmosphere--contact .section-atmosphere__field{opacity:.22;border:1px solid #5c7aa8a8;border-radius:50%;width:320px;height:320px;animation:9s ease-out infinite contact-signal-wave;inset:50% 8% auto auto}.section-atmosphere--contact .section-atmosphere__field:before,.section-atmosphere--contact .section-atmosphere__field:after{content:"";border:1px dashed #7892bb80;border-radius:50%;position:absolute;inset:22%}.section-atmosphere--contact .section-atmosphere__field:after{border-style:solid;inset:40%}.section-atmosphere--contact .section-atmosphere__trace{background:#5c7aa885}.section-atmosphere--contact .section-atmosphere__trace:after{display:none}.section-atmosphere--contact .section-atmosphere__trace--one{opacity:.38;width:36%;top:50%;right:5%}.section-atmosphere--contact .section-atmosphere__trace--two{opacity:.34;width:1px;height:56%;top:22%;right:19%}.section-atmosphere--contact .section-atmosphere__coordinate--one{top:15%;right:7%}.section-atmosphere--contact .section-atmosphere__coordinate--two{bottom:16%;left:9%}.section-atmosphere--contact .section-atmosphere__pulse--one{top:49%;right:18.8%}.section-atmosphere--contact .section-atmosphere__pulse--two{animation-delay:-3.8s;bottom:12%;left:25%}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 60%, white);outline-offset:4px}.site-header{width:var(--page);border-bottom:1px solid #cbd7e88c;justify-content:space-between;align-items:center;height:90px;margin:0 auto;display:flex}.brand{letter-spacing:-.04em;font-size:1.45rem;font-weight:800}.site-header nav,.site-footer nav{gap:clamp(1.4rem,3vw,3.8rem);display:flex}.site-header nav a,.site-footer nav a{font-size:.98rem;font-weight:650;position:relative}.site-header nav a:after,.site-footer nav a:after{content:"";background:var(--accent);height:2px;transition:right .18s;position:absolute;bottom:-.65rem;left:0;right:100%}.site-header nav a:hover:after,.site-footer nav a:hover:after,.site-header nav a:first-child:after{right:0}.hero{width:var(--page);grid-template-columns:minmax(560px,.94fr) minmax(520px,1.06fr);align-items:center;gap:3.5rem;min-height:calc(100vh - 90px);margin:0 auto;padding:4rem 0 7.5rem;display:grid;position:relative;overflow:visible}.hero-copy{z-index:2;position:relative}.hero h1{letter-spacing:-.075em;white-space:nowrap;max-width:720px;margin:0;font-size:clamp(3.8rem,4.8vw,5.6rem);font-weight:900;line-height:1.04}.particle-stage{pointer-events:none;min-height:min(650px,70vh);position:relative}.mobile-break{display:none}.hero-copy>p{letter-spacing:.02em;color:var(--ink-soft);margin:2rem 0 2.8rem;font-size:clamp(1.35rem,2vw,2rem)}.hero-actions{flex-wrap:wrap;gap:1.25rem;display:flex}.button{border:1px solid var(--ink);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:1.4rem;min-width:196px;min-height:64px;padding:0 1.8rem;font-size:1.03rem;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-3px);box-shadow:8px 8px #071c431a}.button--primary{color:var(--white);background:var(--accent);border-color:var(--accent)}.button--primary:hover{background:var(--accent-dark)}.button--secondary{background:var(--white)}.arrow-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:square;stroke-linejoin:miter;flex:none;width:28px;height:28px}.scroll-cue{flex-direction:column;align-items:center;gap:.4rem;font-size:.9rem;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.hero>.scroll-cue{z-index:3;position:absolute;left:50%}.scroll-cue .arrow-icon{color:var(--accent)}.hero-visual{isolation:isolate;z-index:1;height:min(590px,64vh);min-height:500px;position:relative;overflow:hidden}.hero-grid{opacity:.46;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:42px 42px;position:absolute;inset:8% 0 7% 5%;mask-image:radial-gradient(#000 18%,#0000 70%)}.code-window{z-index:4;aspect-ratio:1.55;background:var(--ink);width:40%;box-shadow:var(--shadow);border:1px solid #29456f;padding:14px;position:absolute;top:8%;left:22%;transform:perspective(900px)rotateY(-10deg)rotateX(3deg)}.window-dot{background:#9eabc0;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.window-dot--red{background:var(--accent)}.code-lines{gap:12px;margin:22px 8px;display:grid}.code-lines i{background:linear-gradient(90deg, #ecf3ff 0 18%, var(--accent) 18% 32%, #91a9cf 32% 72%, transparent 72%);height:3px;display:block}.code-lines i:nth-child(2){width:82%;margin-left:8%}.code-lines i:nth-child(3){width:68%;margin-left:12%}.code-lines i:nth-child(4){width:88%;margin-left:5%}.code-lines i:nth-child(5){width:60%;margin-left:16%}.layer{border:1px solid var(--line-strong);background:#ffffffa8;width:56%;height:26%;position:absolute;left:16%;transform:skewY(10deg)rotate(-8deg)}.layer--one{top:30%}.layer--two{top:37%;left:13%}.layer--three{top:44%;left:10%}.signal{z-index:5;width:73%;height:150px;position:absolute;bottom:12%;left:20%;right:7%;overflow:visible}.signal-base{stroke:var(--line)}.signal-wave{fill:none;stroke:var(--ink);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-dasharray:920;animation:2.4s ease-out both draw-signal}.chip{z-index:6;border:1px solid var(--line-strong);background:#ffffffe0;width:76px;height:92px;position:absolute;top:37%;right:5%}.chip:before,.chip:after{content:"";background:repeating-linear-gradient(0deg, transparent 0 7px, var(--line-strong) 7px 8px, transparent 8px 15px);position:absolute;inset:12px -10px}.chip:after{background:repeating-linear-gradient(90deg, transparent 0 7px, var(--line-strong) 7px 8px, transparent 8px 15px);inset:-10px 12px}.chip span{border:4px double var(--ink);position:absolute;inset:20px 16px}.orbit{border:1px solid var(--line-strong);border-radius:50%;position:absolute}.orbit--one{opacity:.72;width:160px;height:62px;bottom:3%;right:6%}.route-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute}.route-dot--one{top:25%;right:12%}.route-dot--two{background:var(--ink);bottom:12%;left:18%}.section{width:var(--page);margin:0 auto;padding:clamp(6rem,10vw,10rem) 0}.projects{border-top:1px solid var(--line)}.section-heading h2,.about h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.6rem,4.5vw,4.9rem);line-height:1.05}.section-heading p{color:var(--ink-soft);margin:1rem 0 0;font-size:1.1rem}.technical-corner{position:relative}.technical-corner:before{content:"";border-left:2px solid var(--accent);border-top:2px solid var(--accent);width:44px;height:44px;position:absolute;top:-1.1rem;left:-2.1rem}.featured-project{grid-template-columns:minmax(320px,.75fr) minmax(560px,1.25fr);align-items:center;gap:clamp(3rem,7vw,8rem);margin-top:clamp(4rem,7vw,7rem);display:grid}.project-number{color:var(--accent);font-family:var(--font-mono);margin-bottom:1.2rem;font-size:3.15rem;line-height:1;display:block}.project-copy h3{letter-spacing:-.07em;margin:0;font-size:clamp(3.6rem,6vw,7.5rem);line-height:1}.project-copy>p{color:var(--ink-soft);margin:1.6rem 0;font-size:clamp(1.15rem,1.6vw,1.55rem)}.project-tags{gap:.75rem;margin:0 0 2.4rem;padding:0;list-style:none;display:flex}.project-tags li{border:1px solid var(--line-strong);font-family:var(--font-mono);padding:.25rem .85rem;font-size:.85rem}.project-link{color:var(--accent);border-bottom:2px solid var(--accent);align-items:center;gap:1rem;font-size:1.14rem;font-weight:800;display:inline-flex}.project-actions{flex-wrap:wrap;align-items:center;gap:1.6rem;display:flex}.project-link--github{color:var(--ink);border-bottom-color:var(--ink)}.project-link:hover .arrow-icon{transform:translate(6px)}.project-link .arrow-icon{transition:transform .18s}.project-copy small{color:#6f7e95;margin-top:1.8rem;display:block}.pet-window{border:1.5px solid var(--ink);box-shadow:var(--shadow);background:var(--white);overflow:hidden}.pet-window__bar{border-bottom:1px solid var(--line-strong);align-items:center;gap:9px;height:48px;padding:0 18px;display:flex}.traffic{background:#40b36a;border-radius:50%;width:12px;height:12px}.traffic--red{background:#ef4d43}.traffic--yellow{background:#f6bd23}.pet-window__time{font-family:var(--font-mono);margin-left:auto;font-size:.82rem}.pet-window__menu{gap:3px;width:20px;display:grid}.pet-window__menu i{background:var(--ink);height:1px}.pet-scene{background:radial-gradient(circle at 60% 42%,#fff 0 12%,#0000 45%),linear-gradient(135deg,#edf5ff 0,#fff 56%);min-height:450px;position:relative;overflow:hidden}.pet-character{z-index:4;border:4px solid var(--ink);background:#fffefb;border-radius:48% 48% 40% 40%;width:172px;height:184px;animation:2.8s ease-in-out infinite pet-breathe;position:absolute;bottom:78px;left:52%;transform:translate(-50%);box-shadow:0 14px 24px #071c4329}.pet-character:before,.pet-character:after{content:"";border:4px solid var(--ink);background:#fffefb;width:48px;height:76px;position:absolute;bottom:20px}.pet-character:before{border-right:0;border-radius:70% 30% 50% 50%;left:-20px;transform:rotate(8deg)}.pet-character:after{border-left:0;border-radius:30% 70% 50% 50%;right:-20px;transform:rotate(-8deg)}.pet-leaf{z-index:2;border:3px solid var(--ink);background:#7cc58c;width:55px;height:25px;position:absolute;top:-45px}.pet-leaf--left{border-radius:80% 20%;left:43px;transform:rotate(32deg)}.pet-leaf--right{border-radius:20% 80%;right:42px;transform:rotate(-32deg)}.pet-eye{background:var(--ink);border-radius:50%;width:18px;height:24px;position:absolute;top:74px}.pet-eye:after{content:"";background:var(--white);border-radius:50%;width:5px;height:7px;position:absolute;top:3px;left:4px}.pet-eye--left{left:45px}.pet-eye--right{right:45px}.pet-cheek{opacity:.82;background:#ffbbb4;border-radius:50%;width:24px;height:12px;position:absolute;top:109px}.pet-cheek--left{left:25px}.pet-cheek--right{right:25px}.pet-mouth{font-size:1.3rem;position:absolute;top:96px;left:50%;transform:translate(-50%)}.pet-foot{z-index:5;border:4px solid var(--ink);background:#fffefb;border-top:0;border-radius:0 0 50% 50%;width:54px;height:33px;position:absolute;bottom:-12px}.pet-foot--left{left:23px;transform:rotate(5deg)}.pet-foot--right{right:23px;transform:rotate(-5deg)}.pet-heart{z-index:5;width:54px;height:48px;color:var(--accent);border:1.5px solid var(--ink);background:var(--white);border-radius:50%;place-items:center;animation:2.6s ease-in-out infinite heart-float;display:grid;position:absolute;top:56px;left:63%}.pet-callouts{z-index:5;gap:52px;display:grid;position:absolute;top:126px;right:4%}.pet-callouts span{font-size:.87rem;font-weight:700;position:relative}.pet-callouts i{border-top:1px dashed var(--line-strong);width:78px;position:absolute;top:50%;right:calc(100% + 16px)}.desktop-dock{z-index:3;border-top:1px solid var(--line-strong);border-right:1px solid var(--line-strong);background:#ebf3fdeb;align-items:center;gap:30px;height:86px;padding-left:30px;display:flex;position:absolute;bottom:0;left:0;right:22%}.desktop-dock>span{border:2px solid var(--ink);border-radius:4px;width:30px;height:34px;display:inline-block}.dock-face{place-items:center;font-size:1.2rem;display:grid!important}.dock-folder{border-top-width:7px!important;border-radius:3px!important}.dock-note{background:repeating-linear-gradient(0deg, transparent 0 6px, var(--line-strong) 6px 7px)}.dock-trash{transform:scale(.82);border-radius:0 0 6px 6px!important}.project-detail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:clamp(6rem,9vw,10rem);display:grid}.project-detail>div{min-height:275px;padding:2.3rem}.project-detail>div+div{border-left:1px solid var(--line)}.detail-index{color:var(--accent);font-family:var(--font-mono);font-size:.83rem}.project-detail h3{margin:1.4rem 0 1rem;font-size:1.45rem}.project-detail p{color:var(--ink-soft);margin:0}.ai-architecture{color:var(--white);background:var(--ink);margin-top:clamp(6rem,9vw,9rem);padding:clamp(3rem,6vw,5.5rem);position:relative;overflow:hidden}.architecture-heading{z-index:1;max-width:760px;position:relative}.architecture-heading h3{letter-spacing:-.05em;margin:1rem 0;font-size:clamp(2rem,4vw,4rem);line-height:1.08}.architecture-heading p{color:#b8c7dd;margin:0;font-size:1.05rem}.architecture-flow{z-index:1;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:1.1rem;margin-top:4rem;display:grid;position:relative}.architecture-flow>.arrow-icon{color:#7f94b2}.flow-node{background:#ffffff06;border:1px solid #cbd7e861;flex-direction:column;justify-content:center;min-height:150px;padding:1.4rem;display:flex}.flow-node>span{color:#90a6c4;font-family:var(--font-mono);margin-bottom:1.1rem;font-size:.72rem}.flow-node strong{font-size:1.08rem}.flow-node small{color:#9eb0c8;font-family:var(--font-mono);margin-top:.35rem}.flow-node--accent{color:var(--white);border-color:var(--accent);background:var(--accent)}.flow-node--accent>span,.flow-node--accent small{color:var(--white)}.fallback-path{color:#c8d4e5;border-left:2px solid var(--accent);z-index:1;align-items:center;gap:.85rem;width:fit-content;margin-top:1.5rem;padding:.8rem 1rem;display:flex;position:relative}.fallback-path span{font-size:.85rem}.fallback-path strong{color:var(--white);font-size:.92rem}.fallback-path .arrow-icon{width:21px;color:var(--accent)}.repository-boundary{color:#aebdd2;z-index:1;border-top:1px solid #cbd7e838;margin:3rem 0 0;padding-top:2rem;font-size:.9rem;position:relative}.repository-boundary strong{color:var(--white)}.about{border-top:1px solid var(--line);grid-template-columns:minmax(360px,.8fr) minmax(560px,1.2fr);align-items:center;gap:8vw;min-height:650px;display:grid}.about-copy>p{max-width:650px;color:var(--ink-soft);margin:2rem 0 3.6rem;font-size:1.25rem}.about-copy h3{margin:0 0 1rem;font-size:1.8rem}.about-copy>span{border-top:2px solid var(--accent);color:var(--ink-soft);padding-top:1rem;display:block}.route-map{height:370px;position:relative}.route-path{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.route-path polyline{fill:none;stroke:var(--accent);stroke-linecap:square;stroke-linejoin:miter;stroke-width:4px;vector-effect:non-scaling-stroke}.route-node{z-index:2;border:2px solid var(--accent);background:var(--white);border-radius:50%;width:16px;height:16px;position:absolute}.route-node--one{top:calc(64% - 8px);left:calc(5% - 8px)}.route-node--two{top:calc(64% - 8px);left:calc(41% - 8px)}.route-node--three{top:calc(16% - 8px);left:calc(90% - 8px)}.route-label{color:var(--accent);font-size:1.18rem;font-weight:800;position:absolute}.route-label small{color:var(--ink-soft);font-family:var(--font-mono);font-size:.72rem;font-weight:500;display:block}.route-label--one{top:71%;left:4%}.route-label--two{top:71%;left:39%}.route-label--three{top:22%;right:1%}.contact{width:var(--page);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4rem;margin:0 auto;padding:clamp(3rem,6vw,5.5rem) 0;display:grid}.contact-mark{background:linear-gradient(var(--ink), var(--ink)) 10px 15px / 80px 1px no-repeat, linear-gradient(var(--ink), var(--ink)) 25px 0 / 1px 75px no-repeat, linear-gradient(var(--ink), var(--ink)) 50px 20px / 1px 72px no-repeat, linear-gradient(var(--ink), var(--ink)) 0 55px / 100px 1px no-repeat;width:110px;height:92px;position:relative}.contact-mark:after{content:"";background:var(--accent);width:9px;height:9px;position:absolute;top:51px;right:3px}.contact h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,3vw,3.2rem);line-height:1.2}.contact p{color:var(--ink-soft);margin:.8rem 0 0}.contact-details{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:2.2rem 0 0;display:grid}.contact-details>div{min-width:0;padding:1.2rem 1.4rem 0 0}.contact-details>div+div{border-left:1px solid var(--line);padding-left:1.4rem}.contact-details dt{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.76rem;font-weight:700}.contact-details dd{overflow-wrap:anywhere;font-family:var(--font-mono);margin:0;font-size:.9rem;font-weight:650}.contact-details a{border-bottom:1px solid var(--line-strong)}.contact-details a:hover{color:var(--accent);border-bottom-color:var(--accent)}.contact-actions{gap:.9rem;display:grid}.contact-actions .button{min-width:210px}.site-footer{width:var(--page);grid-template-columns:1.2fr 1.4fr auto auto;align-items:center;gap:3rem;min-height:200px;margin:0 auto;display:grid}.site-footer p{color:var(--ink-soft);margin:.5rem 0 0;font-size:.9rem}.site-footer>span{color:var(--ink-soft);font-family:var(--font-mono);font-size:.8rem}.back-to-top{border:1px solid var(--line-strong);place-items:center;width:52px;height:52px;transition:background .18s,color .18s;display:grid}.back-to-top:hover{color:#fff;background:var(--ink)}@keyframes draw-signal{0%{stroke-dashoffset:920px}to{stroke-dashoffset:0}}@keyframes pet-breathe{0%,to{transform:translate(-50%)translateY(0)scale(1)}50%{transform:translate(-50%)translateY(-4px)scale(1.015)}}@keyframes heart-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(3deg)}}@keyframes hero-vector-drift{0%{transform:translate(-18px,12px)rotate(-32deg)}to{transform:translate(44px,-28px)rotate(-32deg)}}@keyframes project-circuit-scan{0%{background-position:0 0,0 0,-36% 0}to{background-position:72px 0,72px 0,136% 0}}@keyframes about-orbit-rise{0%{transform:translate(-18px,16px)rotate(-5deg)}to{transform:translate(32px,-24px)rotate(4deg)}}@keyframes contact-signal-wave{0%{opacity:.24;transform:translateY(-50%)scale(.66)}55%{opacity:.62}to{opacity:.18;transform:translateY(-50%)scale(1.12)}}@keyframes section-pulse{0%,68%,to{opacity:.2;box-shadow:0 0 #ee2f2429}76%{opacity:.84;box-shadow:0 0 0 9px #ee2f2400}}@media (width<=1050px){.hero{grid-template-columns:1fr;padding-top:5rem}.hero-visual{height:520px}.featured-project,.about{grid-template-columns:1fr}.pet-window{margin-top:1rem}.contact{grid-template-columns:90px 1fr}.contact-actions{flex-wrap:wrap;grid-column:2;display:flex}.contact-actions .button{width:fit-content}.architecture-flow{grid-template-columns:1fr 28px 1fr}.architecture-flow>.arrow-icon:nth-of-type(2){display:none}.architecture-flow .flow-node:nth-of-type(3),.architecture-flow .flow-node:nth-of-type(4){margin-top:1rem}.site-footer{grid-template-columns:1fr auto;padding:3rem 0}}@media (width<=720px){:root{--page:min(88vw, 620px)}.site-header{height:76px}.site-header nav{gap:1.15rem}.site-header nav a{font-size:.82rem}.hero{min-height:auto;padding:5rem 0 7rem}.hero h1{white-space:normal;font-size:clamp(3rem,13vw,4rem)}.mobile-break{display:block}.hero-copy>p{font-size:1.2rem}.button{width:100%;min-width:0}.hero-visual{height:400px;min-height:400px;margin-top:2rem}.code-window{width:54%;left:12%}.layer{width:70%;left:9%}.layer--two{left:6%}.layer--three{left:3%}.chip{right:4%;transform:scale(.72)}.signal{width:95%;left:5%}.featured-project{gap:3rem}.project-copy h3{font-size:clamp(3.6rem,18vw,5rem)}.pet-scene{min-height:370px}.pet-character{transform-origin:bottom;left:48%;transform:translate(-50%)scale(.84)}.pet-callouts{right:2%}.pet-callouts i{width:36px}.project-detail{grid-template-columns:1fr}.project-detail>div+div{border-left:0;border-top:1px solid var(--line)}.ai-architecture{margin-left:0;margin-right:0;padding:3.2rem 6vw}.architecture-flow{grid-template-columns:1fr;gap:.7rem}.architecture-flow>.arrow-icon{margin:0 auto;transform:rotate(90deg)}.architecture-flow>.arrow-icon:nth-of-type(2){display:block}.architecture-flow .flow-node:nth-of-type(3),.architecture-flow .flow-node:nth-of-type(4){margin-top:0}.flow-node{min-height:120px}.fallback-path{align-items:flex-start;width:100%}.route-map{height:300px}.contact{grid-template-columns:1fr;gap:2rem}.contact-mark{display:none}.contact .button{grid-column:auto}.contact-details{grid-template-columns:1fr}.contact-details>div{padding:1rem 0}.contact-details>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.contact-actions{grid-column:auto;display:grid}.contact-actions .button{width:100%}.site-footer,.site-footer nav{grid-template-columns:1fr}.site-footer nav{grid-template-columns:repeat(4,auto);gap:1rem;display:grid}.back-to-top{position:absolute;right:6vw}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.section-atmosphere,.section-atmosphere:before,.section-atmosphere:after,.section-atmosphere *{animation:none!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}