.detail-page .site-header{position:relative;color:var(--ink);padding-bottom:25px}.detail-page main{min-height:70vh}.project-cover{position:relative}.project-title{padding:60px var(--gutter) 50px;max-width:1600px}.project-title>p{font-size:13px;margin-bottom:30px}.project-title h1{font:400 clamp(40px,6.7vw,110px)/1.3 var(--serif);letter-spacing:-.055em;max-width:1300px}.project-tags{font-size:13px;color:var(--muted);margin-top:30px}.project-cover>img{width:100%;height:65vw;max-height:780px;object-fit:cover}.project-back{position:absolute;bottom:30px;right:var(--gutter);background:var(--paper);padding:10px 20px;font-size:12px}.project-detail main>div,.project-detail main>section:not(.project-cover){padding:65px var(--gutter);max-width:1500px;margin:auto}.project-detail main>div>div[class$="-inner"]{max-width:1260px;margin:auto}.detail-page h2{font:400 clamp(27px,3.2vw,50px)/1.5 var(--serif);margin:28px 0}.detail-page h3,.section-label,.compare-label,.compare-label-sm,.video-gallery-label,.chain-gallery-label,.video-label,.body-section-title{font:400 clamp(22px,2.4vw,36px)/1.5 var(--serif);margin:42px 0 22px}.detail-page p{line-height:1.95;max-width:850px;margin:15px 0;color:var(--muted)}.body-lead{font:400 26px/1.7 var(--serif)!important;color:var(--ink)!important}.detail-page figure{margin:0}.detail-page img{width:100%;height:auto}.detail-page video{width:100%;aspect-ratio:16/9;background:#222;object-fit:contain}.main-video-section{background:#d9d9d4;max-width:none!important}.video-caption,.video-item-label,.figure-caption,.proc-caption,.compare-caption,.xq-gallery-item-caption,.img-label,.case-contrast-label,.garden-triple-label,.chain-label,.media-item-label{font-size:12px;line-height:1.7;color:var(--muted);padding:12px 0 20px}.video-label{margin-top:0}.video-gallery-grid,.media-row,.chain-grid,.xq-gallery-grid,.applications-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.chain-item img{aspect-ratio:1.6;object-fit:cover}.info-bar-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.info-l{font-size:12px;margin-bottom:10px}.info-v{font-size:16px}.info-brief{font-size:18px;line-height:1.9}.proj-body{max-width:1200px!important}.flow{display:flex;flex-wrap:wrap;gap:20px;margin:30px 0}.flow-n{flex:1 1 180px;padding:22px;background:#e7e7e2;min-width:0;line-height:1.8}.flow-n span{display:block;font-size:12px;color:var(--muted);margin-top:10px}.flow-ar{display:none}.flow-step-num{font-size:12px;color:var(--muted);margin-bottom:15px}.flow-step-title{font-size:20px;margin-bottom:12px}.flow-step-desc{font-size:13px}.process-list{display:grid;gap:60px}.proc-item{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px}.proc-num{font-size:13px;padding-top:17px}.proc-img,.compare-row,.garden-triple-imgs,.case-contrast{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.compare-col{min-width:0}.compare-col img{object-fit:contain;max-height:680px}.compare-group{margin-bottom:70px}.compare-tag{font-size:14px;margin:15px 0}.compare-intro{max-width:850px;margin-bottom:30px}.compare-intro p{font-size:16px}.compare-row-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.compare-row-grid-1,.proc-img-grid-1{grid-template-columns:1fr}.figure-caption{min-height:45px}.proj-note,.project-note{font-size:12px;color:var(--muted);margin-top:50px}.purpose-inner,.meaning-inner,.translation-inner,.method-inner{max-width:1000px!important}.garden-section{background:#e7e7e2}.garden-triple-item{margin-bottom:55px}.garden-triple-imgs{grid-template-columns:repeat(3,minmax(0,1fr))}.garden-img-wrap img{height:260px;object-fit:contain;background:#ddd}.xq-gallery-item img{aspect-ratio:1.5;object-fit:contain;background:#262828}.case-block{margin:45px 0 65px}.case-title,.garden-title{font:400 27px/1.6 var(--serif);margin-bottom:20px}.case-contrast img{max-height:450px;object-fit:contain}.case-desc,.case-note{font-size:14px;color:var(--muted);line-height:1.9}.application-n{display:none}.application-title{font-size:21px;margin-bottom:20px}.application-desc{font-size:14px;color:var(--muted)}.proj-pager{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:55px var(--gutter);background:var(--violet)}.pager-dir{display:block;font-size:12px;margin-bottom:15px}.pager-title{font:400 clamp(20px,2.6vw,40px)/1.6 var(--serif)}.pager-next{text-align:right}.detail-footer{padding:35px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px}.detail-footer>a:first-child{font:400 25px/1.5 var(--serif)}
.writing-detail .page-header,.writing-detail .article-header{padding:75px var(--gutter) 60px;max-width:1300px;margin:auto}.writing-detail .page-header h1{font:400 clamp(80px,15vw,200px)/1.2 var(--serif);margin-bottom:30px}.page-header .sub{font:400 clamp(19px,2.4vw,30px)/1.6 var(--serif);max-width:800px}.page-header .desc{font-size:14px;color:var(--muted);max-width:650px;margin-top:22px}.thinking-list{padding:20px var(--gutter) 90px;max-width:1300px;margin:auto}.thinking-entry{display:grid;grid-template-columns:1fr 3fr;gap:45px;padding:45px 0;border-top:1px solid var(--line)}.entry-meta{font-size:12px;display:flex;gap:20px;padding-top:30px}.entry-img{max-height:540px;object-fit:cover;margin:25px 0}.entry-excerpt{max-width:660px!important}.entry-link,.back-link{font-size:13px;border-bottom:1px solid;display:inline-block;margin-top:25px}.article-title{font:400 clamp(36px,6vw,88px)/1.4 var(--serif);margin-top:35px;max-width:1050px}.article-meta{font-size:12px;color:var(--muted)}.article-meta .dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin:0 12px}.article-layout{padding:0 var(--gutter) 60px;max-width:1050px;margin:auto}.article-body{max-width:760px}.article-body p{font-size:17px;margin:25px 0;line-height:2}.article-body h2{font-size:30px;margin-top:65px}.article-body blockquote{font:400 25px/1.8 var(--serif);border-left:3px solid var(--violet);padding-left:25px;margin:35px 0}.article-video-wrap{margin:45px 0}.writing-detail main>.back-link{margin:0 var(--gutter) 60px}.error-page,.error-content{padding:80px var(--gutter);min-height:55vh}
@media(max-width:760px){.project-title{padding-top:35px;padding-bottom:35px}.project-title>p{margin-bottom:23px}.project-title h1{font-size:39px;line-height:1.5}.project-tags{font-size:11px;line-height:1.8;margin-top:20px}.project-cover>img{height:460px;object-position:center}.project-detail main>div,.project-detail main>section:not(.project-cover){padding:40px var(--gutter)}.detail-page h3,.section-label,.compare-label,.compare-label-sm,.video-gallery-label,.chain-gallery-label,.video-label{font-size:24px;margin-top:30px}.body-lead{font-size:22px!important}.detail-page p{font-size:14px}.video-gallery-grid,.media-row,.chain-grid,.xq-gallery-grid,.applications-grid{grid-template-columns:1fr;gap:25px}.info-bar-inner{grid-template-columns:1fr 1fr;gap:25px}.info-brief{grid-column:1/-1;font-size:16px}.proc-item{grid-template-columns:1fr;gap:10px}.proc-num{font-size:14px}.proc-img{grid-template-columns:1fr}.compare-row{grid-template-columns:1fr!important;gap:18px}.compare-row:has(.compare-tag){grid-template-columns:1fr 1fr!important}.flow{gap:12px}.flow-n{flex-basis:135px;padding:16px;font-size:14px}.flow-step-title{font-size:19px}.garden-triple-imgs{grid-template-columns:1fr 1fr;gap:14px}.garden-img-wrap img{height:200px}.case-contrast{grid-template-columns:1fr}.proj-pager{gap:20px;padding:35px var(--gutter)}.pager-title{font-size:19px}.pager-dir{font-size:10px}.detail-footer{flex-wrap:wrap;gap:20px;padding-top:30px}.detail-footer>a:first-child{width:100%;font-size:27px}.detail-footer span{margin-left:auto}.writing-detail .page-header,.writing-detail .article-header{padding:40px var(--gutter)}.writing-detail .page-header h1{font-size:88px}.thinking-entry{grid-template-columns:1fr;gap:10px;padding:30px 0}.entry-meta{padding-top:0}.entry-title{font-size:30px!important;margin-top:8px!important}.article-title{font-size:38px}.article-body p{font-size:16px}.article-body h2{font-size:25px}.article-body blockquote{font-size:21px}}
.project-title h1,.article-title{text-wrap:balance}
.not-found{padding:65px var(--gutter);min-height:60vh}.not-found .code{font:400 130px/1.2 var(--serif);color:var(--violet)}.not-found h1{font:400 40px/1.5 var(--serif);margin:20px 0}.not-found .links{display:flex;flex-wrap:wrap;gap:25px;margin:30px 0}.not-found .links a{border-bottom:1px solid;padding-bottom:4px}