@charset "UTF-8";
:root{--paper:#f4f3ec;--ink:#242820;--muted:#777c71;--line:#d9ddd0;--accent:#d86237;--visual:#edeedF;--sans:Inter,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#edb29b;color:var(--ink)}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.skip-link{position:absolute;left:20px;top:-80px;background:var(--ink);color:#fff;z-index:20;padding:12px}.skip-link:focus{top:10px}.header{height:106px;display:flex;align-items:center;gap:44px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-weight:600;font-size:15px;letter-spacing:-.3px}.brand-mark{width:34px;height:34px;background:var(--ink);color:var(--paper);display:grid;place-content:center;font-size:24px;position:relative;line-height:1}.brand-mark span{color:#ec8a61;position:absolute;bottom:2px;right:4px;font-size:18px}.header nav{display:flex;gap:32px;margin-left:auto;font-size:13px}.header nav a{color:#64695f;transition:color .2s}.header nav a:hover{color:var(--ink)}.language{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:10px 0;font:12px var(--mono);color:#969b90}.language .active{color:var(--ink)}.separator{font-size:10px;color:#b6bbae}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;min-height:660px;align-items:center;padding-block:75px 85px}.hero-copy{padding-bottom:4px}.eyebrow{display:inline-flex;align-items:center;gap:12px;font:11px var(--mono);letter-spacing:1.7px;color:var(--muted)}.small-cross{font:23px var(--mono);color:var(--accent);line-height:0}h1{font-weight:500;font-size:clamp(40px,4.5vw,67px);letter-spacing:-3.5px;line-height:1.36;margin:29px 0 24px;position:relative;white-space:nowrap}.orange-dot{font-size:14px;vertical-align:baseline;display:inline-block;margin-left:16px;color:var(--accent)}.hero-description{max-width:410px;color:#656b5f;font-size:15px;line-height:1.95;margin:0 0 29px}.primary-link{display:inline-flex;gap:34px;align-items:center;padding:14px 19px;background:var(--ink);color:var(--paper);font-size:13px;transition:background .2s,transform .2s}.primary-link:hover{background:#43483c;transform:translateY(-2px)}.arrow{font-size:22px;font-weight:300;line-height:1}.hero-footnote{display:flex;align-items:center;gap:12px;margin-top:54px;font:9px var(--mono);letter-spacing:1.7px;color:#858a7e}.footnote-line{display:block;width:28px;height:1px;background:#bfc5b7}.hero-art{position:relative;align-self:stretch;margin-top:20px;min-height:440px}.hero-art:before{content:"";position:absolute;inset:30px -8px;background-image:radial-gradient(#c5cabc 1px,transparent 1px);background-size:22px 22px;opacity:.32;mask-image:radial-gradient(ellipse,#000 15%,transparent 70%);pointer-events:none}.art-top,.art-bottom{position:absolute;left:9px;right:0;display:flex;justify-content:space-between;font:9px var(--mono);color:#8e9486;letter-spacing:1px;z-index:1}.art-top{top:1px}.art-bottom{bottom:0;font-size:10px}.art-index{color:#747b6a}.coordinate{letter-spacing:3px}#surface{position:absolute;width:100%;height:100%;inset:0;display:block}.section{display:grid;grid-template-columns:180px 1fr;gap:35px;border-top:1px solid var(--line);padding-block:64px 69px}.section-label{display:flex;align-items:flex-start;gap:22px;padding-top:8px;font:10px var(--mono);letter-spacing:1.4px}.section-number{color:#8e9685}.section-label>span:last-child{color:#505847}.section h2{font-size:27px;font-weight:500;line-height:1.5;letter-spacing:-.8px;margin:0 0 24px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px}.about-columns p{font-size:14px;line-height:1.95;margin:0;color:#69715e}.interest-strip{display:flex;gap:17px;align-items:center;margin-top:32px;font:9px var(--mono);letter-spacing:1.2px;color:#7b8370}.strip-dot{color:#b2b9a7}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:15px}.quiet-label{color:#838d75;font:9px var(--mono);white-space:nowrap;letter-spacing:1px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project{padding:0;border:0;background:transparent;text-align:left;min-width:0}.project-visual{aspect-ratio:1.48;position:relative;overflow:hidden;background:#ebeede;border:1px solid #e1e4d7}.project-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.055)}.visual-index{position:absolute;left:12px;bottom:12px;font:8px var(--mono);color:#8b927f;letter-spacing:1.4px}.project-topline{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.project-category{font:8px var(--mono);letter-spacing:1.4px;color:#868f7b}.project-arrow{font-size:22px;line-height:1;color:#616f4f;transition:transform .2s}.project:hover .project-arrow{transform:translate(3px,-3px);color:var(--accent)}.project h3{font-weight:500;font-size:19px;letter-spacing:-.5px;line-height:1.5;margin:9px 0 8px}.project p{font-size:12px;line-height:1.95;margin:0;color:#737c66;min-height:48px}.project-link{display:inline-block;font-size:10px;margin-top:20px;color:#7e876f;border-bottom:1px solid #bfc6b3;padding-bottom:4px}.now{padding-bottom:60px}.now-intro{display:flex;align-items:center;gap:9px;font:10px var(--mono);letter-spacing:1px;color:#848b78;margin-bottom:20px}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.now-content h2{margin-bottom:24px}.now-list>div{display:flex;align-items:center;border-bottom:1px solid var(--line);padding-block:19px;gap:21px}.now-index{font:10px var(--mono);color:#969d8b}.now-list p{margin:0;font-size:14px}.now-tag{font:9px var(--mono);color:#848f75;margin-left:auto;letter-spacing:1px}.now-caption{color:#8e9781;font-size:11px;line-height:1.7;margin:22px 0 0}.closing{border-top:1px solid var(--line);padding:52px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.closing .eyebrow{font-size:8px;letter-spacing:1.5px;color:#8b937f}.closing p{font-size:25px;font-weight:400;letter-spacing:-.5px;margin:15px 0 0}.domain-button{background:transparent;border:1px solid #bdc6b0;padding:15px 18px;display:flex;align-items:center;gap:24px;font:13px var(--mono);transition:border-color .2s,background .2s}.domain-button:hover{border-color:var(--accent);background:#edeee2}.footer{border-top:1px solid var(--line);min-height:88px;display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);color:#838b77;gap:20px}.footer-note{font-size:8px;letter-spacing:1.6px}.footer a{font-size:10px}dialog{width:min(550px,calc(100% - 36px));background:var(--paper);color:var(--ink);border:1px solid #bfc6b4;padding:0;box-shadow:0 30px 100px #1b291833}dialog::backdrop{background:#1d261d77;backdrop-filter:blur(4px)}.dialog-layout{padding:47px 42px 37px;position:relative}.dialog-close{position:absolute;top:12px;right:14px;border:0;background:transparent;font-size:30px;color:#7f8972;width:34px;height:34px;line-height:1}.dialog-layout h2{font-size:29px;font-weight:500;letter-spacing:-1px;margin:20px 0}.dialog-layout>p{font-size:14px;line-height:2;color:#68725a;margin:0 0 24px}.dialog-tags{display:flex;flex-wrap:wrap;gap:8px}.dialog-tags span{border:1px solid #ced5c2;padding:7px 9px;font:10px var(--mono);color:#747f65}.dialog-footnote{border-top:1px solid var(--line);padding-top:20px;margin-top:28px;font-size:10px;line-height:1.8;color:#909980}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:13px 21px;background:var(--ink);color:var(--paper);font-size:12px;box-shadow:0 4px 20px #0002;transition:opacity .2s,transform .2s;z-index:5}.toast.visible{opacity:1;transform:translate(-50%,0)}html[lang="en"] h1{font-size:clamp(40px,4.7vw,68px);line-height:1.2;letter-spacing:-3px}html[lang="en"] .hero-description{font-size:14px;line-height:1.8}html[lang="en"] .section h2{font-size:27px}html[lang="en"] .project h3{font-size:17px}html[lang="en"] .project p{min-height:70px}
@media(min-width:1600px){.hero{min-height:760px}.hero-art{min-height:490px}h1{font-size:70px}.hero-description{font-size:16px}}
@media(max-width:1050px){.wrap{width:calc(100% - 70px)}.hero{gap:10px;min-height:610px;padding-block:65px}.hero-art{min-height:400px}h1{font-size:48px;letter-spacing:-2px}.hero-description{font-size:14px}.section{grid-template-columns:135px 1fr;gap:25px}.project-grid{gap:16px}.project h3{font-size:17px}.section-heading{display:block}.quiet-label{display:inline-block;margin-bottom:10px}.section-heading h2{margin-bottom:8px}.about-columns{gap:25px}.interest-strip{gap:10px;font-size:8px}html[lang="en"] h1{font-size:47px}html[lang="en"] .project h3{font-size:15px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:80px;gap:20px}.brand{font-size:13px;gap:10px}.brand-mark{width:29px;height:29px;font-size:21px}.header nav{gap:15px;font-size:11px}.language{font-size:10px;gap:7px}.hero{grid-template-columns:1fr;padding-block:55px 37px;gap:30px;min-height:0}.hero-copy{padding:0}.eyebrow{font-size:10px;letter-spacing:1.1px}h1{font-size:clamp(39px,8.5vw,60px);letter-spacing:-2px;line-height:1.35;margin-top:24px}.orange-dot{font-size:11px;margin-left:11px}.hero-description{max-width:490px}.hero-footnote{margin-top:32px}.hero-art{height:360px;min-height:0;max-width:510px;width:100%;margin:0 auto}.section{grid-template-columns:1fr;gap:27px;padding-block:38px 44px}.section-label{padding:0;gap:15px;font-size:9px}.section h2{font-size:24px;letter-spacing:-.7px;margin-bottom:22px}.about-columns{gap:20px}.about-columns p{font-size:13px;line-height:1.95}.interest-strip{font-size:8px;margin-top:24px;gap:15px}.project-grid{gap:15px}.project h3{font-size:16px}.project p{font-size:11px}.project-category{font-size:7px;letter-spacing:.7px}.project-topline{margin-top:16px}.project-link{font-size:9px;margin-top:15px}.section-heading h2{margin-bottom:12px}.quiet-label{font-size:8px;margin-bottom:15px}.now-intro{margin-bottom:17px}.now-list p{font-size:13px}.closing{padding-block:34px}.closing p{font-size:20px}.domain-button{font-size:11px;gap:14px;padding:13px}.footer{min-height:78px;font-size:9px}.footer-note{display:none}html[lang="en"] h1{font-size:clamp(41px,8.8vw,64px);letter-spacing:-2px}html[lang="en"] .section h2{font-size:23px}html[lang="en"] .project h3{font-size:14px}.dialog-layout{padding:43px 25px 28px}}
@media(max-width:520px){.header nav{gap:13px}.brand>span:last-child{font-size:12px}.header{gap:15px}.language{gap:5px}.hero-art{height:310px}.about-columns{grid-template-columns:1fr;gap:16px}.project-grid{grid-template-columns:1fr;gap:33px}.project-visual{aspect-ratio:1.7}.project h3{font-size:20px}.project p{font-size:13px;min-height:0;max-width:330px}.project-category{font-size:8px;letter-spacing:1.4px}.project-link{font-size:10px;margin-top:14px}.project-topline{margin-top:18px}.interest-strip{gap:9px;font-size:7px;letter-spacing:.7px}.closing{display:block}.domain-button{margin-top:26px}.now-list>div{gap:12px}.now-index{font-size:9px}.now-list p{font-size:12px;max-width:250px;line-height:1.6}.now-tag{font-size:8px;flex-shrink:0}html[lang="en"] .project h3{font-size:20px}html[lang="en"] .project p{min-height:0}.footer a{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}