@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";:root{color:#f3f5ea;background:#111513;font-family:Manrope,Noto Sans TC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}body{min-width:320px;margin:0;background:#111513}button,a{font:inherit}a,button{color:inherit}.site-shell{overflow:clip;background:#111513}.site-wrap{width:min(100% - 3rem,76rem);margin:0 auto}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid #29332d;background:#111513f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-inner{display:flex;min-height:5.25rem;align-items:center;justify-content:space-between;gap:1.5rem}.wordmark{flex:0 0 auto;color:#f3f5ea;font-family:DM Mono,monospace;font-size:.85rem;font-weight:500;letter-spacing:.06em;text-decoration:none}.wordmark span{color:#b8c6bc}.desktop-nav{display:flex;align-items:center;gap:1.75rem}.desktop-nav a,.header-link{color:#b8c6bc;font-size:.82rem;text-decoration:none;transition:color .16s ease}.desktop-nav a:hover,.header-link:hover{color:#d9f26a}.header-link{display:inline-flex;align-items:center;gap:.35rem}.menu-button{display:none;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border:1px solid #39443e;border-radius:4px;background:transparent;cursor:pointer}.mobile-nav{display:none}.hero-section{min-height:calc(100svh - 5.25rem);display:grid;align-items:center;border-bottom:1px solid #29332d}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);align-items:center;gap:clamp(3rem,7vw,8rem);padding-top:5.75rem;padding-bottom:5.75rem}.eyebrow{margin:0 0 1rem;color:#d9f26a;font-family:DM Mono,monospace;font-size:.68rem;font-weight:500;letter-spacing:.09em}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}h1{max-width:11ch;margin-bottom:1.75rem;color:#f3f5ea;font-size:clamp(3.5rem,7.2vw,6.5rem);font-weight:600;line-height:.96}h1 span{display:block;max-width:15ch;margin-top:1.3rem;color:#aebcb2;font-size:clamp(1.1rem,1.7vw,1.45rem);font-weight:500;line-height:1.35}.hero-intro{max-width:38rem;margin-bottom:2.25rem;color:#b8c6bc;font-size:1rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.button{display:inline-flex;min-height:2.9rem;align-items:center;justify-content:center;gap:.55rem;padding:.7rem 1rem;border:1px solid transparent;border-radius:4px;font-size:.84rem;font-weight:600;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:#171b18;background:#d9f26a}.button-primary:hover{background:#e7f98f}.button-quiet{border-color:#3e4a43;color:#e4eadf}.button-quiet:hover{border-color:#9fb1a3}.hero-meta{display:flex;flex-wrap:wrap;gap:.85rem 1.25rem;margin-top:3.25rem;color:#829188;font-family:DM Mono,monospace;font-size:.63rem;letter-spacing:.08em}.system-map{position:relative;min-height:30rem;overflow:hidden;border:1px solid #344038;border-radius:6px;background:#171d19}.system-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;background-image:linear-gradient(#2a372f 1px,transparent 1px),linear-gradient(90deg,#2a372f 1px,transparent 1px);background-size:2.5rem 2.5rem}.map-label{position:absolute;z-index:2;color:#87968c;font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.1em}.label-top{top:1.25rem;left:1.25rem}.label-bottom{bottom:1.25rem;right:1.25rem}.label-side{top:48%;right:1.25rem;transform:rotate(90deg)}.trajectory{position:absolute;border:1px solid #8ec9bc;border-radius:50%;opacity:.72}.trajectory-one{width:19rem;height:8.5rem;top:7.4rem;left:3rem;transform:rotate(-24deg)}.trajectory-two{width:22rem;height:10rem;bottom:5.6rem;left:4.5rem;border-color:#d9f26a;transform:rotate(32deg)}.trajectory-three{width:14rem;height:14rem;right:-4rem;top:4.5rem;border-color:#61796d}.map-node{position:absolute;z-index:2;display:grid;width:4.75rem;height:4.75rem;place-content:center;border:1px solid #d9f26a;border-radius:50%;background:#18211b;text-align:center}.map-node span{color:#d9f26a;font-family:DM Mono,monospace;font-size:.68rem}.map-node strong{margin-top:.2rem;color:#dbe3da;font-family:DM Mono,monospace;font-size:.57rem;font-weight:400;letter-spacing:.04em}.node-source{top:25%;left:21%}.node-model{top:52%;left:50%}.node-output{right:18%;bottom:20%}.map-crosshair{position:absolute;top:44%;left:46%;width:7rem;height:7rem;border:1px dashed #7d8e83;border-radius:50%}.map-crosshair:before,.map-crosshair:after{position:absolute;top:50%;left:-.75rem;width:8.5rem;height:1px;background:#7d8e83;content:""}.map-crosshair:after{top:-.75rem;left:50%;width:1px;height:8.5rem}.map-caption{position:absolute;bottom:1.25rem;left:1.25rem;z-index:2;max-width:13rem;margin:0;color:#aebcb2;font-size:.78rem;line-height:1.45}.section{padding:clamp(4.5rem,9vw,8.5rem) 0}.section-rule{border-bottom:1px solid #29332d}.section-surface{background:#171d19}.split-layout{display:grid;grid-template-columns:minmax(0,.84fr) minmax(20rem,1fr);gap:clamp(3rem,10vw,10rem)}h2{margin-bottom:0;color:#f3f5ea;font-size:clamp(2.25rem,4.1vw,4rem);font-weight:600;line-height:1.05}.about-copy{color:#b8c6bc;font-size:1rem;line-height:1.8}.about-copy p+p{margin-top:1.2rem}.tool-list{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2.5rem}.tool-list span,.work-tags span{border:1px solid #3b493f;border-radius:99px;padding:.35rem .62rem;color:#b9cbbd;font-family:DM Mono,monospace;font-size:.65rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3.5rem}.section-aside{max-width:20rem;margin:0;color:#98a99e;font-size:.9rem;line-height:1.6}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #354238;border-left:1px solid #354238}.work-card{min-height:20rem;display:flex;flex-direction:column;padding:1.75rem;border-right:1px solid #354238;border-bottom:1px solid #354238;transition:background .17s ease}.work-card:hover{background:#1d261f}.work-card-topline{display:flex;align-items:center;justify-content:space-between;color:#d9f26a;font-family:DM Mono,monospace;font-size:.7rem}.work-card h3{max-width:17rem;margin:3.5rem 0 1rem;color:#eff4e8;font-size:clamp(1.35rem,2.1vw,1.8rem);font-weight:600;line-height:1.2}.work-card p{max-width:27rem;margin-bottom:1.5rem;color:#aebcb2;font-size:.92rem;line-height:1.7}.work-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto}.notes-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(21rem,1.14fr);gap:clamp(3rem,11vw,11rem)}.notes-intro>p:not(.eyebrow){max-width:30rem;margin:1.5rem 0 1.75rem;color:#aebcb2;font-size:.98rem;line-height:1.75}.notes-intro p a{color:#d9f26a;text-decoration-thickness:1px;text-underline-offset:3px}.text-link{display:inline-flex;align-items:center;gap:.4rem;color:#e5ecdf;font-size:.9rem;font-weight:600;text-decoration:none}.text-link:hover{color:#d9f26a}.note-stack{border-top:1px solid #354238}.note-row{display:grid;grid-template-columns:2.75rem 1fr auto;align-items:center;gap:1rem;min-height:6.75rem;border-bottom:1px solid #354238;color:#f0f4eb;text-decoration:none;transition:color .16s ease,padding .16s ease}.note-row:hover{padding-left:.55rem;color:#d9f26a}.note-row span{color:#87968c;font-family:DM Mono,monospace;font-size:.66rem}.note-row strong{font-size:1rem;font-weight:500}.location-section{padding:2.75rem 0}.location-panel{display:grid;grid-template-columns:auto minmax(12rem,.7fr) minmax(0,1fr);align-items:center;gap:1.5rem}.location-panel>svg{color:#d9f26a}.location-panel .eyebrow{margin-bottom:.35rem}.location-panel h2{font-size:1.45rem}.location-panel>p{margin:0;color:#aebcb2;font-size:.88rem;line-height:1.65}.contact-section{padding-bottom:clamp(5rem,10vw,9rem)}.contact-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(22rem,1.15fr);gap:clamp(3rem,11vw,11rem)}.contact-actions{border-top:1px solid #3b493f}.contact-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;min-height:5rem;border-bottom:1px solid #3b493f;color:#e6ece1;font-size:.9rem;text-decoration:none;transition:color .16s ease,padding .16s ease}.contact-link:hover{padding-left:.5rem;color:#d9f26a}.contact-index{color:#d9f26a;font-family:DM Mono,monospace;font-size:.66rem}.site-footer{border-top:1px solid #29332d}.footer-inner{display:flex;justify-content:space-between;gap:1rem;padding-top:1.75rem;padding-bottom:1.75rem;color:#829188;font-family:DM Mono,monospace;font-size:.64rem;letter-spacing:.04em}@media(max-width:760px){.site-wrap{width:min(100% - 2rem,76rem)}.header-inner{min-height:4.5rem}.desktop-nav,.header-link{display:none}.menu-button{display:inline-flex}.mobile-nav{display:grid;gap:.1rem;padding:.6rem 1rem 1rem;border-top:1px solid #29332d;background:#111513}.mobile-nav a{display:flex;align-items:center;justify-content:space-between;padding:.8rem .1rem;color:#d8e0d7;text-decoration:none}.hero-section{min-height:auto}.hero-grid,.split-layout,.notes-layout,.contact-layout{grid-template-columns:1fr}.hero-grid{gap:3.5rem;padding-top:4.25rem;padding-bottom:4.25rem}h1{font-size:clamp(3.25rem,15vw,5rem)}.system-map{min-height:22rem}.trajectory-one{width:15rem;height:6.5rem;left:1rem}.trajectory-two{width:17rem;height:7.5rem;left:1rem}.node-source{top:23%;left:18%}.node-model{top:48%;left:48%}.node-output{right:15%;bottom:16%}.map-crosshair{display:none}.section-heading,.location-panel{align-items:start}.section-heading{flex-direction:column;margin-bottom:2.5rem}.work-grid{grid-template-columns:1fr}.work-card{min-height:17.5rem}.work-card h3{margin-top:2.5rem}.location-panel{grid-template-columns:auto 1fr}.location-panel>p{grid-column:1 / -1}.footer-inner{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}