@charset "UTF-8";
:root{--paper:#f1eee7;--ink:#252621;--muted:#62655b;--line:#d4d2c8;--orange:#bf4026;--lime:#d6ddbb;--serif:"Songti SC","Noto Serif CJK SC","Noto Serif SC",STSong,serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}::selection{background:var(--orange);color:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:6px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}svg{display:block}.skip{position:fixed;top:-70px;left:20px;background:var(--ink);color:var(--paper);padding:12px 20px;z-index:50}.skip:focus{top:10px}.serif{font-family:var(--serif);font-weight:400}.orange{color:var(--orange)}
.header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:0 4.5%;gap:32px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;letter-spacing:2px;line-height:1.3;font-weight:650}.brand-en{display:block;font-size:8px;font-weight:500;letter-spacing:2px;margin-top:5px}.brand-mark{width:39px;height:39px;display:flex;align-items:center;justify-content:center;background:var(--orange);color:var(--paper);font-size:34px;line-height:1;font-weight:300}.header nav{display:flex;gap:38px;font-size:13px}.header nav a{position:relative}.header nav a:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:1px;background:var(--orange);transition:width .25s}.header nav a:hover:after{width:100%}.pocket-button{display:flex;align-items:center;gap:10px;font-size:13px}.pocket-button span{color:var(--orange);font-size:11px;min-width:12px}.hero{padding:32px 4.5% 0;min-height:760px;max-height:1050px;height:calc(100svh - 96px);display:flex;flex-direction:column;overflow:clip}.hero-overline{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px}.hero-overline>span:last-child{display:flex;align-items:center;gap:11px;color:var(--muted)}.status-dot{width:6px;height:6px;background:var(--orange);border-radius:50%}.hero-content{position:relative;flex:1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:0}.hero-copy{position:relative;z-index:1;padding:35px 0 48px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:2.6px;color:var(--muted);margin-bottom:27px}h1{font-size:clamp(60px,6.2vw,100px);line-height:1.27;font-weight:450;letter-spacing:-5px;white-space:nowrap}.hero-description{margin-top:25px;font-size:15px;line-height:1.95;color:#64665d}.round-link{display:inline-flex;align-items:center;gap:14px;font-size:12px;margin-top:37px}.circle-arrow{height:43px;width:43px;border:1px solid var(--ink);border-radius:50%;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all .25s}.round-link:hover .circle-arrow{transform:rotate(-45deg);background:var(--ink);color:var(--paper)}.art{height:100%;width:115%;margin-left:-10%;min-height:480px;position:relative;align-self:stretch;touch-action:pan-y}#sculpture{width:100%;height:100%;display:block}.art-cross{position:absolute;font:16px monospace;color:#a5a69a;pointer-events:none}.cross-one{left:9%;top:15%}.cross-two{right:5%;bottom:19%}.art-coordinates{position:absolute;left:10%;right:6%;bottom:84px;display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1.5px;color:var(--muted)}.art-controls{position:absolute;left:50%;transform:translateX(-50%);bottom:24px;display:flex;gap:5px;border:1px solid var(--line);padding:5px;border-radius:30px;background:#f1eee7da;white-space:nowrap}.art-controls button{padding:7px 18px;font-size:10px;border-radius:20px;color:var(--muted);transition:background .3s,color .3s}.art-controls button.active{background:var(--ink);color:var(--paper)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:19px 0 21px;gap:24px;font-size:10px;letter-spacing:.5px}.hero-note{color:var(--muted)}.hero-bottom>a{font-size:8px;letter-spacing:1.5px}
.section{padding:95px 4.5% 100px}.section-top{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;gap:25px}.index-label{font-size:11px;letter-spacing:1px}.tiny-label{font-size:8px;letter-spacing:1.7px;color:var(--muted)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:53px 0 45px;gap:30px}.section-heading h2{font-size:clamp(30px,3.15vw,50px);line-height:1.4;letter-spacing:-1.8px;font-weight:450}.section-heading>p{font-size:12px;line-height:1.95;color:var(--muted);padding-right:3px}.question-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:21px}.question-filter button{font-size:11px;padding:9px 18px;border:1px solid var(--line);border-radius:24px;transition:all .2s}.question-filter button.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.question-filter button span{margin-left:15px}.question-card{background:var(--orange);color:var(--paper);min-height:380px;position:relative;overflow:clip;padding:28px 38px 32px;display:flex;flex-direction:column;justify-content:space-between}.question-meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;position:relative;z-index:1}.question-meta span:last-child{font:9px monospace;letter-spacing:1.5px}.question-body{position:relative;z-index:1;margin:30px 0 39px;max-width:83%}.question-body h3{font-weight:450;font-size:clamp(26px,3vw,44px);line-height:1.55;letter-spacing:-1px;text-wrap:balance}.question-body p{font-size:12px;margin-top:17px;opacity:1}.question-actions{position:relative;z-index:1;display:flex;gap:30px;align-items:center}.next-question{background:var(--paper);color:var(--ink);font-size:11px;padding:10px 19px;display:flex;align-items:center;gap:32px;border-radius:3px;transition:background .2s}.next-question:hover{background:white}.next-question span{font-size:19px;line-height:1}.save-question{font-size:11px;display:flex;align-items:center;gap:8px}.save-question>span{font-size:18px}.card-orbit{position:absolute;width:440px;height:440px;border:1px solid #f1eee748;border-radius:50%;right:-160px;bottom:-220px;pointer-events:none}.card-orbit:before,.card-orbit:after{content:"";position:absolute;inset:26px;border:1px solid #f1eee748;border-radius:50%}.card-orbit:after{inset:58px}.question-footnote{display:flex;justify-content:space-between;margin-top:13px;font-size:10px;color:var(--muted);gap:20px}.works{padding-top:20px}.works .section-heading{margin-bottom:43px}.project-row{display:grid;grid-template-columns:65px 1fr 32%;align-items:center;gap:28px;padding:28px 0;border-top:1px solid var(--line);cursor:pointer}.project-row:last-child{border-bottom:1px solid var(--line)}.project-num{font:12px monospace;align-self:start;padding-top:13px;color:var(--muted)}.project-copy{padding:25px 0}.project-copy h3{font-size:clamp(21px,2vw,32px);letter-spacing:-1px;font-weight:450;line-height:1.5}.project-copy>p{font-size:11px;color:var(--muted);margin-top:10px}.project-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.project-tags span{font-size:9px;border:1px solid var(--line);border-radius:20px;padding:3px 10px}.project-more{display:inline-flex;align-items:center;gap:28px;font-size:10px;margin-top:25px;padding:0}.project-more span{font-size:19px;transition:transform .25s}.project-row:hover .project-more span{transform:translate(5px,-5px)}.project-cover{aspect-ratio:1.48;position:relative;overflow:clip;display:flex;align-items:center;justify-content:center}.project-cover svg{width:100%;height:100%;transition:transform .7s}.project-row:hover .project-cover svg{transform:scale(1.035)}.existing-site{display:flex;align-items:center;justify-content:space-between;padding:23px 0 0;font-size:11px;color:var(--muted)}.existing-site span{font-size:10px}.existing-site:hover{color:var(--orange)}
.about{background:#e6e5da;padding-top:65px;padding-bottom:85px}.about .section-top{border-color:#c8c9bb}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:56px}.about-hello{font-size:13px;margin-bottom:25px}.about h2{font-size:clamp(27px,2.7vw,42px);line-height:1.6;font-weight:450;letter-spacing:-1.5px}.about-symbol{font-size:120px;line-height:1.3;color:var(--orange);font-weight:250;margin-top:24px}.about-text p{font-size:13px;color:#565b4e;line-height:2.2;margin-bottom:22px}.about-text p:last-child{margin:0}.end-note{padding:90px 4.5% 80px}.end-note>p{font-size:12px;color:var(--muted);margin-bottom:20px}.end-note>div{font-size:clamp(55px,9.5vw,150px);font-weight:450;letter-spacing:-5px;line-height:1.3;display:flex;align-items:center}.end-note>div>a{font-size:.7em;color:var(--orange);margin-left:auto;transition:transform .3s}.end-note>div>a:hover{transform:translate(8px,-8px)}.end-note>span{font-size:9px;letter-spacing:2px;color:var(--muted);display:block;margin-top:30px}footer{margin:0 4.5%;border-top:1px solid var(--line);padding:25px 0 30px;display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:20px}footer>a{font-size:13px}footer>a>span{font-size:10px;color:var(--muted);margin-left:10px}footer>span{color:var(--muted)}footer>button{font-size:10px;padding:0}
dialog{border:0;background:var(--paper);color:var(--ink);padding:34px 45px 50px;max-height:90svh;width:min(820px,calc(100% - 40px));overflow-y:auto;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#25262180;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;gap:20px;font-size:10px;color:var(--muted)}.dialog-close{font-size:11px}.detail-category{margin-top:42px;font-size:10px;color:var(--orange)}#dialog-title{font-size:clamp(26px,3.5vw,42px);font-weight:450;line-height:1.5;margin-top:13px;letter-spacing:-1px}.detail-intro{font-size:15px;line-height:2;color:var(--muted);margin:24px 0 35px}.detail-section{border-top:1px solid var(--line);padding:27px 0 0;margin-top:27px}.detail-section h3{font-size:17px;font-weight:500;margin-bottom:14px}.detail-section p{font-size:14px;line-height:2.1;color:#616459}.detail-end{font-size:10px;color:var(--muted);margin-top:40px}.pocket-dialog{width:min(650px,calc(100% - 40px))}#pocket-title{font-size:37px;font-weight:450;letter-spacing:-2px;margin-top:35px}.pocket-intro{font-size:12px;color:var(--muted);margin:8px 0 35px}.pocket-item{border-top:1px solid var(--line);padding:20px 0;display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.pocket-item p{font-size:15px;line-height:1.9}.pocket-item span{font-size:10px;color:var(--muted)}.pocket-remove{font-size:11px;color:var(--muted);padding-top:5px;flex-shrink:0}.empty-pocket{padding:38px 0;border-top:1px solid var(--line);text-align:center}.empty-pocket>span{font-size:42px;font-weight:250;color:var(--orange)}.empty-pocket p{font-size:13px;color:var(--muted);margin:15px 0}.empty-pocket button{font-size:12px;border-bottom:1px solid var(--ink);padding:0 0 4px}.storage-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:25px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:var(--ink);color:var(--paper);padding:12px 23px;font-size:12px;border-radius:3px;transition:opacity .2s,transform .2s;z-index:99;max-width:90%;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.header,.hero,.section,.end-note,footer{padding-left:max(4.5%,calc((100vw - 1450px)/2));padding-right:max(4.5%,calc((100vw - 1450px)/2))}.header,footer{margin:0}.hero{min-height:840px}h1{font-size:104px}}
@media(max-width:1000px){.hero{min-height:700px}.hero-content{grid-template-columns:1.15fr 1fr}h1{font-size:7vw;letter-spacing:-3px}.art{width:125%;margin-left:-20%}.art-controls button{padding:7px 12px}.hero-note{display:none}.section{padding-top:70px;padding-bottom:70px}.works{padding-top:15px}.section-heading h2{font-size:32px}.project-row{grid-template-columns:35px 1fr 33%;gap:18px}.project-copy h3{font-size:23px}.project-tags{margin-top:17px}.project-more{margin-top:17px}.about-layout{gap:8%}}
@media(max-width:700px){html{scroll-padding-top:25px}.header{height:78px;margin:0 6%;gap:15px}.brand{font-size:16px;letter-spacing:1px;gap:8px}.brand-en{font-size:6px;letter-spacing:1.7px}.brand-mark{width:32px;height:32px;font-size:29px}.header nav{gap:19px;font-size:11px}.header nav a:first-child{display:none}.pocket-button{font-size:11px;gap:5px}.pocket-button svg{display:none}.hero{padding:22px 6% 0;height:auto;max-height:none;min-height:0}.hero-overline{font-size:8px;letter-spacing:.4px;gap:10px}.hero-overline>span:last-child{gap:7px}.status-dot{width:4px;height:4px}.hero-content{display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding:55px 0 0}.eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:21px}h1{font-size:clamp(43px,10.8vw,74px);letter-spacing:-2.5px;line-height:1.35}.hero-description{font-size:12px;margin-top:21px;line-height:1.9}.round-link{font-size:10px;gap:10px;margin-top:24px}.circle-arrow{width:34px;height:34px;font-size:20px}.art{height:340px;min-height:0;width:100%;margin:-20px 0 0}.art-coordinates{left:0;right:0;bottom:70px;font-size:7px}.art-controls{bottom:17px}.art-controls button{font-size:9px;padding:6px 14px}.cross-one{left:0;top:15%}.cross-two{right:0;bottom:32%}.hero-bottom{font-size:8px;padding:15px 0}.hero-bottom>a{font-size:6px;letter-spacing:1px}.section{padding:60px 6%}.section-top{padding-top:14px}.index-label{font-size:9px}.tiny-label{font-size:6px;letter-spacing:.8px;max-width:49%;text-align:right}.section-heading{display:block;margin:36px 0 28px}.section-heading h2{font-size:29px;letter-spacing:-1px}.section-heading>p{font-size:11px;margin-top:17px;line-height:1.9}.question-filter{gap:7px;margin-bottom:17px}.question-filter button{font-size:9px;padding:7px 12px}.question-filter button span{margin-left:8px}.question-card{padding:20px 23px 24px;min-height:350px}.question-meta{font-size:8px}.question-meta span:last-child{font-size:7px;letter-spacing:.6px}.question-body{max-width:100%;margin:35px 0}.question-body h3{font-size:25px;line-height:1.65;letter-spacing:-.5px}.question-body p{font-size:11px;margin-top:15px;max-width:90%}.question-actions{gap:22px}.next-question{padding:8px 14px;font-size:10px;gap:20px}.save-question{font-size:10px}.card-orbit{width:280px;height:280px;right:-135px;bottom:-160px}.question-footnote{display:block;font-size:8px;line-height:1.9}.question-footnote>span{display:block}.question-footnote>span:last-child{display:none}.works{padding-top:5px}.works .section-heading{margin-bottom:30px}.project-row{grid-template-columns:27px 1fr;gap:12px;padding:22px 0}.project-num{padding-top:5px;font-size:10px}.project-copy{padding:0}.project-copy h3{font-size:22px;letter-spacing:-.7px}.project-copy>p{font-size:10px;margin-top:7px}.project-tags{margin-top:15px;gap:5px}.project-tags span{font-size:8px;padding:2px 9px}.project-more{font-size:9px;margin-top:15px}.project-cover{grid-column:2;aspect-ratio:1.8;margin-top:7px}.existing-site{font-size:9px;gap:20px;align-items:baseline}.existing-site span{font-size:8px;white-space:nowrap}.about{padding-top:42px;padding-bottom:50px}.about-layout{display:block;margin-top:36px}.about-hello{font-size:11px;margin-bottom:15px}.about h2{font-size:29px}.about-symbol{display:none}.about-text{margin-top:28px}.about-text p{font-size:12px;line-height:2.15;margin-bottom:18px}.end-note{padding:60px 6% 50px}.end-note>p{font-size:10px;margin-bottom:17px}.end-note>div{font-size:13vw;letter-spacing:-3px}.end-note>span{font-size:7px;letter-spacing:1.3px;margin-top:26px}footer{margin:0 6%;padding:22px 0;gap:12px;font-size:8px;flex-wrap:wrap}footer>a{font-size:11px}footer>a>span{font-size:8px;margin-left:5px}footer>button{font-size:8px}dialog{padding:23px 24px 35px;max-height:90svh;width:calc(100% - 28px)}.dialog-top{font-size:8px;padding-bottom:15px}.dialog-close{font-size:10px}.detail-category{margin-top:25px}.detail-intro{font-size:13px;margin:20px 0 25px}.detail-section h3{font-size:15px}.detail-section p{font-size:12px;line-height:2}#pocket-title{font-size:30px}.pocket-item p{font-size:13px}.pocket-remove{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}