:root{color:#342b25;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;background:#f7f0e6;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}img{max-width:100%}::selection{color:#342b25;background:#d7a34d}a:focus-visible,button:focus-visible{outline-offset:4px;outline:3px solid #c86b3c}.skip-link{z-index:100;color:#fff;background:#342b25;padding:12px 18px;position:fixed;top:-70px;left:12px}.skip-link:focus{top:10px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Songti SC,Noto Serif CJK SC,SimSun,serif;font-weight:600}h2{letter-spacing:-.065em;font-size:clamp(2.6rem,5vw,5.2rem);line-height:1.23}h2 em{color:#b35c36;font-style:normal}.section-wrap{max-width:1240px;margin:auto;padding-left:clamp(22px,5vw,70px);padding-right:clamp(22px,5vw,70px)}.eyebrow{letter-spacing:.2em;color:#925d3e;font-size:.75rem;font-weight:700}.section-intro>p:last-child{color:#67574e;max-width:440px;font-size:1rem;line-height:1.9}.section-intro{margin-bottom:68px}.site-header{z-index:10;color:#342b25;justify-content:space-between;align-items:center;width:100%;height:82px;padding:0 clamp(22px,5vw,70px);display:flex;position:absolute;top:0;left:0}.site-brand{align-items:baseline;gap:5px;font-family:Songti SC,SimSun,serif;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.brand-asterisk{color:#c86b3c;font:1.3rem system-ui}.site-brand small{letter-spacing:.13em;margin-left:8px;font:700 .65rem system-ui}.site-header nav{gap:clamp(18px,3vw,50px);display:flex}.site-header nav a{font-size:.85rem;font-weight:700;text-decoration:none}.site-header nav a:hover,.button-text:hover,.footer a:hover{color:#a34e2f}.hero{isolation:isolate;background:#ead3b6;height:min(920px,100svh);min-height:750px;position:relative;overflow:hidden}.hero-art{object-fit:cover;object-position:center 58%;z-index:-3;width:100%;height:100%;position:absolute;inset:0}.hero-wash{z-index:-2;background:linear-gradient(90deg,#f7f0e6f5 0%,#f7f0e6e6 30%,#f7f0e68a 47%,#f7f0e600 69%),linear-gradient(#0000 82%,#36282399);position:absolute;inset:0}.hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;width:min(790px,65%);height:100%;padding:100px 0 100px clamp(22px,7vw,120px);animation:.85s both rise-in;display:flex;position:relative}.hero-kicker{color:#785745;letter-spacing:.18em;margin-bottom:38px;font-size:.75rem;font-weight:800}.hero-kicker span{color:#c86b3c;margin:0 7px}.hero h1{letter-spacing:-.075em;white-space:nowrap;margin:0 0 25px;font-size:clamp(4.2rem,7.5vw,9.5rem);line-height:1.12}.hero-mark,.period{color:#c86b3c}.hero-subtitle{letter-spacing:.035em;max-width:500px;margin-bottom:42px;font-size:clamp(1rem,1.45vw,1.35rem);line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.button-primary{color:#fff;background:#342b25;align-items:center;gap:42px;min-height:52px;padding:16px 20px;font-size:.88rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.button-primary:hover{background:#a95431;transform:translateY(-2px)}.button-text{border-bottom:1px solid;align-items:center;gap:18px;padding:9px 0;font-size:.88rem;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.hero-bottom{color:#fff;letter-spacing:.12em;justify-content:space-between;gap:12px;font-size:.71rem;font-weight:700;display:flex;position:absolute;bottom:25px;left:clamp(22px,5vw,70px);right:clamp(22px,5vw,70px)}.temp-art-note{color:#fff;letter-spacing:.06em;background:#342b25c9;padding:7px 10px;font-size:.65rem;position:absolute;bottom:66px;right:22px}.opening-strip{color:#e9d7bb;background:#342b25;justify-content:space-between;align-items:center;gap:18px;padding:21px clamp(22px,5vw,70px);display:flex}.opening-strip span{letter-spacing:.17em;white-space:nowrap;font-size:.65rem}.opening-strip p{text-align:center;margin:0;font:1.2rem Songti SC,SimSun,serif}.cities{padding-top:130px;padding-bottom:145px}.city-layout{grid-template-columns:minmax(230px,340px) 1fr;align-items:start;gap:clamp(50px,8vw,140px);display:grid}.city-rail{border-left:1px solid #c5b7a6}.city-tab{text-align:left;cursor:pointer;color:#726961;background:0 0;border:0;align-items:center;gap:18px;width:100%;padding:16px 0 32px 30px;transition:color .2s;display:flex;position:relative}.city-tab:before{content:"";background:#f7f0e6;border:1px solid #b9a594;border-radius:50%;width:9px;height:9px;transition:background .2s,transform .2s;position:absolute;top:31px;left:-5px}.city-tab.active{color:#342b25}.city-tab.active:before{background:#c86b3c;border-color:#c86b3c;transform:scale(1.4)}.city-index{color:#a78468;align-self:flex-start;margin-top:5px;font-size:.65rem}.city-tab-text{flex-direction:column;gap:8px;display:flex}.city-tab strong{font-family:Songti SC,SimSun,serif;font-size:clamp(1.4rem,2vw,2rem)}.city-tab small{font-size:.72rem}.city-dot{color:#c86b3c;margin-left:auto}.city-tab.active .city-dot:after{content:"↗"}.story-stack{min-height:535px}.city-story{animation:.45s both story-in}.story-number,.project-num{color:#a6613f;letter-spacing:.16em;font-size:.72rem;font-weight:800}.city-story h3{letter-spacing:-.07em;margin:15px 0 4px;font-size:clamp(3.3rem,5.5vw,6rem)}.story-lead{color:#8c4e35;max-width:720px;margin-bottom:27px;font-family:Songti SC,SimSun,serif;font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.6}.story-copy{color:#50463f;max-width:660px;font-size:.98rem;line-height:2.05}.story-copy p{margin-bottom:15px}.city-photos{grid-template-columns:1fr;gap:12px;margin-top:38px;display:grid}.city-photos-multi{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-placeholder,.photo-frame{aspect-ratio:1.9;color:#7a6858;letter-spacing:.08em;background:#e9dfcf;border:0;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;font-size:.77rem;display:flex;position:relative}.city-photos-multi .photo-placeholder,.city-photos-multi .photo-frame{aspect-ratio:1/1.12}.photo-placeholder:nth-child(2){background:#e4e3d5}.photo-placeholder:nth-child(3){background:#e6d4bf}.placeholder-mark{color:#ad815d;font-size:2rem}.photo-frame{cursor:zoom-in;padding:0;overflow:hidden}.photo-frame img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.photo-frame:hover img{transform:scale(1.04)}.photo-expand{background:#f7f0e6;padding:6px 10px;position:absolute;bottom:10px;right:10px}.works-section{background:#e9dece;padding:130px 0 145px}.works-inner .section-intro{margin-bottom:65px}.project{border-top:1px solid #baa994;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);align-items:center;gap:clamp(30px,6vw,100px);padding-top:42px;display:grid}.project+.project{margin-top:70px}.project-visual{aspect-ratio:1.55;background:#b48366;min-width:0;overflow:hidden}.project-visual>img{object-fit:cover;width:100%;height:100%}.project-illustration{background:radial-gradient(circle at 87% 16%,#e8b078,#ac755c 63%,#805748);justify-content:center;align-items:center;width:100%;height:100%;padding:8% 10%;display:flex}.browser-chrome{position:absolute}.project-illustration{position:relative}.browser-chrome{background:#f0eadf;border-radius:6px 6px 0 0;align-items:center;gap:5px;height:11%;padding:0 14px;display:flex;inset:13% 10% auto}.browser-chrome span{background:#c89673;border-radius:50%;width:6px;height:6px}.browser-chrome b{color:#7c6254;letter-spacing:.15em;margin-left:auto;font-size:clamp(6px,.8vw,11px)}.browser-content{background:#f7f0e6;flex-direction:column;padding:6% 8%;display:flex;position:absolute;inset:24% 10% 12%}.browser-content small{color:#a86140;letter-spacing:.15em;font-size:clamp(6px,.7vw,10px)}.browser-content strong{margin:8% 0;font-family:Songti SC,SimSun,serif;font-size:clamp(1.2rem,3vw,3.2rem);line-height:1.3}.browser-content i{background:#c3b4a2;width:64%;height:2px;margin-top:8px}.browser-content i:last-child{width:40%}.project-details h3{margin:17px 0 19px;font-size:clamp(2.8rem,4vw,4.8rem)}.project-details p{color:#5b5149;max-width:450px;line-height:1.95}.project-details .contribution{color:#75675a;font-size:.85rem}.project-link{border-bottom:1px solid #342b25;gap:70px;margin-top:26px;padding:13px 0;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.project-link:hover{color:#a34e2f;border-color:#a34e2f}.court-section{color:#f7f0e6;background:#37453d;padding:130px 0;overflow:hidden}.court-layout{grid-template-columns:1fr minmax(350px,.9fr);align-items:center;gap:clamp(55px,8vw,125px);display:grid}.court-section .eyebrow{color:#e6b97b}.court-copy h2 em{color:#e2ab69}.court-copy>p:not(.eyebrow){color:#e6dfd1;max-width:490px;line-height:2}.handwritten{color:#e2ab69;margin-top:40px;font-family:Songti SC,SimSun,serif;font-size:1.5rem;font-style:italic;display:block;transform:rotate(-3deg)}.demo-sheet{color:#342b25;background:#f7f0e6;padding:25px 34px 28px;position:relative;transform:rotate(1.4deg);box-shadow:22px 24px #28372f}.demo-top{color:#936c50;letter-spacing:.12em;justify-content:space-between;font-size:.66rem;font-weight:700;display:flex}.demo-rally{background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#fff7 calc(25% - 1px) 25%),#78816b;height:130px;margin:30px 0 25px;position:relative;overflow:hidden}.demo-rally:before,.demo-rally:after{content:"";border:2px solid #e8e3cf;position:absolute;inset:14% 6%}.demo-rally:after{border-top:0;border-bottom:0;inset:14% 47%}.court-center-line{border-top:3px solid #e8e3cf;position:absolute;top:50%;left:6%;right:6%}.shuttle{color:#fff;font-size:2.1rem;animation:2.8s ease-in-out infinite shuttle-float;position:absolute;top:7%;left:67%;transform:rotate(-15deg)}.demo-date{color:#9d684d;letter-spacing:.1em;font-size:.72rem}.demo-sheet h3{margin:12px 0;font-size:2rem}.demo-sheet>p:not(.demo-date){color:#67574e;font-size:.85rem}.reaction-row{flex-wrap:wrap;gap:8px;margin-top:23px;display:flex}.reaction-row button{color:#342b25;cursor:pointer;background:0 0;border:1px solid #d9c6b0;align-items:center;gap:6px;min-height:42px;padding:9px 10px;font-size:.75rem;display:inline-flex}.reaction-row button:hover,.reaction-row button.chosen{background:#e8c9a9;border-color:#ad6845}.demo-sheet .reaction-status{min-height:28px;margin:16px 0 0;line-height:1.5;font-size:.72rem!important}.plans-section{padding-top:130px;padding-bottom:145px}.plans-grid{grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,140px);display:grid}.plan-group{border-top:2px solid #a36042;padding-top:26px}.plan-group h3{margin-bottom:26px;font-size:1.6rem}.plan-group ul{margin:0;padding:0;list-style:none}.plan-group li{border-bottom:1px solid #d6c9b7;justify-content:space-between;align-items:baseline;gap:20px;padding:17px 0;font-size:.92rem;line-height:1.7;display:flex}.status{white-space:nowrap;color:#8a704f;font-size:.72rem}.status-进行中{color:#a95431}.status-已完成{color:#3e6851}.updated-at{color:#85796c;margin-top:30px;font-size:.75rem}.about-section{background:#e7bd8f;padding:130px 0}.about-layout{grid-template-columns:1fr 1fr;align-items:end;gap:80px;display:grid}.about-layout h2{margin-bottom:0}.about-layout h2 em{color:#8e482e}.about-content>p{font-family:Songti SC,SimSun,serif;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.8}.about-actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:35px;display:flex}.footer{color:#e5d6c4;letter-spacing:.08em;background:#342b25;justify-content:space-between;align-items:center;gap:18px;min-height:90px;padding:25px clamp(22px,5vw,70px);font-size:.75rem;display:flex}.footer a{text-decoration:none}.lightbox{z-index:1000;background:#211b19ed;justify-content:center;align-items:center;padding:80px 24px 30px;display:flex;position:fixed;inset:0}.lightbox-close{cursor:pointer;background:#f7f0e6;border:0;min-height:44px;padding:10px 16px;position:absolute;top:22px;right:24px}.lightbox figure{text-align:center;color:#f7f0e6;max-width:min(100%,1050px);max-height:100%;margin:0}.lightbox img{object-fit:contain;max-width:100%;max-height:75vh}.lightbox figcaption{margin-top:14px;font-size:.8rem}@keyframes rise-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes story-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shuttle-float{50%{transform:translate(-25px,14px)rotate(12deg)}}@media (width<=900px){.hero{height:780px;min-height:0}.hero-art{object-position:60% center}.hero-wash{background:linear-gradient(90deg,#f7f0e6f7 0%,#f7f0e6db 48%,#f7f0e626 100%),linear-gradient(#0000 85%,#3628238c)}.hero-copy{width:75%;padding-left:6vw}.hero h1{font-size:clamp(4rem,8vw,6.8rem)}.city-layout{grid-template-columns:220px 1fr;gap:50px}.court-layout{grid-template-columns:1fr 1fr;gap:45px}.demo-sheet{padding:20px}.about-layout{gap:45px}}@media (width<=700px){.site-header{height:64px}.site-brand{font-size:1.15rem}.site-brand small{font-size:.55rem}.site-header nav{gap:14px}.site-header nav a{font-size:.75rem}.site-header nav a:nth-child(2){display:none}.hero{background:#eacfb0;height:auto;min-height:100svh}.hero-art{object-position:63% center;height:62%;inset:auto 0 0}.hero-wash{background:linear-gradient(#f7f0e6 0% 32%,#f7f0e6ee 45%,#f7f0e600 70%),linear-gradient(#0000 82%,#362823a3)}.hero-copy{justify-content:flex-start;width:100%;height:auto;padding:130px 22px 340px}.hero-kicker{margin-bottom:26px;font-size:.61rem}.hero h1{margin-bottom:22px;font-size:clamp(3.8rem,13vw,6.2rem)}.hero-subtitle{max-width:310px;margin-bottom:23px;font-size:.98rem}.hero-actions{gap:14px}.button-primary{gap:15px;min-height:48px;padding:12px 15px;font-size:.8rem}.button-text{font-size:.8rem}.hero-bottom{font-size:.58rem;bottom:16px}.hero-scroll{display:none}.temp-art-note{font-size:.55rem;bottom:44px}.opening-strip{justify-content:center;min-height:76px}.opening-strip span{display:none}.opening-strip p{font-size:1rem}.cities,.plans-section{padding-top:84px;padding-bottom:95px}.section-intro{margin-bottom:45px}.city-layout{display:block}.city-rail{border-bottom:1px solid #c5b7a6;border-left:none;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:32px;display:grid}.city-tab{text-align:center;padding:10px 4px 15px;display:block}.city-tab:before{top:auto;bottom:-5px;left:calc(50% - 5px)}.city-index,.city-tab small,.city-dot{display:none}.city-tab strong{white-space:nowrap;font-size:clamp(.82rem,3vw,1.15rem)}.city-story h3{font-size:3.8rem}.story-lead{font-size:1.35rem}.story-stack{min-height:0}.city-photos-multi{gap:6px}.city-photos-multi .photo-placeholder{text-align:center;padding:4px;font-size:.58rem}.placeholder-mark{font-size:1.5rem}.works-section,.court-section,.about-section{padding:85px 0 100px}.project,.court-layout,.plans-grid,.about-layout{grid-template-columns:1fr}.project{gap:28px}.project-details h3{font-size:2.8rem}.court-layout{gap:45px}.demo-sheet{margin:0 10px 15px 0;transform:rotate(.5deg);box-shadow:10px 12px #28372f}.about-layout{gap:30px}.about-content>p{font-size:1.3rem}.footer{font-size:.67rem}}@media (width<=390px){.hero{min-height:750px}.hero-copy{padding-top:115px;padding-bottom:300px}.hero h1{font-size:3.6rem}.hero-actions{flex-direction:column;align-items:flex-start;gap:4px}.hero-art{height:58%}.hero-wash{background:linear-gradient(#f7f0e6 0% 31%,#f7f0e6ed 50%,#f7f0e600 75%),linear-gradient(#0000 82%,#362823a3)}.city-photos-multi{grid-template-columns:1fr 1fr}.city-photos-multi .photo-placeholder:last-child{aspect-ratio:3;grid-column:span 2}.reaction-row button span{font-size:.69rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.story-notes{border-top:1px solid #cbbbaa;max-width:690px;margin:34px 0 44px}.story-note{border-bottom:1px solid #d8cbbd;grid-template-columns:minmax(125px,170px) 1fr;column-gap:24px;padding:24px 0;display:grid}.story-note-index{letter-spacing:.13em;color:#9b684a;grid-row:span 2;padding-top:7px;font-size:.68rem}.story-note h4,.photo-group h4{margin:0 0 7px;font-family:Songti SC,SimSun,serif;font-size:1.35rem;font-weight:600;line-height:1.45}.story-note p{color:#50463f;grid-column:2;margin:0;font-size:.95rem;line-height:1.95}.city-gallery{gap:30px;margin-top:38px;display:grid}.city-gallery-first{margin-top:30px;margin-bottom:46px}.photo-group h4{color:#765340;margin-bottom:12px;font-size:1.1rem}.photo-group .city-photos{margin-top:0}@media (width<=700px){.city-rail{border-bottom:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.city-tab{border:1px solid #c5b7a6;padding:12px 8px}.city-tab:before{display:none}.city-tab.active{background:#f0e1d1;border-color:#b36541}.city-tab strong{white-space:normal;line-height:1.25}.story-note{grid-template-columns:1fr;gap:5px;padding:20px 0}.story-note-index{grid-row:auto;padding-top:0}.story-note p{grid-column:1}.city-photos-multi{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.city-photos-multi .photo-placeholder:last-child{aspect-ratio:1/1.12;grid-column:auto}}.gallery-notice{color:#886c58;letter-spacing:.04em;margin:0;font-size:.75rem;line-height:1.7}.city-gallery .city-photos-multi{grid-template-columns:repeat(2,minmax(0,1fr))}.city-gallery .photo-frame{aspect-ratio:auto;display:block}.city-gallery .photo-frame img{object-fit:contain;width:100%;height:auto;display:block}@media (width<=700px){.city-gallery .city-photos-multi{grid-template-columns:1fr}}.photo-group-fold{border-top:1px solid #d8c9b6;margin-top:22px}.photo-group-fold>summary{cursor:pointer;color:#765340;justify-content:space-between;align-items:baseline;gap:14px;padding:16px 2px;list-style:none;display:flex}.photo-group-fold>summary::-webkit-details-marker{display:none}.photo-group-fold .fold-title{font-family:Songti SC,SimSun,serif;font-size:1.15rem;font-weight:600}.photo-group-fold .fold-hint{letter-spacing:.14em;color:#a78468;flex-shrink:0;font-size:.68rem}.photo-group-fold>summary:after{content:"+";color:#c86b3c;font-size:1.05rem;transition:transform .2s}.photo-group-fold[open]>summary:after{content:"−"}.photo-group-fold .fold-body{padding:2px 2px 8px}.photo-group-fold .fold-desc{color:#6b5b4d;max-width:600px;margin:0 0 14px;font-size:.9rem;line-height:1.9}.project-note{color:#7a6858;border-bottom:1px solid #b9a594;margin-top:26px;padding:13px 0;font-size:.85rem;font-weight:700}.court-block{color:#f7f0e6;background:#37453d;margin-top:clamp(55px,7vw,90px);padding:clamp(45px,6vw,80px) clamp(24px,5vw,70px);overflow:hidden}.court-block .eyebrow{color:#e6b97b}.court-block .court-copy h3{letter-spacing:-.04em;margin:12px 0 18px;font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.15}.court-block .court-copy h3 em{color:#e2ab69;font-style:normal}.court-block .court-copy>p:not(.eyebrow){color:#e6dfd1;max-width:490px;line-height:2}.court-block .demo-sheet{box-shadow:16px 18px #28372f}