@font-face{font-family:LocalDisplay;src:local("Arial");font-display:swap}
:root{--bg:#10100f;--panel:#171715;--ink:#eeece6;--muted:#8d8b84;--line:rgba(238,236,230,.14);--orange:#e89559;--ease:cubic-bezier(.22,1,.36,1);--gutter:clamp(24px,5.2vw,100px)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}body::after{content:"";position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}::selection{background:var(--orange);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:7px}button::-moz-focus-inner{border:0}h1,h2,h3,p{margin:0}button{border-radius:0}canvas{display:block}svg{display:block}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:var(--ink);color:var(--bg);padding:15px 22px}.skip-link:focus{top:15px}.scroll-progress{position:fixed;left:0;top:0;height:2px;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:left;z-index:60}.site-header{height:102px;margin:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:25}.wordmark{font-weight:800;font-size:25px;letter-spacing:-1.1px;display:inline-flex;gap:10px;align-items:center}.wordmark-period{color:var(--orange);margin-left:-9px}.brand-symbol{color:var(--orange);font-size:37px;font-weight:400;display:inline-block;line-height:1;transition:transform .8s var(--ease)}.wordmark:hover .brand-symbol{transform:rotate(90deg)}.desktop-nav{display:flex;gap:40px;padding-left:55px}.desktop-nav>a{color:#bdbbb5;font-size:12px;display:flex;gap:7px;align-items:center;position:relative;padding:12px 0;transition:color .25s}.desktop-nav>a>span{font-size:8px;align-self:flex-start;color:#64635f;letter-spacing:0}.desktop-nav>a::after{position:absolute;content:"";bottom:3px;left:0;width:16px;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav>a:hover,.desktop-nav>a.active{color:var(--ink)}.desktop-nav>a.active::after,.desktop-nav>a:hover::after{transform:scaleX(1)}.header-cta{font-size:10px;font-weight:600;letter-spacing:1.2px;display:flex;gap:24px;align-items:center}.header-cta>span{border:1px solid #5c5b55;border-radius:50%;height:34px;width:34px;display:grid;place-items:center;font-size:20px;transition:background .3s,color .3s,transform .3s}.header-cta:hover>span{background:var(--ink);color:var(--bg);transform:rotate(45deg)}.menu-toggle{display:none}.mobile-nav{display:none}
.hero{position:relative;min-height:770px;height:calc(100svh - 102px);max-height:1000px;overflow:hidden;padding:118px var(--gutter) 95px}.hero-copy{position:relative;z-index:3;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:400;letter-spacing:1.8px;color:#b7b3a9}.short-rule{width:25px;height:1px;background:var(--orange)}.eyebrow-separator{color:#5b5851;margin:0 4px}.hero-title{font-family:LocalDisplay,Arial,sans-serif;font-size:clamp(74px,8.2vw,158px);font-weight:800;line-height:1.04;letter-spacing:-.065em;margin:37px 0 30px}.title-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.title-line>span{display:block}.hero-title em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.075em;color:var(--orange)}.hero-description>p:first-child{font-size:18px;letter-spacing:3px;margin-bottom:13px}.warm-text{color:#d8bfa8}.hero-description>p+p{font-size:12px;color:var(--muted);line-height:1.9;letter-spacing:.8px}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;font-size:11px;letter-spacing:.8px;padding:19px 24px;transition:background .3s,transform .3s}.button-light{background:var(--ink);color:var(--bg)}.button>span{font-size:20px;line-height:.7;transition:transform .3s}.button:hover{background:var(--orange);transform:translateY(-3px)}.button:hover>span{transform:translate(2px,-2px)}.text-link{font-size:11px;display:inline-flex;gap:21px;align-items:center;color:#bbb7ae}.text-link>span{font-size:17px;color:var(--orange);transition:transform .3s}.text-link:hover>span{transform:translate(3px,-3px)}.hero-art{position:absolute;width:min(66vw,1020px);height:min(66vw,1020px);right:4%;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none}.hero-art::after{position:absolute;content:"";inset:0;background:linear-gradient(90deg,var(--bg),transparent 22%,transparent 92%,var(--bg));pointer-events:none}.hero-art canvas{position:absolute;inset:0;width:100%;height:100%}.orbit-guide{position:absolute;inset:15%;border:1px solid rgba(216,187,148,.08);border-radius:50%}.orbit-guide-one{transform:rotate(-25deg) scaleX(1.12) scaleY(.68)}.orbit-guide-two{inset:6%;border-style:dashed;border-color:rgba(216,187,148,.09);transform:rotate(30deg) scaleX(1.06) scaleY(.85)}.art-coordinate{position:absolute;z-index:2;color:#68645b;font-family:monospace;font-size:9px;letter-spacing:1.3px}.art-coordinate-top{left:28%;top:15%;display:flex;gap:14px;align-items:center}.tiny-cross{font-size:21px;color:#ad8e6c}.art-coordinate-bottom{right:15%;bottom:14%;display:flex;align-items:center;gap:30px}.art-coordinate-bottom>span{font-size:20px;color:#bba386}.art-caption{position:absolute;right:12%;top:24%;font-size:8px;letter-spacing:1.6px;color:#8e8170;display:flex;gap:8px;align-items:center;z-index:2}.live-dot,.accent-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--orange);flex-shrink:0}.live-dot{box-shadow:0 0 10px #e8955955;animation:breathe 3s ease-in-out infinite}.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:29px;display:flex;align-items:center;justify-content:space-between;z-index:3}.scroll-hint{display:flex;align-items:center;gap:10px;color:#a39f95;font-size:10px;letter-spacing:.6px}.scroll-mouse{width:14px;height:21px;border:1px solid #656159;border-radius:9px;position:relative;margin-right:3px}.scroll-mouse::after{content:"";position:absolute;left:5px;top:4px;width:2px;height:4px;background:var(--orange);animation:scroll-wheel 2s infinite}.scroll-arrow{font-size:15px;margin-left:10px}.hero-side-note{font-size:8px;letter-spacing:1.6px;color:#66645e}.hero-index{font:10px monospace;color:#c4c0b5}.hero-index>span{color:#514d43;margin:0 10px}
.section-shell{padding:100px var(--gutter)}.section-topline{display:flex;align-items:center;justify-content:space-between}.section-kicker{display:inline-flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.5px;color:#aba79e}.section-number{font:9px monospace;letter-spacing:1px;color:#716e65}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:29px 0 49px}.section-heading h2{font-size:clamp(33px,3.4vw,55px);font-weight:400;letter-spacing:-2px;line-height:1.25}.serif-text{font-family:Georgia,"Times New Roman","Songti SC","SimSun",serif;font-weight:400;color:#d6b99c}.section-heading h2>.serif-text{font-style:normal;margin-left:3px}.section-heading>p{font-size:11px;line-height:2.1;color:var(--muted);padding-bottom:4px;letter-spacing:.5px}.project-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:50px 30px}.project-card{border:0;background:transparent;padding:0;text-align:left;min-width:0}.project-small{padding-top:90px}.project-art{position:relative;overflow:hidden;height:440px;background:#171513}.project-art-orbit{background:radial-gradient(ellipse at 48% 50%,#292016,#15120f 60%)}.project-art canvas{width:100%;height:100%;position:absolute;inset:0;transition:transform 1.2s var(--ease)}.project-card:hover .project-art canvas{transform:scale(1.045)}.project-art-label{position:absolute;left:23px;right:23px;top:23px;display:flex;justify-content:space-between;font:8px monospace;letter-spacing:.9px;color:#b0a394;z-index:2}.project-art-label>span{font-size:7px;color:#837767}.project-open{position:absolute;width:43px;height:43px;right:22px;bottom:22px;border-radius:50%;border:1px solid #88755c;color:#d9c5a8;display:grid;place-items:center;font-size:23px;transform:translateY(15px);opacity:0;transition:opacity .4s,transform .5s var(--ease),background .3s;z-index:2}.project-card:hover .project-open,.project-card:focus-visible .project-open{transform:translateY(0);opacity:1}.project-open:hover{background:var(--orange);color:var(--bg)}.art-bottom-label{position:absolute;bottom:26px;left:23px;font:7px monospace;letter-spacing:1.4px;color:#847563;z-index:2}.project-meta{display:flex;align-items:center;justify-content:space-between;padding-top:20px}.project-category{font-size:8px;letter-spacing:1.2px;color:#817d72}.project-meta h3{font-size:18px;font-weight:400;letter-spacing:.5px;margin-top:10px}.project-meta h3>span{font-family:Georgia,serif;font-size:17px;color:#969083;font-style:italic;margin-left:12px;letter-spacing:0}.project-meta-arrow{font-size:24px;font-weight:300;color:#a79b88;align-self:flex-end;margin:0 7px 2px}.project-art-terrain{height:375px;background:#9c7254}.project-art-terrain .project-art-label,.project-art-terrain .project-art-label>span{color:#393227}.project-art-terrain .art-bottom-label{color:#e2c9a6}.terrain-word{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-family:Georgia,serif;font-style:italic;font-size:90px;letter-spacing:-8px;color:#f7dfb7;z-index:1;mix-blend-mode:screen}.terrain-word>span{font-style:normal;font-size:30px;letter-spacing:0;position:absolute;top:12px;right:-29px}.project-wide{grid-column:1/-1}.project-art-signal{height:345px;background:#d5d3c8;color:#272b21}.signal-grid{position:absolute;inset:0;background-image:linear-gradient(#74796818 1px,transparent 1px),linear-gradient(90deg,#74796818 1px,transparent 1px);background-size:48px 48px}.project-art-signal .project-art-label,.project-art-signal .project-art-label>span{color:#5c6051}.project-art-signal .art-bottom-label{color:#5c6051}.project-art-signal canvas{width:67%;left:auto;right:-5%;mix-blend-mode:multiply}.signal-type{position:absolute;font-weight:800;font-size:clamp(55px,6.7vw,104px);letter-spacing:-6px;line-height:.92;left:6%;top:22%;pointer-events:none}.signal-type>span{font-family:Georgia,serif;font-weight:400;font-style:italic}.signal-coordinate{position:absolute;right:5%;bottom:42px;font:8px/1.6 monospace;color:#69705b}.project-art-signal .project-open{color:#303b24;border-color:#69705b}.work-footnote{border-bottom:1px solid var(--line);padding:35px 0 28px;display:flex;justify-content:space-between;align-items:center}.work-footnote>span{font-size:8px;letter-spacing:1px;color:#7f7b71;display:flex;align-items:center;gap:8px}.work-footnote p{font-size:10px;color:#918b7d;letter-spacing:1px}
.about{padding-top:5px;padding-bottom:110px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:58px;align-items:center}.about-art{aspect-ratio:1;position:relative;background:radial-gradient(circle at 50% 50%,#30251a 0%,#1c1914 34%,#161613 68%);border:1px solid #29271f;overflow:hidden}.about-art::before,.about-art::after{content:"";position:absolute;background:#8c6b3c33}.about-art::before{width:1px;top:12%;bottom:12%;left:50%}.about-art::after{height:1px;left:12%;right:12%;top:50%}.about-orbit{position:absolute;width:72%;height:72%;border:1px solid #ac885b4a;border-radius:50%;top:14%;left:14%;transform:rotate(-35deg) scaleX(.52)}.orbit-b{transform:rotate(25deg) scaleX(.52)}.orbit-c{transform:rotate(85deg) scaleX(.52)}.about-star{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(180px,23vw,360px);line-height:1;color:#d79a5e;filter:drop-shadow(0 0 35px #e8955928);animation:star-turn 60s linear infinite;font-family:Arial,sans-serif;font-weight:400}.about-art-top{position:absolute;left:25px;top:25px;font:8px monospace;letter-spacing:2px;color:#8f7f68}.about-art-bottom{position:absolute;left:25px;right:25px;bottom:25px;font-size:9px;color:#a28d6e;letter-spacing:1px;display:flex;justify-content:space-between}.about-art-bottom>span{font:8px monospace;color:#776953}.about-copy>.eyebrow{font-size:8px;letter-spacing:1.3px;color:#8c877d}.about-copy>h2{font-size:clamp(32px,3.7vw,58px);font-weight:400;letter-spacing:-1.5px;line-height:1.45;margin:23px 0}.about-copy>h2 .serif-text{font-style:normal}.about-lead{font-size:14px;color:#c0b9aa;line-height:1.9;letter-spacing:.5px}.about-description{font-size:11px;line-height:2.2;color:#8b8578;max-width:410px;margin-top:19px;letter-spacing:.5px}.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin-top:25px}.capabilities>span{font-size:10px;border-bottom:1px solid var(--line);padding:13px 0;display:flex;align-items:center;justify-content:space-between;color:#b3ac9d}.capabilities i{font-style:normal;color:#8f7657;font-size:15px}.about-note{display:flex;align-items:center;gap:9px;font-size:7px;letter-spacing:1px;color:#8e8575;margin-top:27px}
.contact{border-top:1px solid var(--line);background:#151512;padding-bottom:55px;overflow:hidden}.contact-body{position:relative;margin:56px 0 51px}.contact-eyebrow{font-size:12px;letter-spacing:2px;color:#a6a090;margin-bottom:22px}.contact-body h2{font-size:clamp(70px,9.3vw,148px);font-weight:700;letter-spacing:-.065em;line-height:.98}.contact-body .serif-text{font-style:italic;letter-spacing:-.065em}.orange-text{color:var(--orange)}.contact-star{display:inline-block;font-size:.72em;vertical-align:middle;line-height:1;margin-left:14px;color:var(--orange);animation:star-turn 40s linear infinite}.contact-circle{position:absolute;right:2%;top:32%;border:1px solid #786045;border-radius:50%;width:176px;height:176px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;transition:background .4s,border-color .4s,transform .5s var(--ease)}.contact-circle>span:first-child{font-size:9px;letter-spacing:1px;color:#b8a48b}.contact-circle-arrow{font-size:46px;font-weight:300;color:var(--orange);line-height:1}.contact-circle>span:last-child{font-size:7px;letter-spacing:1.2px;color:#8e7a60}.contact-circle:hover{background:#e8955910;border-color:var(--orange);transform:rotate(-8deg)}.contact-bottom{border-top:1px solid var(--line);padding-top:30px;display:flex;align-items:flex-end;gap:35px}.contact-bottom>p{font-size:11px;color:#ada695;line-height:2;letter-spacing:.5px;margin-right:auto}.contact-bottom>p>span{color:#777163}.social-link,.copy-link{font-size:9px;letter-spacing:1.2px;display:flex;align-items:center;gap:32px;padding:10px 0;border:0;background:none;border-bottom:1px solid #555041;transition:color .3s}.social-link>span,.copy-link>span{font-size:17px;color:var(--orange)}.social-link:hover,.copy-link:hover{color:var(--orange)}.site-footer{margin:0 var(--gutter);padding:32px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-wordmark{font-size:17px;letter-spacing:-.7px;gap:6px}.footer-wordmark .brand-symbol{font-size:26px}.site-footer>span{font-size:7px;letter-spacing:1px;color:#777164}.back-top{font-size:9px;color:#a29b8a;display:flex;align-items:center;gap:20px}.back-top>span{color:var(--orange);font-size:17px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#eeece6;color:#171714;font-size:12px;padding:16px 25px;z-index:100;box-shadow:0 5px 35px #0005;transition:opacity .3s,transform .3s;max-width:calc(100% - 40px);text-align:center;line-height:1.7}.toast.visible{opacity:1;transform:translate(-50%,0)}
.project-dialog{background:#1b1a16;color:var(--ink);border:1px solid #484031;padding:0;max-width:760px;width:calc(100% - 40px);max-height:88svh;overscroll-behavior:contain}.project-dialog::backdrop{background:#070706cc;backdrop-filter:blur(12px)}.project-dialog[open]{animation:dialog-in .45s var(--ease)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:15px 25px}.dialog-close{border:0;background:transparent;font-size:30px;color:#c3b49d;line-height:1;padding:3px 7px}.dialog-close:hover{color:var(--orange)}.dialog-art{height:300px;overflow:hidden;background:#171513;position:relative}.dialog-art>canvas{width:100%;height:100%;display:block;object-fit:cover}.dialog-content{padding:30px}.dialog-content h2{font-size:35px;font-weight:400;margin-top:12px;letter-spacing:-1px}.dialog-content>p{font-size:13px;color:#ada392;line-height:2;margin-top:18px}.dialog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.dialog-tags>span{border:1px solid #4a4132;color:#beab8d;font-size:9px;letter-spacing:.7px;padding:7px 12px}.dialog-content>.dialog-note{font-size:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;color:#766e5f}
.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform 1.1s var(--ease)}.js .reveal.is-visible{opacity:1;transform:translateY(0)}.js .title-line>span{animation:title-in 1.3s var(--ease) both}.js .title-line:nth-child(2)>span{animation-delay:.13s}.js .entrance{animation:fade-in 1.2s var(--ease) both}.js .eyebrow.entrance{animation-delay:.05s}.js .hero-description.entrance{animation-delay:.4s}.js .hero-actions.entrance{animation-delay:.55s}.js .hero-art{animation:art-in 1.8s var(--ease) both}
@keyframes title-in{from{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes fade-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes art-in{from{opacity:0;translate:30px 0}to{opacity:1;translate:0 0}}@keyframes breathe{50%{opacity:.4;box-shadow:0 0 0 4px #e895590a}}@keyframes scroll-wheel{0%,100%{opacity:0;transform:translateY(0)}30%{opacity:1}80%{opacity:0;transform:translateY(7px)}}@keyframes star-turn{to{transform:rotate(360deg)}}@keyframes dialog-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.art-fallback::before{content:"";position:absolute;width:53%;height:53%;left:24%;top:24%;border-radius:50%;background:radial-gradient(circle at 30% 24%,#efc28c 0%,#a76b37 19%,#4d2e16 46%,#120e0a 75%);box-shadow:inset -14px -10px 25px #0009,0 0 80px #cf873315}.art-fallback::after{content:"";position:absolute;left:7%;top:30%;width:86%;height:37%;border:13px solid #a97c48;border-top-color:#e4b676;border-bottom-color:#614021;border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 0 2px #6a4c2d44,0 0 0 12px #a97c4817}.hero-art.art-fallback canvas,.project-art.art-fallback canvas{display:none}
@media(min-width:1600px){.hero{padding-top:140px;min-height:850px}.hero-title{margin-top:45px;margin-bottom:40px}.hero-description>p:first-child{font-size:21px}.hero-description>p+p{font-size:14px}.hero-actions{margin-top:40px}.button{font-size:13px;padding:22px 28px}.section-shell{padding-top:120px;padding-bottom:120px}.about{padding-top:10px}.project-art{height:530px}.project-art-terrain{height:450px}.project-art-signal{height:410px}.about-description{max-width:480px;font-size:13px}.about-lead{font-size:16px}.capabilities>span{font-size:12px}}
@media(max-width:1100px){.hero{min-height:700px;padding-top:120px}.hero-title{font-size:9vw}.hero-art{width:77vw;height:77vw;right:-17%}.desktop-nav{gap:24px;padding-left:0}.hero-side-note{font-size:7px;letter-spacing:1px}.project-art{height:360px}.project-art-terrain{height:310px}.project-art-signal{height:310px}.project-small{padding-top:70px}.about-layout{gap:7%}.about-description{font-size:10px}.contact-circle{width:145px;height:145px;right:0}.contact-circle>span:first-child{font-size:8px}.contact-circle-arrow{font-size:35px}}
@media(max-width:760px){:root{--gutter:25px}html{scroll-padding-top:30px}.site-header{height:83px}.wordmark{font-size:22px}.brand-symbol{font-size:31px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:38px;height:38px;border:1px solid #4b473d;border-radius:50%;background:transparent;align-items:center}.menu-toggle>span{width:14px;height:1px;background:#d9d2c3;transition:transform .3s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{display:flex;position:absolute;top:82px;left:var(--gutter);right:var(--gutter);background:#1c1b17;z-index:24;padding:15px 25px 20px;border:1px solid #3a352a;box-shadow:0 20px 30px #0005;flex-direction:column}.mobile-nav>a{font-size:14px;display:flex;justify-content:space-between;padding:19px 0;border-bottom:1px solid var(--line)}.mobile-nav>a>span{color:var(--orange);font:10px monospace}.mobile-nav>a:last-child{border:0}.hero{min-height:790px;height:calc(100svh - 83px);max-height:940px;padding-top:67px;padding-bottom:65px}.hero-title{font-size:clamp(53px,10.7vw,81px);letter-spacing:-.065em;margin:27px 0 23px}.eyebrow{font-size:8px;letter-spacing:1.1px;gap:9px}.short-rule{width:19px}.hero-description>p:first-child{font-size:15px;letter-spacing:2px;margin-bottom:9px}.hero-description>p+p{font-size:10px;letter-spacing:0;max-width:290px;line-height:1.9}.hero-actions{margin-top:24px;gap:25px}.button{padding:16px 18px;font-size:10px;gap:30px}.button>span{font-size:18px}.text-link{font-size:10px;gap:12px}.hero-art{top:auto;bottom:1%;transform:none;width:105vw;height:105vw;right:-17%;max-width:640px;max-height:640px}.hero-art::after{background:linear-gradient(180deg,var(--bg),transparent 25%,transparent 88%,var(--bg))}.art-coordinate-top{top:19%;font-size:7px;left:15%}.art-caption{font-size:6px;top:30%;right:15%;letter-spacing:.8px}.art-coordinate-bottom{font-size:6px;bottom:17%;right:17%;letter-spacing:.8px;gap:15px}.art-coordinate-bottom>span{font-size:17px}.hero-bottom{bottom:24px}.hero-side-note{display:none}.scroll-hint{font-size:8px;gap:7px}.scroll-mouse{transform:scale(.85)}.hero-index{font-size:8px}.section-shell{padding:65px var(--gutter)}.section-kicker{font-size:7px;letter-spacing:1px;gap:7px}.section-number{font-size:7px}.section-heading{margin:24px 0 30px;display:block}.section-heading h2{font-size:32px;letter-spacing:-1px}.section-heading>p{font-size:10px;margin-top:18px;line-height:1.9}.project-grid{grid-template-columns:1fr;gap:32px}.project-small{padding-top:0}.project-wide{grid-column:auto}.project-art{height:auto;aspect-ratio:1.18}.project-art-terrain{aspect-ratio:1.2}.project-art-signal{aspect-ratio:1.18}.project-art-label{left:18px;right:18px;top:18px;font-size:7px}.project-art-label>span{font-size:6px;letter-spacing:.5px}.project-open{opacity:1;transform:none;width:33px;height:33px;font-size:19px;right:17px;bottom:17px}.art-bottom-label{font-size:6px;left:18px;bottom:22px;letter-spacing:.8px}.project-meta{padding-top:15px}.project-category{font-size:7px;letter-spacing:.8px}.project-meta h3{font-size:16px;margin-top:7px}.project-meta h3>span{font-size:15px}.project-meta-arrow{font-size:21px}.terrain-word{font-size:85px}.signal-type{font-size:61px;letter-spacing:-4px;top:27%;left:6%}.project-art-signal canvas{width:100%;right:-27%}.signal-coordinate{font-size:6px;right:7%;bottom:20%;line-height:1.6}.work-footnote{padding:27px 0 22px}.work-footnote>span{font-size:6px;letter-spacing:.4px}.work-footnote>p{font-size:8px;letter-spacing:0}.about{padding-top:0;padding-bottom:65px}.about-layout{grid-template-columns:1fr;gap:35px;margin-top:30px}.about-art{aspect-ratio:1.2}.about-star{font-size:235px}.about-art-top{font-size:7px}.about-art-bottom{font-size:8px}.about-copy>.eyebrow{font-size:7px}.about-copy>h2{font-size:39px;line-height:1.4;margin:20px 0}.about-lead{font-size:13px}.about-description{font-size:11px;line-height:2.1;margin-top:16px;max-width:none}.capabilities{margin-top:20px;gap:0 25px}.capabilities>span{font-size:11px;padding:14px 0}.about-note{font-size:7px;margin-top:25px}.contact{padding-bottom:35px}.contact .section-kicker{font-size:6px;letter-spacing:.6px}.contact-body{margin:37px 0 30px}.contact-eyebrow{font-size:11px;letter-spacing:1px;margin-bottom:22px}.contact-body h2{font-size:clamp(53px,11.4vw,82px);letter-spacing:-.065em;line-height:1.05}.contact-star{margin-left:3px}.contact-circle{position:relative;top:auto;right:auto;width:110px;height:110px;margin-top:30px;margin-left:auto;gap:8px}.contact-circle>span:first-child{font-size:6px;letter-spacing:.5px}.contact-circle-arrow{font-size:28px}.contact-circle>span:last-child{font-size:6px;letter-spacing:.5px}.contact-bottom{flex-wrap:wrap;gap:20px 27px;padding-top:23px}.contact-bottom>p{width:100%;font-size:10px;margin-right:0}.social-link,.copy-link{font-size:8px;gap:23px;padding:7px 0}.site-footer{padding:25px 0;flex-wrap:wrap;gap:21px}.footer-wordmark{font-size:16px}.footer-wordmark .brand-symbol{font-size:24px}.site-footer>span{order:3;font-size:6px;letter-spacing:.8px;width:100%}.back-top{font-size:8px;margin-left:auto}.dialog-art{height:230px}.dialog-content{padding:23px}.dialog-content h2{font-size:28px}.dialog-content>p{font-size:12px}.dialog-content>.dialog-note{font-size:9px}}
@media(min-width:500px) and (max-width:760px){.hero{min-height:910px}.hero-art{width:85vw;height:85vw;right:-6%;bottom:0}.hero-title{font-size:11vw}.about-art{aspect-ratio:1.4}.signal-type{font-size:85px}}
@media(max-width:360px){:root{--gutter:20px}.hero-title{font-size:10.5vw}.hero{min-height:745px;padding-top:55px}.hero-actions{gap:18px}.text-link{gap:9px}.section-kicker{font-size:6px}.contact-body h2{font-size:11vw}.work-footnote>p{font-size:7px}.signal-type{font-size:53px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.hero-art{opacity:1}.title-line>span{transform:none}}

/* NOCTIS LAB — neural interaction layer */
:root{--cyan:#8bd5ca}
.brand-lab{font:8px monospace;letter-spacing:1.5px;color:#a7b5a4;border:1px solid #5d64504d;padding:5px 6px;margin-left:5px;align-self:center}
#interaction-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
main,.site-footer{position:relative;z-index:1}
.cursor-aura{position:fixed;left:0;top:0;width:32px;height:32px;z-index:70;pointer-events:none;opacity:0;transition:opacity .3s;will-change:transform}
.cursor-aura::before{content:"";position:absolute;left:-16px;top:-16px;width:32px;height:32px;border:1px solid #cba47260;border-radius:50%;transition:width .25s,height .25s,left .25s,top .25s,border-color .25s}
.cursor-aura::after{content:"";position:absolute;left:-85px;top:-85px;width:170px;height:170px;background:radial-gradient(circle,#8bd5ca09,transparent 68%);border-radius:50%}
.cursor-aura.is-visible{opacity:1}.cursor-aura.is-hovering::before{width:52px;height:52px;left:-26px;top:-26px;border-color:#8bd5ca75}
.hero-title{font-size:clamp(66px,7.25vw,138px);letter-spacing:-.07em;line-height:1.03;margin-bottom:30px}
.hero-title em{color:#dfb083;letter-spacing:-.06em}
.hero-art::after{background:linear-gradient(90deg,var(--bg),transparent 21%,transparent 95%,var(--bg))}
.art-caption{color:#7aada2}.art-caption .live-dot{background:var(--cyan);box-shadow:0 0 8px #8bd5ca55}
.art-coordinate-bottom{bottom:16%;font-size:8px;color:#7d8e7d;right:16%}.art-coordinate-bottom>span{color:var(--cyan)}
.neural-readout{position:absolute;bottom:22%;left:29%;z-index:2;display:grid;grid-template-columns:auto auto;gap:9px 24px;align-items:center;font:7px monospace;letter-spacing:1.2px;color:#7f8876}
.neural-readout strong{font-size:7px;font-weight:400;color:#a28f73;letter-spacing:.7px}
.neural-readout.is-active strong{color:var(--cyan)}
.neural-bars{grid-column:1/-1;display:flex;gap:5px;align-items:flex-end;height:17px}
.neural-bars i{width:3px;background:#be996b88;height:7px;animation:neural-bar 1.7s ease-in-out infinite alternate}
.neural-bars i:nth-child(3n){height:16px;animation-delay:-.8s}.neural-bars i:nth-child(2n){height:10px;animation-delay:-.35s}.neural-bars i:nth-child(5n){height:13px;animation-delay:-1.2s}
.neural-readout.is-active i{background:#8bd5ca99}
.token-stream{display:flex;gap:7px;align-items:center;margin-top:28px;pointer-events:auto;width:max-content;max-width:100%}
.token-stream-label{font:7px monospace;color:#6f7467;letter-spacing:.6px;margin-right:5px}
.token{display:inline-flex;align-items:center;gap:12px;border:1px solid #665c464d;padding:7px 9px;font:9px monospace;color:#b5a28b;background:#1d1c162e;transition:border-color .3s,background .3s,transform .3s}
.token>span{font-size:6px;color:#6f7667}.token:hover{border-color:#8bd5ca88;background:#8bd5ca0a;transform:translateY(-3px);color:var(--cyan)}
.token-caret{font-size:14px;color:var(--cyan);animation:breathe 1.5s infinite}.js .token-stream.entrance{animation-delay:.75s}
.project-art{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s var(--ease);transform-style:preserve-3d}
.project-art::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(350px circle at var(--pointer-x,50%) var(--pointer-y,50%),#b8dbc21a,transparent 70%);opacity:0;transition:opacity .4s}
.project-card:hover .project-art::after{opacity:1}.project-art-orbit{background:radial-gradient(ellipse at 55% 50%,#22271d,#151713 70%)}
.project-art-terrain .project-art-label,.project-art-terrain .project-art-label>span{color:#b6c0a4}
.project-art-terrain .art-bottom-label{color:#9ba98b}.terrain-word{font-size:85px;top:39%;color:#dfe4c5;letter-spacing:-5px}.terrain-word>span{font-size:21px;top:17px;right:-35px;color:#acc6ab}
.about-art{background:radial-gradient(ellipse at 50% 45%,#26291e,#161813 75%)}
.about-art::before,.about-art::after{display:none}#layers-canvas{position:absolute;inset:0;width:100%;height:100%}
.about-copy>h2{font-size:clamp(30px,3.25vw,54px)}
.contact-body h2{font-size:clamp(66px,8.4vw,135px)}
.magnetic{transition:translate .35s var(--ease),background .3s,transform .4s,border-color .3s}
.dialog-art>canvas{object-fit:contain}.project-dialog{background:#191d17}
@keyframes neural-bar{to{height:4px;opacity:.4}}
@media(min-width:1600px){.hero-title{margin-bottom:35px}.token-stream{margin-top:32px}.token{font-size:11px;padding:9px 12px}.token-stream-label{font-size:8px}.hero-side-note{font-size:8px}}
@media(max-width:1100px){.hero-title{font-size:7.8vw}.token-stream-label{display:none}.token{font-size:8px;gap:8px}.hero-side-note{font-size:6px;letter-spacing:.7px}.neural-readout{left:30%;bottom:21%;gap:8px 16px}}
@media(max-width:760px){.brand-lab{font-size:6px;padding:4px 5px;margin-left:3px}.hero{min-height:865px}.hero-title{font-size:clamp(40px,10.2vw,76px);line-height:1.1;margin:28px 0 24px}.hero-title em{font-size:1.22em}.hero-copy>.eyebrow{font-size:6px;gap:6px;letter-spacing:.35px}.hero-copy>.eyebrow .eyebrow-separator{margin:0 1px}.hero-art{bottom:4%;right:-12%;width:110vw;height:110vw}.hero-art::after{background:linear-gradient(180deg,var(--bg),transparent 17%,transparent 88%,var(--bg))}.hero-description>p:first-child{font-size:14px;letter-spacing:1px}.hero-description>p+p{font-size:10px}.token-stream{gap:5px;margin-top:22px}.token{font-size:7px;padding:6px 7px;gap:8px}.token>span{font-size:5px}.token-stream-label{display:none}.token-caret{font-size:11px}.art-coordinate-top{top:16%;left:14%;font-size:6px;letter-spacing:.5px}.art-caption{right:19%;top:25%;font-size:5px;letter-spacing:.5px}.art-coordinate-bottom{font-size:5px;bottom:15%;right:17%;letter-spacing:.4px;gap:11px}.neural-readout{bottom:22%;left:20%;gap:6px 14px;font-size:5px;letter-spacing:.5px}.neural-readout strong{font-size:5px;letter-spacing:.3px}.neural-bars{height:13px;gap:4px}.neural-bars i{width:2px}.neural-bars i:nth-child(3n){height:12px}.hero-side-note{display:none}.section-heading h2{font-size:29px;letter-spacing:-1.3px}.terrain-word{font-size:76px;letter-spacing:-5px}.terrain-word>span{font-size:18px;top:14px;right:-28px}.project-art-signal canvas{width:65%;right:-9%}.project-art-signal .signal-type{font-size:49px;letter-spacing:-3px;top:30%;left:5%}.project-art-signal .signal-coordinate{display:none}.about-copy>h2{font-size:35px}.contact-body h2{font-size:clamp(43px,10.2vw,74px)}.contact-circle{margin-top:25px}.cursor-aura{display:none}.work-footnote>p{font-size:7px}.work-footnote>span{font-size:5px}}
@media(min-width:500px) and (max-width:760px){.hero{min-height:990px}.hero-art{bottom:0;width:97vw;height:97vw;right:-7%}.hero-title{font-size:10vw}.project-art-signal .signal-type{font-size:73px}}
@media(max-width:360px){.hero{min-height:820px}.hero-title{font-size:9.9vw}.hero-copy>.eyebrow{font-size:5px;letter-spacing:.25px}.hero-description>p:first-child{font-size:12px}.token{font-size:6px;gap:7px}.hero-art{right:-12%;bottom:6%}.section-heading h2{font-size:26px}.about-copy>h2{font-size:30px}.project-art-signal .signal-type{font-size:43px}}
@media(hover:none),(pointer:coarse){.cursor-aura{display:none}.hero-bottom .scroll-hint{font-size:0}.hero-bottom .scroll-hint::after{content:"向下，探索智能";font-size:8px}.hero-bottom .scroll-mouse,.hero-bottom .scroll-arrow{display:none}.project-art{transform:none}}
@media(prefers-reduced-motion:reduce){.cursor-aura,#interaction-canvas{display:none}.project-art{transform:none!important}.magnetic{translate:none!important}}

/* A small, explorable inference flow replaces the text marquee. */
.inference-flow{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px var(--gutter) 23px;background:linear-gradient(110deg,#171912,#141512 55%,#151916);position:relative}
.flow-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.flow-kicker{display:flex;gap:7px;align-items:center;font:7px monospace;letter-spacing:1.4px;color:#858c78}
.flow-heading h2{font-size:22px;letter-spacing:-.6px;font-weight:400;margin-top:9px;line-height:1.4}
.flow-controls{display:flex;align-items:center;gap:20px;flex-shrink:0}
.flow-hint{font-size:9px;letter-spacing:.5px;color:#7c8374;margin-right:8px}
.flow-toggle,.flow-replay{font-size:9px;color:#a7ae9a;background:none;border:0;padding:10px 0;display:flex;gap:7px;align-items:center;min-height:34px;transition:color .25s}
.flow-toggle>span,.flow-replay>span{font-size:15px;color:#c3ac89;line-height:1}
.flow-toggle:hover,.flow-replay:hover{color:var(--cyan)}
.flow-toggle:disabled{color:#6f7868}.flow-toggle:disabled>span{color:#6f7868}
.flow-track{position:relative;margin-top:14px}
#pipeline-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.flow-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
.flow-stage{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;min-height:134px;border:0;background:transparent;padding:9px 8px 15px;color:#777f70;transition:background .4s,color .3s}
.flow-stage.is-active{background:radial-gradient(ellipse at 50% 41%,#b3c5920c,transparent 68%);color:#eee2cb}
.flow-step-number{font:7px monospace;letter-spacing:1.2px;color:#666f60;margin-bottom:65px}
.flow-stage-name{font:10px monospace;letter-spacing:1.5px;line-height:1.2;white-space:nowrap}
.flow-stage-cn{font-size:9px;letter-spacing:.5px;margin-top:7px;color:#6d7568;line-height:1.4}
.flow-stage.is-active .flow-step-number{color:var(--orange)}
.flow-stage.is-active .flow-stage-cn{color:#b8ba9f}
.flow-stage:focus-visible{outline-offset:-3px;outline:1px solid #8bd5ca99}
.flow-detail{border-top:1px solid #a7b58c1c;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:17px;min-height:46px}
.flow-explanation{display:flex;align-items:center;gap:18px;min-width:0}
.flow-detail-index{font:8px monospace;color:#c6a77e;white-space:nowrap;letter-spacing:.8px}
.flow-explanation>p{font-size:11px;color:#b3b8a5;letter-spacing:.4px;line-height:1.7}
.flow-example{display:flex;gap:12px;align-items:center;min-width:0}
.flow-example-label{font-size:7px;color:#6c7566;white-space:nowrap;letter-spacing:1px}
#flow-example-tokens{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
#flow-example-tokens>span{font:9px monospace;color:#9baf9a;border:1px solid #73866a3d;background:#9bbf8f05;padding:5px 9px;line-height:1.3}
.flow-detail:focus-visible{outline:1px solid #8bd5ca99;outline-offset:6px}
@media(min-width:1600px){.inference-flow{padding-top:32px;padding-bottom:27px}.flow-heading h2{font-size:26px}.flow-stages .flow-stage{min-height:147px}.flow-step-number{margin-bottom:75px}.flow-stage-name{font-size:11px}.flow-stage-cn{font-size:10px}.flow-explanation>p{font-size:12px}.flow-hint{font-size:10px}}
@media(max-width:900px){.flow-hint{display:none}.flow-controls{gap:17px}.flow-stage-name{font-size:9px;letter-spacing:.7px}.flow-detail{gap:15px}.flow-explanation{gap:10px}.flow-explanation>p{font-size:10px}.flow-example{gap:8px}#flow-example-tokens>span{font-size:8px;padding:5px 6px}}
@media(max-width:600px){.inference-flow{padding-top:23px;padding-bottom:23px}.flow-heading{gap:8px}.flow-kicker{font-size:6px;letter-spacing:.8px}.flow-heading h2{font-size:21px;margin-top:8px}.flow-controls{gap:13px;align-self:flex-end;padding-bottom:2px}.flow-toggle,.flow-replay{font-size:8px;gap:4px}.flow-toggle>span,.flow-replay>span{font-size:13px}.flow-track{margin-top:15px}.flow-stage{min-height:119px;padding:9px 0 13px}.flow-step-number{font-size:6px;letter-spacing:.5px;margin-bottom:56px}.flow-stage-name{font-size:7px;letter-spacing:0}.flow-stage-cn{font-size:7px;letter-spacing:0;margin-top:6px}.flow-detail{flex-direction:column;align-items:flex-start;gap:13px;padding-top:16px}.flow-explanation{gap:12px}.flow-detail-index{font-size:7px}.flow-explanation>p{font-size:10px;letter-spacing:0}.flow-example{gap:10px}.flow-example-label{font-size:6px}#flow-example-tokens{gap:4px}#flow-example-tokens>span{font-size:8px;padding:5px 7px}}
@media(max-width:360px){.flow-heading h2{font-size:19px}.flow-controls{gap:10px}.flow-toggle,.flow-replay{font-size:7px}.flow-stage-name{font-size:6px}.flow-stage-cn{font-size:6px}.flow-explanation>p{font-size:9px}.flow-explanation{gap:8px}#flow-example-tokens>span{font-size:7px;padding:5px 6px}}

/* Reserve space for the full flow inside the first desktop viewport. */
@media(min-width:761px){
  :root{--intro-header-height:84px;--intro-flow-height:200px}
  .site-header{height:var(--intro-header-height)}
  .hero{height:calc(100svh - var(--intro-header-height) - var(--intro-flow-height));min-height:0;max-height:none;padding-top:clamp(28px,5svh,64px);padding-bottom:48px}
  .hero-title{font-size:clamp(58px,min(7.25vw,10.4svh),120px);line-height:1.01;margin:22px 0 20px}
  .hero-description>p:first-child{font-size:16px;margin-bottom:10px;letter-spacing:2px}
  .hero-description>p+p{font-size:11px;line-height:1.8}
  .hero-actions{margin-top:24px}
  .hero-actions .button{font-size:11px;padding:17px 22px;gap:40px}
  .token-stream{margin-top:20px}
  .token{font-size:8px;padding:6px 9px}
  .token-stream-label{font-size:7px}
  .hero-bottom{bottom:18px}
  .hero-side-note{font-size:7px;letter-spacing:1px}
  .hero-art{width:min(58vw,calc(100svh - 210px),880px);height:min(58vw,calc(100svh - 210px),880px);right:clamp(4%,calc(18vw - 150px),14%)}
  .inference-flow{height:var(--intro-flow-height);padding:18px var(--gutter) 16px;display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;column-gap:24px}
  .flow-heading{grid-column:1;grid-row:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}
  .flow-heading h2{font-size:22px;margin-top:8px}
  .flow-controls{align-self:auto;gap:18px}
  .flow-hint{display:none}
  .flow-track{grid-column:2;grid-row:1;margin-top:0;align-self:center}
  .inference-flow .flow-stage{min-height:119px;padding:9px 8px 10px}
  .flow-step-number{margin-bottom:56px}
  .flow-stage-name{font-size:10px;letter-spacing:1px}
  .flow-stage-cn{font-size:9px;margin-top:7px}
  .flow-detail{grid-column:1/-1;grid-row:2;min-height:33px;padding-top:10px}
  .flow-explanation>p{font-size:11px}
}
@media(min-width:761px) and (max-width:1100px){
  .inference-flow{grid-template-columns:150px minmax(0,1fr);column-gap:15px}
  .flow-heading h2{font-size:20px}
  .flow-stage-name{font-size:8px;letter-spacing:.4px}
  .flow-stage-cn{font-size:8px;letter-spacing:0}
  .hero-side-note{font-size:6px;letter-spacing:.5px}
}
@media(min-width:761px) and (max-height:800px){
  :root{--intro-header-height:72px;--intro-flow-height:180px}
  .hero{padding-top:28px}
  .hero-copy>.token-stream{display:none}
  .inference-flow{padding-top:9px;padding-bottom:9px}
  .flow-detail{padding-top:8px}
  .flow-explanation>p{font-size:10px}
  #flow-example-tokens>span{font-size:8px;padding:4px 8px}
}
@media(min-width:761px) and (max-height:700px){
  :root{--intro-header-height:64px;--intro-flow-height:170px}
  .hero{padding-top:20px;padding-bottom:36px}
  .hero-copy>.eyebrow{font-size:8px}
  .hero-title{font-size:min(7.25vw,8.8svh);margin:16px 0}
  .hero-description>p:first-child{font-size:14px;margin-bottom:8px}
  .hero-description>p+p{font-size:10px}
  .hero-actions{margin-top:18px}
  .hero-actions .button{font-size:10px;padding:14px 20px}
  .hero-bottom{bottom:12px}
  .hero-side-note{font-size:6px}
  .hero-art{width:min(54vw,calc(100svh - 190px),750px);height:min(54vw,calc(100svh - 190px),750px)}
}
@media(min-width:761px) and (max-height:650px){
  .hero-description>p+p{display:none}
  .hero-side-note{display:none}
}