:root{--paper:#f2f2eb;--ink:#343a37;--orange:#b46c46;--muted:#737b70;--line:#d5d9cf;--serif:"Songti TC","Noto Serif TC","PMingLiU",serif;--sans:"PingFang TC","Microsoft JhengHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:83px}body{margin:0;color:var(--ink);background:var(--paper) url('assets/paper.svg');background-size:480px;font:14px/1.95 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--serif);font-weight:400}h2{font-size:clamp(31px,3.3vw,52px);line-height:1.6;letter-spacing:.12em}h3{font-size:clamp(25px,2.35vw,36px);line-height:1.65;letter-spacing:.09em}h4{font-size:21px;letter-spacing:.08em}.accent{color:var(--orange)}.overline{font:11px/1.6 Georgia,serif;letter-spacing:.24em;color:var(--orange);margin-bottom:24px}.tiny{font-size:10px;letter-spacing:3px;color:var(--muted)}.poem{font-family:var(--serif);font-size:19px;line-height:2.1;letter-spacing:2px;color:var(--muted)}.footnote{font-size:10px;color:var(--muted);line-height:1.9}.centered{text-align:center;padding:0 6% 45px}.chapter{max-width:1320px;margin:auto;width:88%}.chapter-heading{text-align:center;padding:90px 6% 50px}.chapter-heading>p:last-child{margin-top:25px;font-family:var(--serif);font-size:17px;letter-spacing:.1em;color:var(--muted)}.skip{position:fixed;top:-80px;z-index:90;background:var(--ink);color:white;padding:10px}.skip:focus{top:10px}.header{position:sticky;top:0;background:#303b36f8;background-image:url('assets/paper.svg');color:#f5f3e9;display:flex;align-items:center;justify-content:space-between;height:82px;padding:0 5%;gap:30px;z-index:30;border-bottom:1px solid #b46c4660}.brand{display:flex;align-items:center;gap:14px;font-family:var(--serif);font-size:21px;letter-spacing:.12em;white-space:nowrap;line-height:1.5}.brand small{display:block;font:8px/1.8 Georgia,serif;letter-spacing:.28em;margin-top:3px}.flower{display:block;background:#c1845a;width:48px;height:48px;mask:url('assets/flower.png') center/contain no-repeat;-webkit-mask:url('assets/flower.png') center/contain no-repeat}.header nav{display:flex;gap:24px;font-size:12px;letter-spacing:1px}.header nav a{padding:9px 0;position:relative;opacity:.85}.header nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#c1845a;transition:width .25s}.header nav a:hover:after,.header nav a.active:after{width:100%}.header nav a:hover,.header nav a.active{opacity:1}.menu{display:none}.quick-nav{position:fixed;right:0;top:35%;z-index:25;background:#b46c46f2;color:white;border-radius:8px 0 0 8px;box-shadow:0 10px 30px #20332620;overflow:hidden}.quick-nav a{display:flex;flex-direction:column;align-items:center;padding:15px 10px;font-size:9px;letter-spacing:1px;border-bottom:1px solid #ffffff30;min-width:64px;transition:background .2s}.quick-nav a:last-child{border:0}.quick-nav a span{font-size:24px;line-height:1.5}.quick-nav a:hover{background:#8c4d32}.hero{position:relative;min-height:max(760px,calc(100svh - 82px));overflow:hidden;color:#f4f3e9;background:radial-gradient(ellipse 70% 100% at 83% 62%,#4c737d 0%,#294d5d 34%,#203b4b 62%,#192c39 100%);display:flex;align-items:center;padding:65px 9% 120px}.hero:before{content:"";position:absolute;inset:0;background:url('assets/paper.svg'),linear-gradient(95deg,#162631f5,#192f3dc7 37%,#203d4b35 65%,transparent);background-size:480px,100%}.hero-content{position:relative;z-index:2}.hero-flower{width:100px;height:100px;background:#cda286;margin-bottom:30px}.hero .overline{color:#cfad92;font-size:11px;margin-bottom:18px}.hero h1{font-size:clamp(45px,5.5vw,90px);letter-spacing:.16em;line-height:1.35;text-shadow:0 10px 40px #14212966;white-space:nowrap}.hero-english{font:clamp(20px,2vw,30px)/1.6 Georgia,serif;letter-spacing:.28em;color:#e5dfd5;margin-top:17px}.hero-rule{height:1px;width:70px;background:#b98b6b;margin:32px 0 24px}.hero-poem{font:clamp(20px,1.8vw,28px)/1.9 var(--serif);letter-spacing:.12em;color:#e4e0d8}.hero-poem span{color:#d4ae94}.hero-spec{font-size:12px;letter-spacing:2px;color:#b2c5c3;margin-top:30px}.hero-spec i{font-style:normal;color:#718e8d;margin:0 12px}.water-art{position:absolute;width:94vw;aspect-ratio:1100/810;right:-18%;top:50%;transform:translateY(-42%) rotate(-12deg);background:url('assets/water.svg') center/contain no-repeat;opacity:.94;pointer-events:none;animation:water-drift 16s ease-in-out infinite alternate}.water-art:after{content:"";position:absolute;inset:20%;border-radius:50%;background:radial-gradient(ellipse,#d4e3d21c,transparent 65%);animation:water-light 9s ease-in-out infinite alternate}@keyframes water-drift{to{transform:translateY(-43%) rotate(-9deg) scale(1.02)}}@keyframes water-light{to{opacity:.4;transform:translateX(5%)}}.scroll{position:absolute;bottom:38px;right:9%;display:flex;gap:24px;align-items:center;font:10px Georgia,serif;letter-spacing:2px;color:#b8c5c6}.scroll>span:last-child{font-size:24px}.hero-index{position:absolute;left:9%;bottom:48px;font:10px Georgia,serif;letter-spacing:2px;color:#b8c5c6}.opening{text-align:center;padding:95px 0 35px}.opening .poem{margin-top:30px}.opening-line{height:65px;width:1px;background:#b46c4660;margin:35px auto 20px}.image-frame{display:block;width:100%;background:#e5e9dd;padding:0;position:relative;overflow:hidden}.zoom{position:absolute;right:20px;bottom:20px;padding:7px 13px;background:#263c32bb;color:white;font-size:10px;letter-spacing:1px;backdrop-filter:blur(5px)}.wide-photo{position:relative;margin:0;width:100%;height:min(60vw,740px)}.wide-photo .image-frame{height:100%}.wide-photo img{object-position:center 56%}.wide-photo figcaption{position:absolute;bottom:25px;left:6%;font-size:10px;background:#263c3299;color:white;padding:6px 12px;letter-spacing:1px}.architecture-story{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;padding:60px 0 40px}.architecture-story>div>p:not(.overline){font-size:14px;color:var(--muted);margin-top:13px;line-height:2.2}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0 38px;margin-bottom:28px;border-block:1px solid var(--line)}.stats>div{text-align:center;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats strong{display:block;font:55px/1.4 Georgia,serif}.stats small{font:12px var(--sans);margin-left:10px;color:var(--muted)}.stats span{font-size:11px;letter-spacing:2px;color:var(--muted)}.landscape{background:#e9ece3 url('assets/paper.svg');background-size:480px}.landscape-stage{display:grid;grid-template-columns:1.5fr 1fr;align-items:center}.landscape-main{height:580px}.landscape-text{padding:40px 13%}.landscape-text>p:not(.overline){font-size:12px;color:var(--muted);margin-top:25px;line-height:2.2}.landscape-pair{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:65px 0 35px}.landscape-pair .image-frame{height:320px}.landscape-pair .overline{margin-top:30px;margin-bottom:15px;font-size:10px}.landscape-pair h3{font-size:27px}.landscape-pair article>p:last-child{margin-top:15px;color:var(--muted);font-size:12px}.water-interlude{position:relative;overflow:hidden;background:#203b4b;color:#f5f3e9;text-align:center;padding:80px 6%;min-height:360px}.water-interlude>.overline,.water-interlude>p{position:relative;z-index:1}.water-interlude .overline{color:#cda286;font-size:10px}.water-interlude>p:last-child{font:36px/1.9 var(--serif);letter-spacing:4px}.water-interlude>p span{color:#d4ae94}.water-interlude .water-art{width:90%;right:-35%;opacity:.6}.city-connection{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center}.city-connection>button{height:400px}.city-connection>div>p:not(.overline){font-size:13px;color:var(--muted);margin-top:25px;line-height:2.2}.city-connection h3{font-size:32px}.city-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.city-pills span{font-size:10px;padding:7px 10px;border:1px solid var(--line);color:var(--muted)}.city-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:50px}.city-gallery .image-frame{height:220px}.city-gallery h4{font-size:20px;text-align:center;margin-top:15px}.city-gallery .zoom{bottom:12px;right:12px}.map-head{display:flex;justify-content:space-between;align-items:end;margin-top:75px;margin-bottom:25px;gap:25px}.map-head .overline{margin-bottom:10px}.map-head h3{font-size:28px}.text-link{display:inline-block;font-size:12px;letter-spacing:1px;border-bottom:1px solid #a3ad9c;padding-bottom:6px}.map{max-height:620px;border:1px solid var(--line)}.map img{object-fit:contain;height:auto;max-height:620px}.city{padding-bottom:70px}.residences{background:#e9ece3 url('assets/paper.svg');background-size:480px;padding-bottom:60px}.plan-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #ccd4c7;margin-bottom:35px}.plan-tabs button{background:transparent;padding:20px;border-right:1px solid #ccd4c7;display:flex;align-items:center;justify-content:center;gap:13px;color:var(--muted)}.plan-tabs button:last-child{border:0}.plan-tabs button[aria-pressed=true]{background:#34423b;color:#f5f3e9}.plan-tabs strong{font:24px Georgia,serif;font-weight:400}.plan-tabs span{font-size:13px;letter-spacing:1px}.plan-tabs small{font-size:10px;opacity:.7}.plan-stage{display:grid;grid-template-columns:1.3fr 1fr;gap:6%;align-items:center}.plan-image{height:600px;background:#f9f7ef;border:1px solid #d5d9cc}.plan-image img{object-fit:contain;padding:18px}.plan-story .overline{font-size:9px;margin-bottom:18px}.plan-story h3{font-size:32px}.plan-story .plan-spec{font-size:12px;letter-spacing:1px;color:var(--muted);margin:15px 0 22px}.plan-story .plan-poem{font-family:var(--serif);font-size:21px;color:var(--ink);line-height:1.9;margin-bottom:25px}.plan-story .plan-description{font-size:12px;color:var(--muted);line-height:2.2}.plan-benefits{margin-top:20px}.plan-benefits>div{border-top:1px solid #ced6c9;padding:15px 0;display:flex;gap:14px}.plan-benefits>div>span{font:14px Georgia,serif;color:var(--orange);margin-top:3px}.plan-benefits h4{font:13px var(--sans);margin-bottom:7px;letter-spacing:.5px}.plan-benefits p{font-size:11px;color:var(--muted);line-height:1.9}.plan-common{display:flex;justify-content:center;gap:30px;border-block:1px solid #ccd4c7;padding:18px 0;font-size:11px;letter-spacing:1px;margin-top:30px;margin-bottom:17px}.floor-atlas{border-top:1px solid #ccd4c7}.floor-atlas summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding:20px 0;font-size:13px;letter-spacing:1px}.floor-atlas summary::-webkit-details-marker{display:none}.floor-atlas summary>span{color:var(--orange);font-size:20px}details[open] summary>span{transform:rotate(45deg)}.floor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.floor-grid figure{margin:0}.floor-grid button{height:270px;background:#f7f5ed}.floor-grid img{object-fit:contain}.floor-grid figcaption{padding:12px 0;font-size:11px;letter-spacing:1px}.materials{background:#303b36 url('assets/paper.svg');background-size:480px;color:#f5f3e9;padding-bottom:65px}.materials h2 span{color:#cb9a79}.materials .chapter-heading>p:last-child,.materials .footnote{color:#bac3b5}.materials .overline{color:#c69b7d}.material-feature{display:grid;grid-template-columns:1.4fr 1fr;gap:8%;align-items:center;margin-bottom:60px}.material-feature>button{height:420px}.material-feature h3{font-size:31px}.material-feature>div>p:not(.overline){font-size:13px;line-height:2.2;color:#bdc9bb;margin-top:20px}.material-feature small{font-size:10px;color:#a8b8a8;display:block;margin-top:15px}.material-tabs{display:flex;border-block:1px solid #ffffff25;margin-bottom:28px}.material-tabs button{background:transparent;color:#bac3b5;flex:1;padding:16px;font-size:12px;letter-spacing:1px}.material-tabs button[aria-pressed=true]{color:#ffffff;background:#b46c46}.material-list{display:grid;grid-template-columns:1fr 1fr;gap:15px 40px}.material-list article{border-bottom:1px solid #ffffff25;padding:22px 0}.material-brand{font:23px Georgia,serif;letter-spacing:1px;color:#e6d5c2}.material-list h3{font-family:var(--sans);font-size:13px;letter-spacing:1px;margin:11px 0}.material-list p{font-size:11px;line-height:2;color:#bdc9bb}.material-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.material-tags span{font-size:9px;padding:3px 8px;border:1px solid #ffffff25;color:#c2ccbd}.material-list details{margin-top:14px}.material-list summary{font-size:10px;color:#c69b7d;cursor:pointer}.material-list details>p{font-size:10px;margin-top:12px}.material-list details a{font-size:10px;color:#c69b7d;display:inline-block;margin-top:10px}.slab{display:grid;grid-template-columns:1fr 1.3fr;gap:7%;align-items:center;margin-top:65px;margin-bottom:35px;border-top:1px solid #ffffff25;padding-top:55px}.slab h3{font-size:31px}.slab>div>p:not(.overline){margin-top:23px;color:#bdc9bb;font-size:12px;line-height:2.2}.slab>div>p.footnote{font-size:10px}.diagram img{object-fit:contain;padding:12px}.slab>button{height:350px;background:#f7f5ed}.materials>.footnote{padding-bottom:0}.assurance-feature{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:9%}.assurance-feature>button{height:480px;background:#f5f4ed}.assurance-feature>div>p{margin-top:24px;color:var(--muted);font-size:13px;line-height:2.2}.assurance-feature>div>p.footnote{font-size:10px}.warranties{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;margin-bottom:45px;border-block:1px solid var(--line);padding:28px 0}.warranties>div{text-align:center;border-right:1px solid var(--line)}.warranties>div:last-child{border:0}.warranties>div>span{font-size:13px;letter-spacing:1px}.warranties strong{display:block;font:50px/1.5 Georgia,serif;color:var(--orange)}.warranties small{font:12px var(--sans);margin-left:7px}.warranties p{font-size:10px;color:var(--muted)}.sgs{display:flex;gap:45px;align-items:center;max-width:800px;margin:0 auto 35px}.sgs>button{width:180px;min-width:180px;height:180px;background:transparent}.sgs img{object-fit:contain}.sgs .overline{font-size:9px;margin-bottom:10px}.sgs h3{font-size:27px}.sgs p:last-child{color:var(--muted);font-size:12px;margin-top:15px}.brand-story{padding:70px 0 80px;text-align:center;border-top:1px solid var(--line)}.brand-story .poem{margin-top:30px;font-size:17px}.brand-values{display:grid;grid-template-columns:repeat(3,1fr);max-width:850px;margin:45px auto}.brand-values article{border-right:1px solid var(--line)}.brand-values article:last-child{border:0}.brand-values span{font:9px Georgia,serif;color:var(--orange);letter-spacing:2px}.brand-values h3{font-size:29px;margin:12px 0}.brand-values p{font-size:11px;color:var(--muted)}.timeline{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;border-top:1px solid var(--line);padding-top:20px}.timeline>span{font:18px Georgia,serif;color:var(--orange)}.timeline small{display:block;font:10px/1.8 var(--sans);margin-top:12px;color:var(--muted)}.brand-story>.footnote{margin-top:20px}.visit{background:#203b4b url('assets/paper.svg');background-size:480px;color:#f5f3e9;text-align:center;padding:75px 6% 85px;position:relative;overflow:hidden}.visit-flower{width:72px;height:72px;margin:0 auto 30px;background:#cda286}.visit .overline{color:#cda286;font-size:10px}.visit h2 span{color:#d4ae94}.visit>p:not(.overline){color:#bccbc6;font-size:13px;letter-spacing:1px;margin-top:25px}.visit-status{padding:14px 25px;border:1px solid #afc2b940;display:inline-block;margin-top:30px;font-size:12px;letter-spacing:2px}.visit>p.footnote{font-size:10px;margin-top:15px}.visit .text-link{margin-top:30px;font-size:11px}footer{padding:40px 6% 25px;display:flex;align-items:center;flex-wrap:wrap;gap:35px}footer>.brand{font-size:20px}footer>p{font-family:var(--serif);font-size:13px;letter-spacing:1px;color:var(--muted)}.back-top{margin-left:auto;border:1px solid var(--line);width:42px;height:42px;display:grid;place-items:center}.footer-bottom{width:100%;border-top:1px solid var(--line);padding-top:18px;font-size:9px;color:var(--muted);display:flex;gap:25px;justify-content:space-between}.footer-bottom p{max-width:630px}dialog{position:fixed;background:#1b2623;color:#f4f3e9;width:94vw;max-width:1400px;height:92dvh;max-height:92dvh;padding:0;border:1px solid #ffffff30;overflow:hidden;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#15201dee;backdrop-filter:blur(8px)}dialog[open]{display:flex;flex-direction:column;animation:modal-enter .25s ease}.lightbox-close{position:absolute;right:14px;top:12px;background:#273831;color:#fff;width:44px;height:44px;border:1px solid #ffffff50;font-size:30px;line-height:1;z-index:2}.lightbox-controls{height:68px;display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;padding-right:58px}.lightbox-controls button{background:#ffffff10;color:#f5f3e9;border:1px solid #ffffff30;padding:6px 14px;min-width:36px;line-height:1.5;font-size:12px}.lightbox-controls button:disabled{opacity:.3;cursor:default}.lightbox-canvas{height:calc(100% - 118px);flex:1;overflow:auto;display:block;padding:0 18px}.lightbox-canvas img{width:100%;height:100%;object-fit:contain;margin:auto}.lightbox-canvas.zoomed img{object-fit:contain;height:auto;max-width:none;max-height:none}.lightbox-canvas.zoomed{cursor:grab}.lightbox-canvas.dragging{cursor:grabbing}.lightbox-canvas img{user-select:none;-webkit-user-drag:none}.lightbox-canvas.zoomed img{min-height:100%}#lightbox-caption{height:44px;flex-shrink:0;text-align:center;font-size:11px;letter-spacing:1px;padding:9px 20px}.modal-open{overflow:hidden}.data-error{padding:20px;color:var(--orange)}@keyframes modal-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{padding-left:max(9%,calc((100vw - 1340px)/2))}.hero h1{font-size:90px}.wide-photo{height:760px}}
@media(max-width:1100px){.header{padding-inline:4%;gap:20px}.header nav{gap:17px;font-size:11px}.brand{font-size:18px;gap:11px}.flower{width:40px;height:40px}.hero{padding-inline:7%;min-height:720px}.hero-flower{width:85px;height:85px}.hero-index{left:7%}.scroll{right:7%}.hero h1{font-size:6.2vw}.water-art{width:115vw;right:-35%;opacity:.8}.quick-nav a{min-width:58px;padding:12px 8px;font-size:8px}.chapter{width:86%}.landscape-main{height:480px}.landscape-text{padding:30px 10%}.landscape-text h3{font-size:28px}.landscape-pair{gap:30px}.landscape-pair .image-frame{height:260px}.city-connection>button{height:340px}.city-connection h3{font-size:28px}.city-gallery .image-frame{height:185px}.plan-tabs span{font-size:11px}.plan-tabs button{gap:9px;padding:18px 10px}.plan-image{height:550px}.plan-story h3{font-size:29px}.plan-story .plan-poem{font-size:19px}.material-feature>button{height:350px}.material-feature h3,.slab h3{font-size:28px}.slab>button{height:290px}.assurance-feature>button{height:390px}.assurance-feature{gap:6%}}
@media(max-width:800px){html{scroll-padding-top:72px}.header{height:72px}.header nav{display:none;position:absolute;top:72px;left:0;right:0;padding:20px 7%;background:#303b36;border-bottom:1px solid #b46c4680;font-size:14px;gap:12px}.header nav.open{display:flex;flex-direction:column}.header nav a{width:fit-content}.menu{display:flex;flex-direction:column;justify-content:center;gap:7px;background:transparent;width:32px;height:36px;padding:5px}.menu span{height:1px;width:23px;background:#f5f3e9;transition:transform .2s}.menu[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{min-height:730px;padding:65px 7% 120px}.hero h1{font-size:7vw}.hero .overline{font-size:10px}.hero-english{font-size:22px}.hero-flower{width:90px;height:90px}.hero-poem{font-size:24px}.hero-spec{font-size:11px;letter-spacing:1px}.hero-spec i{margin:0 7px}.chapter-heading{padding-top:70px;padding-bottom:40px}.chapter-heading>p:last-child{font-size:15px}.opening{padding-top:75px}.wide-photo{height:500px}.architecture-story{gap:8%}.landscape-stage{grid-template-columns:1fr}.landscape-main{height:470px}.landscape-text{text-align:center;padding:40px 10%}.landscape-text>p:not(.overline){margin-top:20px}.landscape-pair{padding-top:15px}.landscape-pair .image-frame{height:220px}.landscape-pair h3{font-size:23px}.water-interlude>p:last-child{font-size:32px}.city-connection{gap:5%}.city-connection>button{height:330px}.city-connection h3{font-size:25px}.city-connection .overline{font-size:8px}.city-connection>div>p:not(.overline){font-size:11px}.city-gallery{gap:18px}.city-gallery .image-frame{height:150px}.city-gallery h4{font-size:17px}.map-head h3{font-size:25px}.plan-stage{grid-template-columns:1fr;gap:30px}.plan-image{height:570px}.plan-story{max-width:100%}.plan-story .plan-description{font-size:13px}.plan-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan-benefits>div{display:block}.plan-benefits h4{margin-top:8px}.plan-common{gap:20px;font-size:10px;letter-spacing:0}.floor-grid button{height:220px}.material-feature{gap:6%}.material-feature>button{height:330px}.material-feature h3{font-size:25px}.material-tabs button{padding:15px 8px;font-size:11px;letter-spacing:0}.slab{gap:5%}.slab h3{font-size:25px}.slab>button{height:260px}.assurance-feature>button{height:340px}.assurance-feature h3{font-size:27px}.assurance-feature>div>p{font-size:11px}.sgs{gap:25px}.timeline{grid-template-columns:repeat(4,1fr);gap:25px 10px}.timeline small{margin-top:8px}.footer-bottom{font-size:9px}footer>p{order:3;width:100%;font-size:12px}footer>.footer-bottom{order:4}.quick-nav a{min-width:52px}.stats strong{font-size:46px}.stats span{font-size:10px;letter-spacing:1px}}
@media(max-width:560px){.header{padding-inline:5%;height:68px}.header nav{top:68px}.brand{font-size:17px}.brand small{font-size:7px}.flower{width:38px;height:38px}.quick-nav{top:auto;bottom:0;left:0;right:0;border-radius:0;display:flex;background:#303b36fa;border-top:1px solid #b46c4680}.quick-nav a{flex:1;border-bottom:0;border-right:1px solid #ffffff20;flex-direction:row;justify-content:center;gap:9px;padding:12px 5px;font-size:11px}.quick-nav a:last-child{border:0}.quick-nav a span{font-size:19px;line-height:1}.hero{min-height:calc(100svh - 68px);padding:50px 7% 115px;align-items:center}.hero-flower{width:82px;height:82px;margin-bottom:27px}.hero .overline{font-size:8px;letter-spacing:.2em}.hero h1{font-size:9vw;letter-spacing:.08em;white-space:normal}.hero-english{font-size:19px;letter-spacing:.22em;margin-top:14px}.hero-rule{margin:27px 0 24px}.hero-poem{font-size:22px;letter-spacing:.08em;line-height:1.9}.hero-spec{font-size:10px;letter-spacing:.4px;margin-top:23px}.hero-spec i{margin:0 5px}.hero .water-art{width:190vw;right:-107%;top:62%;opacity:.65}.hero:before{background:url('assets/paper.svg'),linear-gradient(100deg,#162631ef,#192f3d88 68%,transparent);background-size:480px,100%}.hero-index{font-size:8px;bottom:43px}.scroll{font-size:8px;gap:13px;bottom:33px}.scroll>span:last-child{font-size:21px}.chapter{width:86%}.chapter-heading{padding:60px 7% 35px}.chapter-heading h2{font-size:29px;letter-spacing:.07em}.chapter-heading>p:last-child{font-size:13px;letter-spacing:.07em;line-height:2;margin-top:20px}.overline{font-size:9px;letter-spacing:.18em;margin-bottom:20px}.opening{padding-top:60px;padding-bottom:0}.opening h2{font-size:33px;letter-spacing:.08em}.opening .poem{font-size:16px;margin-top:25px}.opening-line{height:40px;margin:26px auto 18px}.wide-photo{height:400px}.wide-photo img{object-position:60% center}.zoom{font-size:9px;right:12px;bottom:12px;padding:6px 10px}.wide-photo figcaption{bottom:15px;font-size:9px}.architecture-story{grid-template-columns:1fr;gap:20px;padding:40px 0 30px}.architecture-story h3{font-size:31px}.architecture-story>div>p:not(.overline){font-size:13px}.stats{grid-template-columns:repeat(2,1fr);gap:24px 0;padding:23px 0}.stats>div:nth-child(2){border:0}.stats strong{font-size:48px}.stats small{font-size:11px}.stats span{font-size:11px}.centered{padding-bottom:35px;font-size:9px;line-height:2.1}.landscape-main{height:290px}.landscape-text{padding:35px 7%}.landscape-text h3{font-size:28px}.landscape-text>p:not(.overline){font-size:12px;margin-top:17px}.landscape-pair{grid-template-columns:1fr;gap:35px;padding:0 0 30px}.landscape-pair .image-frame{height:230px}.landscape-pair .overline{margin-top:22px;margin-bottom:11px;font-size:8px}.landscape-pair h3{font-size:25px}.landscape-pair article>p:last-child{font-size:11px;margin-top:13px}.water-interlude{padding:60px 7%;min-height:300px}.water-interlude .overline{font-size:8px}.water-interlude>p:last-child{font-size:28px;letter-spacing:2px}.water-interlude .water-art{width:180%;right:-100%;opacity:.6}.city-connection{grid-template-columns:1fr;gap:30px}.city-connection>button{height:230px}.city-connection h3{font-size:29px}.city-connection>div>p:not(.overline){font-size:13px;margin-top:20px}.city-pills{margin-top:20px}.city-gallery{grid-template-columns:1fr;gap:27px;margin-top:35px}.city-gallery .image-frame{height:230px}.city-gallery h4{font-size:21px;margin-top:12px}.map-head{display:block;margin-top:45px;margin-bottom:20px}.map-head h3{font-size:26px}.map-head .text-link{font-size:10px;margin-top:17px}.city{padding-bottom:45px}.map img{min-height:210px}.map .zoom{font-size:8px}.plan-tabs button{padding:16px 8px;display:flex;flex-direction:column;gap:5px}.plan-tabs strong{font-size:23px}.plan-tabs span{font-size:11px}.plan-tabs small{font-size:9px}.plan-tabs{margin-bottom:25px}.plan-image{height:420px}.plan-image img{padding:8px}.plan-story h3{font-size:29px}.plan-story .plan-spec{font-size:11px}.plan-story .plan-poem{font-size:21px}.plan-benefits{display:block}.plan-benefits>div{display:flex;gap:15px}.plan-benefits h4{font-size:13px;margin-top:0}.plan-benefits p{font-size:12px}.plan-common{flex-direction:column;gap:8px;align-items:center;font-size:11px;margin-top:25px;padding:15px 0}.floor-atlas summary{font-size:12px;letter-spacing:0}.floor-grid{grid-template-columns:1fr 1fr;gap:18px}.floor-grid button{height:175px}.floor-grid figcaption{font-size:9px;line-height:1.8}.floor-grid .zoom{font-size:8px;padding:4px 7px;right:6px;bottom:6px}.residences{padding-bottom:40px}.material-feature{grid-template-columns:1fr;gap:28px;margin-bottom:35px}.material-feature>button{height:230px}.material-feature h3{font-size:28px}.material-feature>div>p:not(.overline){font-size:12px;margin-top:16px}.material-tabs{flex-wrap:wrap;gap:1px;border:none}.material-tabs button{flex:none;min-width:calc(33.333% - 1px);padding:12px 9px;border:1px solid #ffffff20;font-size:11px}.material-list{grid-template-columns:1fr;gap:0}.material-brand{font-size:25px}.material-list h3{font-size:14px}.material-list p{font-size:12px}.material-list details>p{font-size:11px}.material-list summary{font-size:11px}.slab{grid-template-columns:1fr;gap:28px;margin-top:40px;padding-top:35px}.slab h3{font-size:28px}.slab>div>p:not(.overline){font-size:12px;margin-top:18px}.slab>button{height:260px}.materials{padding-bottom:40px}.assurance-feature{grid-template-columns:1fr;gap:28px}.assurance-feature>button{height:360px}.assurance-feature h3{font-size:29px}.assurance-feature>div>p{font-size:13px;margin-top:20px}.warranties{grid-template-columns:1fr 1fr;gap:23px 0;margin-top:35px;margin-bottom:30px;padding:23px 0}.warranties>div:nth-child(2){border:0}.warranties>div>span{font-size:12px}.warranties strong{font-size:48px}.warranties p{font-size:9px}.sgs{flex-direction:column;gap:23px;text-align:center;margin-bottom:25px}.sgs>button{height:160px;min-width:160px;width:160px}.sgs h3{font-size:26px}.sgs p:last-child{font-size:12px}.brand-story{padding:45px 0 55px}.brand-story h2{font-size:31px}.brand-story .poem{font-size:14px;letter-spacing:1px}.brand-values{margin:30px auto}.brand-values span{font-size:7px;letter-spacing:0}.brand-values h3{font-size:25px}.brand-values p{font-size:10px;padding-inline:8px;line-height:1.9}.timeline{grid-template-columns:repeat(2,1fr);gap:25px 10px}.timeline>span:last-child{grid-column:span 2}.timeline small{font-size:11px}.brand-story>.footnote{font-size:9px}.visit{padding:55px 7% 60px}.visit-flower{width:63px;height:63px}.visit h2{font-size:32px}.visit .overline{font-size:8px}.visit>p:not(.overline){font-size:12px;line-height:2}.visit>p.footnote{font-size:9px}.visit-status{font-size:11px;letter-spacing:1px}footer{padding:30px 7% 85px;gap:25px}footer>.brand{font-size:18px}footer>p{font-size:11px;line-height:2}.footer-bottom{flex-direction:column;gap:12px;font-size:9px}.lightbox-controls{justify-content:start;padding-left:12px;gap:7px}.lightbox-controls button{font-size:11px;padding:6px 11px;min-width:32px}.lightbox-close{right:10px;width:39px;height:39px;font-size:27px}.lightbox-canvas{padding:0 8px}#lightbox-caption{font-size:10px;letter-spacing:0;padding-inline:10px}dialog{width:96vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Fine cotton art paper: bright stock, soft fibers and warm pressed relief. */
:root{--paper:#f6f3ec;--ink:#363b38;--muted:#72766c;--line:#dedacf;--orange:#ac6543}
body{background-color:var(--paper);background-image:url('assets/art-paper.svg');background-size:600px 600px}
.header{background-color:#303a35;background-image:url('assets/art-paper.svg');background-size:600px 600px}
.hero{color:var(--ink);background:#f6f3ec url('assets/art-paper.svg');background-size:600px 600px;isolation:isolate}
.hero:before{background:radial-gradient(ellipse at 21% 18%,#fffdfac9,transparent 64%),linear-gradient(125deg,#fffdfa45,#dcd6c826);z-index:0}
.hero:after{content:"";position:absolute;width:560px;height:560px;right:4%;top:50%;transform:translateY(-48%) rotate(-12deg);background:#8c7d69;opacity:.055;mask:url('assets/flower.png') center/contain no-repeat;-webkit-mask:url('assets/flower.png') center/contain no-repeat;pointer-events:none;z-index:0}
.hero h1{text-shadow:0 2px 1px #ffffff80;color:var(--ink)}
.hero .hero-flower{background:#ad6848}
.hero-english{color:#777467}
.hero-rule{background:#b97a58}
.hero-poem{color:#596158}
.hero-poem span{color:#a76242}
.hero-spec{color:#717569}
.hero-spec i{color:#b3ae9f}
.hero-index,.scroll{color:#808174;z-index:2}
.landscape{background-color:#eeeee5;background-image:url('assets/art-paper.svg');background-size:600px 600px}
.water-interlude{background:#e9e8df url('assets/art-paper.svg');background-size:600px 600px;color:#414b42;border-block:1px solid #ddd9cd}
.water-interlude .overline{color:#a36b4b}
.water-interlude>p span{color:#a76242}
.visit{background:#eae7de url('assets/art-paper.svg');background-size:600px 600px;color:var(--ink);border-top:1px solid #dcd6c9}
.visit-flower{background:#ad6848}
.visit .overline{color:#a56b4a}
.visit h2 span{color:#a76242}
.visit>p:not(.overline){color:#707467}
.visit-status{border-color:#c7bdae}
.visit .text-link{color:#575f54;border-color:#b3b4a5}
footer{background:#f4f1e8 url('assets/art-paper.svg');background-size:600px 600px;border-top:1px solid #dedacf}
@media(max-width:1100px){.hero:after{width:480px;height:480px;right:-12%;opacity:.045}}
@media(max-width:560px){.hero:before{background:radial-gradient(ellipse at 20% 15%,#fffdfabd,transparent 72%),linear-gradient(145deg,#fffdfa40,#e5dfd024)}.hero:after{width:480px;height:480px;right:-75%;top:64%;opacity:.045}}

/* Dashboard homepage, transplanted from its current source. */
.home-hero:after{mask:none;-webkit-mask:none;inset:0;width:auto;height:auto;top:0;right:0;transform:none;opacity:1;z-index:-1}
.home-hero h1{text-shadow:0 8px 36px #18282a66;color:inherit}
.home-hero .water-art{position:static;width:100%;height:auto;aspect-ratio:auto;right:auto;top:auto;transform:none;background:none;opacity:1;animation:none}
.home-hero .water-art:after{display:none}
.home-hero{min-height:max(720px,calc(100svh - 194px));position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse 85% 90% at 83% 78%,#55727a 0%,#334c54 34%,#26383c 72%,#253237 100%);color:#f5f1e8;padding:88px max(7vw,48px) 110px}
.home-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#1d2a2ef0 3%,#26353cca 43%,transparent 75%),repeating-linear-gradient(0deg,transparent 0 33px,#ffffff05 34px 35px);pointer-events:none}
.home-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 44% 11% at 75% 70%,#a4c2c329,transparent 85%);animation:home-shimmer 9s ease-in-out infinite alternate;pointer-events:none}
.home-hero-content{position:relative;z-index:2;max-width:780px}
.home-hero-mark{width:114px;height:114px;background:#d6a17f;mask:url('assets/flower.png') center/contain no-repeat;-webkit-mask:url('assets/flower.png') center/contain no-repeat;margin-bottom:49px}
.home-overline{font:400 13px/1.5 Georgia,serif;letter-spacing:.32em;color:#d9b39c;margin:0 0 16px}
.home-hero h1{font-family:"Songti TC","Noto Serif TC",serif;font-size:clamp(55px,5.5vw,104px);font-weight:400;line-height:1.22;letter-spacing:.14em;margin:0;white-space:nowrap;text-shadow:0 8px 36px #18282a66}
.home-english{font:400 clamp(23px,2vw,36px)/1.4 Georgia,"Times New Roman",serif;letter-spacing:.27em;color:#eee5db;margin:20px 0 0}
.home-rule{width:76px;height:1px;background:#ce9270;margin:42px 0 29px}
.home-caption{font-family:"Songti TC","Noto Serif TC",serif;font-size:clamp(22px,1.6vw,29px);line-height:1.9;letter-spacing:.14em;color:#e4e0d8;margin:0}
.home-hero-index{position:absolute;bottom:38px;left:max(7vw,48px);right:max(7vw,48px);display:flex;justify-content:space-between;color:#d0c8bf;font:12px/1.5 Georgia,serif;letter-spacing:.2em;z-index:2}
@keyframes home-water-breathe{to{transform:scale(1.08);opacity:.5}}
@keyframes home-shimmer{to{transform:translateY(-7%);opacity:.5}}
@media(max-width:1100px){.home-hero{min-height:670px}}
@media(max-width:700px){.home-hero{padding:72px 25px 110px;min-height:650px}
.home-hero h1{font-size:clamp(35px,8vw,56px);white-space:normal}
.home-hero-mark{width:83px;height:83px;margin-bottom:36px}
.home-english{font-size:20px;letter-spacing:.17em}
.home-overline{font-size:10px}
.home-hero-index{left:25px;right:25px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.home-hero:after{animation:none}}
.home-hero{background:radial-gradient(ellipse 70% 100% at 83% 62%,#4c737d 0%,#294d5d 34%,#203b4b 62%,#192c39 100%)}
.home-hero:before{background:linear-gradient(95deg,#162631f5 0%,#192f3dc7 37%,#203d4b35 65%,transparent 100%)}
.home-hero:after{background:radial-gradient(ellipse 55% 17% at 81% 67%,#abc6bd20,transparent 85%);animation:water-ambient 16s ease-in-out infinite alternate}
.home-hero-mark{background:#cda286}
.home-overline{color:#cfad92}
.home-rule{background:#b98b6b}
.home-hero-index{color:#b8c5c6}
.water-surface{position:absolute;z-index:0;pointer-events:none;width:min(83vw,1560px);aspect-ratio:1100/810;right:-13%;top:50%;transform:translateY(-42%) rotate(-12deg);opacity:.94}
.water-art{display:block;width:100%;height:auto;overflow:visible}
.water-contour{transform-origin:550px 405px;animation:water-contour-drift 12s ease-in-out infinite alternate}
.water-contour-1{animation-duration:15s}
.water-contour-2{animation-duration:18s}
.water-pulse{transform-origin:550px 405px;animation:water-pulse-spread 14s cubic-bezier(.18,.45,.45,1) infinite}
.water-reflection{position:absolute;inset:12% 7%;border-radius:50%;background:radial-gradient(ellipse at 44% 47%,#c1d7ce12,transparent 58%);filter:blur(25px);animation:water-reflection-drift 19s ease-in-out infinite alternate}
.water-sheen{position:absolute;inset:21% 10% 22%;border-radius:50%;background:linear-gradient(158deg,transparent 32%,#d3ded115 44%,transparent 54%);filter:blur(15px);animation:water-reflection-drift 22s ease-in-out infinite alternate;mix-blend-mode:screen}
@keyframes water-contour-drift{0%{transform:scale(1) translateY(-2px);opacity:.58}100%{transform:scale(1.035,.98) translateY(3px);opacity:1}}
@keyframes water-pulse-spread{0%{transform:scale(.35);opacity:0}15%{opacity:.55}65%{opacity:.28}100%{transform:scale(5.8);opacity:0}}
@keyframes water-reflection-drift{to{transform:translate(3%,-5%) scale(1.08);opacity:.45}}
@keyframes water-ambient{to{opacity:.45;transform:translateY(-3%)}}
@media(min-width:1900px){.water-surface{right:-5%}}
@media(max-width:1100px){.water-surface{width:115vw;right:-44%;opacity:.7}}
@media(max-width:700px){.water-surface{width:155vw;right:-76%;top:59%;opacity:.53}
.home-hero:before{background:linear-gradient(100deg,#162631f0,#192f3d85 68%,transparent)}}
@media(prefers-reduced-motion:reduce){.water-contour,.water-pulse,.water-reflection,.water-sheen,.home-hero:after{animation:none}
.water-pulse{opacity:0}
.water-contour{opacity:.7}}
.home-hero:before{background-image:url('assets/art-paper.svg'),linear-gradient(95deg,#162631f5 0%,#192f3dc7 37%,#203d4b35 65%,transparent 100%);background-size:280px 280px,100% 100%}
.home-rule{background:#c39573}
@media(max-width:700px){.home-hero:before{background-image:url('assets/art-paper.svg'),linear-gradient(100deg,#162631f0,#192f3d85 68%,transparent);background-size:280px 280px,100% 100%}}
.home-hero:before{background-size:480px 480px,100% 100%}
.home-hero:before{background-size:192px 192px,100% 100%}
.home-hero:before{background-image:linear-gradient(95deg,#162631f5 0%,#192f3dc7 37%,#203d4b35 65%,transparent 100%);background-size:100% 100%}
@media(max-width:700px){.home-hero:before{background-image:linear-gradient(100deg,#162631f0,#192f3d85 68%,transparent)}}
.home-hero{min-height:max(720px,calc(100svh - 82px))}
.home-hero-index a{color:inherit}
@media(max-width:700px){.home-hero{min-height:max(650px,calc(100svh - 68px))}}

/* City chapter: connected transport, followed by six places for daily life. */
.city-overview{text-align:center;max-width:800px;margin:0 auto 40px}
.city-overview .overline{font-size:9px;margin-bottom:15px}
.city-overview h3{font-size:28px;letter-spacing:.07em}
.city-overview>p:last-child{font-size:13px;color:var(--muted);line-height:2.2;margin-top:20px}
.city-transit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}
.city-transit-grid article{border-bottom:1px solid var(--line);padding-bottom:25px}
.city-transit-grid .image-frame{height:320px}
.city-card-copy{padding:18px 0 0}
.city-transit-grid h4,.city-gallery h4{text-align:left;font-size:23px;letter-spacing:.05em;margin:0;line-height:1.6}
.city-card-copy>p{font-size:12px;color:var(--muted);line-height:2.1;margin-top:14px}
.city-official{display:inline-block;font-size:10px;letter-spacing:1px;color:var(--orange);margin-top:16px;border-bottom:1px solid #b5794e60;padding-bottom:3px}
.city-shopping-heading{text-align:center;margin-top:65px}
.city-shopping-heading .overline{font-size:9px;margin-bottom:12px}
.city-shopping-heading h3{font-size:31px}
.city-gallery{gap:40px 28px;margin-top:35px}
.city-gallery article{border-bottom:1px solid var(--line);padding-bottom:22px}
.city-gallery .zoom{font-size:9px;padding:6px 10px}
@media(max-width:1100px){.city-transit-grid{gap:25px}.city-transit-grid .image-frame{height:270px}.city-transit-grid h4,.city-gallery h4{font-size:21px}.city-gallery{gap:35px 23px}.city-gallery .image-frame{height:190px}}
@media(max-width:800px){.city-overview h3{font-size:25px}.city-overview>p:last-child{font-size:12px}.city-transit-grid .image-frame{height:220px}.city-transit-grid h4,.city-gallery h4{font-size:19px}.city-gallery{grid-template-columns:repeat(2,1fr);gap:30px 23px}.city-gallery .image-frame{height:210px}}
@media(max-width:560px){.city-overview{margin-bottom:30px}.city-overview .overline{font-size:8px;letter-spacing:.13em}.city-overview h3{font-size:24px;line-height:1.8}.city-overview>p:last-child{font-size:12px;margin-top:17px}.city-overview>p:last-child br{display:none}.city-transit-grid{grid-template-columns:1fr;gap:28px}.city-transit-grid .image-frame{height:230px}.city-transit-grid h4,.city-gallery h4{font-size:22px}.city-card-copy>p{font-size:12px;margin-top:12px}.city-shopping-heading{margin-top:40px}.city-shopping-heading h3{font-size:28px}.city-gallery{grid-template-columns:1fr;gap:28px;margin-top:28px}.city-gallery .image-frame{height:230px}.city-official{font-size:10px}.city-gallery article{padding-bottom:20px}}

/* Dedicated museum cards and riverside story */
.museum-pair article>.museum-description{color:var(--muted);font-size:13px;line-height:2.15;margin-top:18px;max-width:48em}
.museum-pair h3{font-size:clamp(23px,2.15vw,31px)}
.museum-status{display:inline-block;margin-top:13px;padding:4px 12px;border:1px solid #b46c4640;color:var(--orange);font-size:10px;letter-spacing:1px}
.museum-pair .text-link{margin-top:19px;font-size:11px}
.landscape-river{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;padding:35px 0 55px;border-top:1px solid var(--line);margin-top:15px}
.landscape-river>.image-frame{height:350px}
.landscape-river h3{font-size:clamp(25px,2.35vw,34px)}
.landscape-river>div>p:not(.overline){margin-top:20px;color:var(--muted);font-size:13px;line-height:2.15}
.landscape-note{padding-top:0;padding-bottom:40px}
@media(max-width:900px){.museum-pair{gap:30px}.museum-pair h3{font-size:23px}.landscape-river{gap:5%}.landscape-river>.image-frame{height:285px}}
@media(max-width:560px){.museum-pair{gap:38px;padding-top:20px;padding-bottom:30px}.museum-pair h3{font-size:25px}.museum-pair article>.museum-description{font-size:12px}.landscape-river{grid-template-columns:1fr;gap:25px;padding:30px 0 35px}.landscape-river>.image-frame{height:250px}.landscape-river h3{font-size:27px}.landscape-river>div>p:not(.overline){font-size:12px;margin-top:16px}.landscape-note{font-size:9px;padding-bottom:30px}}