@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_assets/geist-sans-latin-400-normal.gapTbOY8.woff2) format("woff2"),url(/_assets/geist-sans-latin-400-normal.BOaIZNA2.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/_assets/geist-sans-latin-500-normal.uokXdC-Q.woff2) format("woff2"),url(/_assets/geist-sans-latin-500-normal.CN2lyvyL.woff) format("woff")}:root{color-scheme:light;--paper: #f4f2ef;--ink: #28242b;--muted: #716772;--line: #ccc5cc;--panel: #ebe6e9;--accent: #82485d;--art: #725465;--dot: #c6bdc5;--font-sans: "Geist Sans", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--paper: #211e24;--ink: #efe7e9;--muted: #b9aab5;--line: #4d404d;--panel: #2d252e;--accent: #d897ab;--art: #c792a8;--dot: #51414f}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px;background:var(--paper);color:var(--ink)}body{margin:0;font:400 15px/1.65 var(--font-sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:400;color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none}button:disabled{cursor:default}a:hover{color:var(--accent)}img{max-width:100%;height:auto}p{color:var(--muted);line-height:1.9}button,a,input,summary,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--paper)}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:15px;padding:12px;background:var(--paper);z-index:99}.skip-link:focus{top:10px}.micro{font:11px/1.5 ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.site-header{margin:0 3.3%;min-height:90px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);position:relative;z-index:10}.site-brand{font-size:26px;letter-spacing:-1.4px;white-space:nowrap;line-height:1.2}.site-brand i{font-style:normal;color:var(--accent)}.site-brand small{display:block;font:10px monospace;letter-spacing:2px;margin-top:5px}.site-menu{display:flex;gap:6px;margin-left:auto;align-items:center}.site-menu a{padding:8px 12px;border:1px solid transparent;font-size:12px;white-space:nowrap}.site-menu a[aria-current=page],.site-menu a:hover{border-color:var(--line);background:var(--panel)}.site-menu small{color:var(--muted);font:10px monospace;margin-right:6px}.site-menu .nav-cta{border-color:var(--line)}.site-menu-toggle{display:none;width:40px;height:40px;border:1px solid var(--line);font-size:22px}.appearance-note{font-size:17px;color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:45px 3.3% 25px;display:block;color:var(--muted);font:12px/1.7 var(--font-sans)}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:35px}.footer-top strong{font-size:24px;font-weight:400;color:var(--ink)}.footer-links{display:flex;flex-wrap:wrap;gap:15px 25px;max-width:700px}.footer-base{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;font:10px monospace}.button-primary{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--ink);color:var(--paper);padding:13px 20px;border:1px solid var(--ink);font-size:13px}.button-primary:hover{color:var(--paper);background:var(--accent);border-color:var(--accent)}.text-link{display:inline-flex;gap:25px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.art-label{display:flex;justify-content:space-between;gap:10px;align-items:center;font:9px monospace;padding:8px 5px;color:var(--muted)}.art-label button{font-size:11px;border:0;min-height:28px}.wire-art{width:100%;aspect-ratio:1;display:block;border:1px solid var(--line);background-image:radial-gradient(var(--dot) .8px,transparent .8px);background-size:24px 24px;background-position:center}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}@media (max-width: 1050px){.site-header{gap:14px}.site-menu a{padding:8px;font-size:11px}.site-menu small{display:none}}@media (max-width: 760px){.site-header{margin:0 20px;min-height:72px;flex-wrap:wrap;gap:12px}.site-brand{font-size:24px}.appearance-note{margin-left:auto}.site-menu-toggle{display:block}.site-menu{display:none;width:100%;order:4;margin:0;padding:5px 0 20px;flex-direction:column;align-items:stretch}.site-menu a{padding:12px;font-size:14px}.site-header.open .site-menu{display:flex}.site-footer{padding:30px 20px}.footer-top{flex-direction:column}.footer-links{gap:12px 20px}.footer-base{line-height:1.8}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}button{border:0}.site-menu-toggle{border:1px solid var(--line)}main{min-height:75vh}nav small{font:10px monospace;color:var(--muted);margin-right:6px}.micro{font:10px monospace;letter-spacing:1px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:auto auto auto;position:relative;padding:56px 3.3% 0;column-gap:7%;min-height:calc(100svh - 90px)}.hero-title{grid-column:1;z-index:1}.hero-title h1{font-size:clamp(80px,8.6vw,150px);font-weight:400;line-height:.94;letter-spacing:-.075em;margin:24px 0}.hero-title h1>span{color:var(--accent)}.identity{font-size:16px;color:var(--ink);letter-spacing:1px}.identity i{font-style:normal;padding:0 16px;color:var(--muted)}.hero-note{grid-column:1;align-self:end;margin:40px 0}.hero-note h2{font-size:25px;font-weight:400;line-height:1.5;margin:14px 0;letter-spacing:2px}.hero-note p{font-size:13px}.text-link{display:inline-flex;justify-content:space-between;gap:50px;font-size:12px;border-bottom:1px solid var(--line);padding:13px 0;margin-top:12px}.text-link:hover{border-color:var(--accent)}.hero-art{grid-column:2;grid-row:1/3;align-self:center;position:relative}.art{border:1px solid var(--line);padding:8px;background:var(--panel)}.art-label{display:flex;justify-content:space-between;align-items:center;font:8px monospace;letter-spacing:.5px;padding:8px 5px;color:var(--muted)}.art-label button{font-size:9px}.wire-art{width:100%;aspect-ratio:1;display:block;border:1px solid var(--line)}.hero-art:after{content:"介於邏輯與想像之間。";display:block;text-align:right;margin-top:15px;font-size:11px;color:var(--muted)}.hero-bottom{grid-column:1/-1;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:10px;align-self:end;color:var(--muted)}.hero-bottom a{color:var(--ink)}.exhibit{border-top:1px solid var(--line);padding:100px 6%;display:grid;grid-template-columns:1fr 1.15fr .8fr;gap:5%;align-items:center}.exhibit h2{font-weight:400;font-size:34px;line-height:1.4;letter-spacing:-1px;margin:20px 0}.exhibit p{font-size:12px}.specimen{height:420px;background:var(--panel);display:grid;place-items:center;border:1px solid var(--line);min-width:0}.scene>.chat-ui,.scene>.terminal-ui,.scene>.board-ui{rotate:0}.scene>.terminal-ui{width:90%}.exhibit-select{align-self:center}.exhibit-select button{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);width:100%;text-align:left;padding:22px 0;font:10px monospace;color:var(--muted)}.exhibit-select button b{font:16px Geist Sans;flex:1;font-weight:400}.exhibit-select button[aria-pressed=true]{color:var(--accent)}.exhibit-select .proof-title{margin-top:28px}.exhibit-select small{font-size:9px;color:var(--muted)}.next-page{display:flex;justify-content:space-between;align-items:center;margin:0 3.3%;border-top:1px solid var(--line);padding:36px 0;font-size:30px}.next-page small{display:block;font:9px monospace;color:var(--muted);margin-top:10px}.next-page b{font-weight:400;font-size:50px}.page-heading{padding:66px 3.3% 65px}.page-heading h1{font-size:clamp(65px,10vw,160px);line-height:1.1;letter-spacing:-.07em;font-weight:400;margin:12px 0 25px}.page-heading h1 span{font-size:24px;vertical-align:top;letter-spacing:-1px;margin-left:12px}.page-heading p{font-size:13px}.work-layout{display:grid;grid-template-columns:27% 1fr;gap:5%;padding:0 3.3% 90px}.filter-head{border-bottom:1px solid var(--line);padding-bottom:13px;display:flex;justify-content:space-between;font:10px monospace}.filter-head button{font-size:10px}.filters{display:grid;grid-template-columns:1fr 1fr;padding:24px 0 50px;gap:15px}fieldset{padding:0;border:0;margin:0}legend{margin-bottom:14px;font-size:13px}label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin:11px 0;cursor:pointer}input{accent-color:var(--accent);width:14px;height:14px}.table-head{display:grid;grid-template-columns:55px 1fr 85px 30px;padding-bottom:13px;border-bottom:1px solid var(--line);font:10px monospace}.work-row{margin:0;border-top:0;border-bottom:1px solid var(--line)}.work-row[hidden]{display:none}.work-row summary{display:grid;grid-template-columns:55px 1fr 85px 30px;align-items:center;padding:23px 0;gap:0;transition:background .2s}.work-row summary:hover{background:var(--panel)}summary::-webkit-details-marker{display:none}.row-num{font:10px monospace;color:var(--muted)}.work-row h2{font-size:clamp(19px,2.1vw,32px);font-weight:400;letter-spacing:-1px;line-height:1.25}.tag{font:10px monospace;border:1px dotted var(--line);padding:3px 6px;justify-self:start}.plus{font-size:20px;text-align:right;transition:rotate .3s}.work-row[open] summary .tag{rotate:0}.work-row[open] summary .row-num{rotate:0}.work-row[open] summary .plus{rotate:45deg}.work-detail{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:10px 0 35px 55px;align-items:center}.work-detail p{font-size:12px;margin-top:18px}.flow{font:10px monospace;color:var(--accent);line-height:1.9;border-block:1px solid var(--line);padding:14px 0;margin-top:18px}.work-detail img{margin:0;border:0;max-height:320px;object-fit:contain;background:transparent}.type-art{min-height:220px;padding:25px;background:var(--panel);display:flex;align-items:end;justify-content:space-between}.type-art>span{font-size:100px;line-height:1;color:var(--accent);letter-spacing:-8px}.result-count,.empty{padding:22px 0;font-size:11px}.about-page{padding:75px 8%}.about-page>h1{font-size:clamp(44px,6vw,88px);font-weight:400;line-height:1.35;margin:35px 0 70px;letter-spacing:-3px}.about-page h1 span{color:var(--accent)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-bottom:70px}.about-grid h2,.about-grid h3{font-weight:400;margin-bottom:18px}.about-grid p{font-size:14px;margin-bottom:25px}.timeline article{padding:20px 0;border-top:1px solid var(--line)}.timeline article>span{font:10px monospace;color:var(--accent);display:block;margin-bottom:20px}.about-page .next-page{margin:0}@media (prefers-color-scheme: dark){.chat-ui{background:#352d36;color:#eee2e8;border-color:#64515f;box-shadow:none}.chat-ui .windowbar{background:#2b242e;color:#bc9fb2;border-color:#594451}.chat-message p,.chat-message b small,.chat-follow,.chat-caption{color:#bdabb9}.math-paper{background:#41343e;color:#f2e2e8;border-color:#5f4759}.math-answer{background:#4b3442;border-color:#b57790;color:#eddde3}.bot{background:#89576e}.chat-follow{border-color:#655060}.terminal-ui{background:#2d2532;border-color:#60465c;box-shadow:none}.terminal-ui .windowbar,.terminal-code .dim,.terminal-status{color:#bca3b7}.terminal-check,.terminal-code i{color:#dc9eb8}.terminal-code>p,.terminal-output{color:#eddae7}.board-ui{background:#342c36;border-color:#695165;color:#e3d1de}.board-grid{background:#493846}.board-grid>span{background:#5a4455;color:#412b3a}.board-grid>span[data-value="2"]{background:#e1c9d7}.board-grid>span[data-value="4"]{background:#cfaabd}.board-grid>span[data-value="8"]{background:#b7809b}.board-grid>span[data-value="16"]{background:#965975}.board-step{border-color:#89697f}.board-step:hover{background:#62465d}}@media (max-width: 1000px){.hero{column-gap:5%}.hero-title h1{font-size:10vw}.exhibit{padding:65px 4%;gap:4%;grid-template-columns:1fr 1.25fr}.exhibit-select{grid-column:1/-1;display:flex;gap:20px;flex-wrap:wrap}.exhibit-select button{width:29%}.exhibit-select>.micro{width:100%}.work-layout{grid-template-columns:25% 1fr;gap:4%}.filters,.work-detail{grid-template-columns:1fr}.work-detail img{max-height:350px}.table-head,.work-row summary{grid-template-columns:35px 1fr 60px 24px}.work-detail{padding-left:35px}}@media (max-width: 700px){.hero{padding:35px 20px 0;display:flex;flex-direction:column;min-height:0}.hero-title h1{font-size:85px;margin:22px 0}.hero-title .micro{font-size:8px}.hero-note{align-self:start;margin:32px 0}.hero-note h2{font-size:22px}.hero-note p{font-size:12px}.hero-art{width:100%;margin-bottom:35px}.hero-bottom{flex-wrap:wrap;padding:20px 0;font-size:9px;gap:15px}.hero-bottom>span:last-child{display:none}.exhibit{padding:55px 20px;display:flex;flex-direction:column;gap:30px;align-items:stretch}.exhibit h2{font-size:30px}.specimen{height:380px}.exhibit-select{gap:12px}.exhibit-select button{width:30%;gap:7px;font-size:8px}.exhibit-select button b{font-size:12px}.exhibit-select .proof-title{margin-top:0}.next-page{margin:0 20px;font-size:24px}.page-heading{padding:40px 20px}.page-heading h1{font-size:65px}.page-heading h1 span{font-size:18px}.work-layout{display:flex;flex-direction:column;padding:0 20px 50px;gap:35px}.filters{grid-template-columns:1fr 1fr;padding:20px 0 0}.work-layout aside .art{display:none}.work-row h2{font-size:20px;letter-spacing:-.6px}.work-row summary{padding:24px 0;grid-template-columns:28px 1fr 48px 20px;gap:6px}.table-head{grid-template-columns:34px 1fr 74px}.tag{font-size:8px}.row-num{font-size:9px}.work-detail{padding-left:0}.about-page{padding:45px 20px}.about-page>h1{font-size:43px;letter-spacing:-2px;margin-bottom:40px}.about-grid{grid-template-columns:1fr;gap:30px}}.wire-art{background-image:radial-gradient(var(--dot) .8px,transparent .8px);background-size:24px 24px;background-position:center}@media (min-width: 701px) and (max-height: 800px){.hero{padding-top:32px}.hero-title h1{font-size:clamp(75px,7.5vw,112px);margin:16px 0}.hero-note{margin:24px 0}.hero-note h2{font-size:22px;margin:10px 0}.hero-art{width:min(100%,calc(100svh - 240px));justify-self:center}.hero-bottom{padding:17px 0}}@media (min-width: 701px) and (max-height: 800px){.hero-note{margin:12px 0}.hero{padding-top:24px}}.portfolio .site-footer{display:block;font:12px/1.7 var(--font-sans);padding:45px 3.3% 25px}.portfolio .site-footer p{font-size:13px}.portfolio .site-footer .footer-links{display:flex}.portfolio .site-header nav a{font-size:12px}.hero-role{margin:10px 0 0;font-size:12px;font-weight:400;letter-spacing:.04em;color:var(--muted)}.hero-school{font-size:12px;margin-top:7px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:24px}.hero-actions .text-link{margin:0}.hero-note .micro,.hero .micro,.hero-bottom{font-size:11px}.hero-note p{font-size:14px}.art-label{font-size:10px}.art-label button,.exhibit-select button{font-size:11px}.exhibit-select button b{font-size:17px}.exhibit p{font-size:14px}.exhibit-select small{font-size:11px}.home-method{margin:40px 3.3% 90px;border-top:1px solid var(--line);padding:45px 0;display:grid;grid-template-columns:1fr 1fr;gap:25px 8%}.home-method .micro{grid-column:1/-1}.home-method h2{font-size:36px;line-height:1.4}.home-method p{max-width:560px}.home-method .text-link{justify-self:start}.project-page{padding:40px 6% 70px}.project-header{padding:60px 0}.project-header>.micro{display:block}.project-header h1{font-size:clamp(42px,6vw,86px);line-height:1.1;letter-spacing:-3px;margin:24px 0;overflow-wrap:anywhere}.project-header>p{font-size:20px}.project-tags{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.project-tags>span{font:11px monospace;padding:6px 9px;border:1px solid var(--line)}.project-story{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;border-top:1px solid var(--line);padding:45px 0}.project-story h2{font-size:24px;margin:30px 0 17px}.project-story h2:first-child{margin-top:0}.project-story li{color:var(--muted);line-height:1.9;margin:10px 0}.project-story ul{padding-left:22px}.project-story aside{background:var(--panel);padding:30px;align-self:start}.project-story aside h2{margin-top:20px}.flow-list{display:flex;flex-wrap:wrap;padding-left:20px;gap:10px 35px}.flow-list li{font-size:13px}.project-diagram{margin:20px 0 70px}.project-diagram img{display:block;max-height:800px;object-fit:contain;margin:auto}.project-diagram figcaption{text-align:center;margin-top:18px;color:var(--muted);font-size:12px}.work-detail img{height:auto;aspect-ratio:auto}.work-detail p{font-size:14px}.work-row h2{font-size:clamp(22px,2.1vw,32px)}.filters label,.filter-head button{font-size:13px}.table-head,.tag{font-size:11px}.beliefs{padding:45px 0;border-top:1px solid var(--line)}.beliefs>h2{font-size:32px;margin:20px 0 35px}.beliefs>div{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 65px}.beliefs article{border-top:1px solid var(--line);padding:22px 0}.beliefs h3{font-size:21px;margin:15px 0}.off-keyboard{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:50px 0 70px;border-top:1px solid var(--line)}.off-keyboard h2{font-size:34px;line-height:1.5;margin-bottom:25px}.off-keyboard p{max-width:560px}.contact-links{margin:0 3.3% 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.contact-links>a{display:block;border-block:1px solid var(--line);padding:30px 0}.contact-links h2{font-size:28px;margin:25px 0 15px;overflow-wrap:anywhere}.contact-links>a>span:last-child{display:block;margin-top:35px;font-size:26px}.contact-business{margin:0 3.3% 90px;padding:40px;background:var(--panel);display:grid;grid-template-columns:1fr 2fr;gap:30px}.contact-business h2{font-size:30px;margin-bottom:20px}.contact-business p{max-width:650px;margin-bottom:25px}.contact-business .text-link{margin-left:20px}.reading-layout{display:grid;grid-template-columns:230px minmax(0,820px);gap:7%;padding:0 6% 90px}.chapter-nav{display:flex;flex-direction:column;align-self:start;position:sticky;top:25px}.chapter-nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.chapter-nav a span{font:11px monospace;color:var(--accent);margin-right:16px}.reading-body section{border-top:1px solid var(--line);padding:30px 0 60px;scroll-margin-top:25px}.reading-body h2{font-size:32px;margin:20px 0 25px}.reading-body h3{font-size:19px;margin-bottom:12px}.reading-body p{margin-bottom:20px}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.note-grid>div{border-top:1px solid var(--line);padding-top:20px}.reading-body details{margin:0;border-top:1px solid var(--line)}.reading-body summary{display:flex;justify-content:space-between;gap:25px;padding:20px 0;cursor:pointer;font-size:16px;list-style:none}.reading-body details p{padding-bottom:15px}.reading-body .timeline article{border-top:1px solid var(--line);padding:20px 0}.reading-body .timeline span{display:block;margin-bottom:12px}.page-heading p{font-size:15px;max-width:760px}.about-grid p{font-size:15px}.portfolio .about-page h1{line-height:1.35}@media (max-width: 760px){.portfolio .site-footer{padding:35px 20px}.hero-actions{gap:14px}.home-method{display:block;margin:25px 20px 45px}.home-method h2{font-size:29px;margin:20px 0}.home-method .text-link{margin-right:20px}.project-page{padding:25px 20px 50px}.project-header{padding:35px 0}.project-header h1{font-size:43px;letter-spacing:-1.5px}.project-header>p{font-size:17px}.project-story{grid-template-columns:1fr;gap:30px;padding:25px 0}.project-story aside{padding:25px}.beliefs>div{grid-template-columns:1fr;gap:15px}.off-keyboard{grid-template-columns:1fr;gap:25px}.off-keyboard h2{font-size:28px}.contact-links{margin:0 20px 50px;grid-template-columns:1fr;gap:0}.contact-links>a{border-bottom:0}.contact-business{margin:0 20px 50px;padding:25px;grid-template-columns:1fr}.contact-business h2{font-size:25px}.contact-business .text-link{margin-left:0}.reading-layout{grid-template-columns:1fr;padding:0 20px 50px;gap:35px}.chapter-nav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.note-grid{grid-template-columns:1fr;gap:15px}.reading-body h2{font-size:27px}.page-heading p{font-size:14px}.work-row h2{font-size:20px}.hero-title h1{font-size:74px}.hero .hero-school{font-size:12px}.exhibit-select button{font-size:10px}.exhibit-select button b{font-size:13px}}.board-help{font:9px/1.6 var(--font-sans)!important;color:inherit!important;margin-top:12px!important}.error-page{padding-bottom:100px}.error-page h2{margin-bottom:20px}.reading-sources .text-link{margin-right:25px}.portfolio .project-diagram a{text-decoration:underline;text-underline-offset:4px}