@font-face{font-family:CapzoneEditorial;src:url('/assets/fonts/editorial-regular.otf') format('opentype');font-weight:400;font-display:swap}@font-face{font-family:CapzoneEditorial;src:url('/assets/fonts/editorial-italic.otf') format('opentype');font-style:italic;font-weight:400;font-display:swap}
:root{--ink:#253d50;--muted:#536c7e;--blue:#e8f1f7;--pale:#f4f7fa;--line:#bdcfdb;--white:#fff;--gutter:clamp(26px,5vw,86px);--header:80px;--quick:0px;--serif:CapzoneEditorial,"Songti SC","STSong","Noto Serif CJK SC",SimSun,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + var(--quick) + 20px)}body{margin:0;color:var(--ink);background:white;font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}body.menu-open,body.photo-opened{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #527d9d;outline-offset:5px}p,figure,h1,h2,h3{margin:0}h1,h2,h3{font-weight:400;line-height:1.35;letter-spacing:-.04em}h1{font-size:clamp(52px,6vw,94px)}h2{font-size:clamp(34px,3.8vw,62px)}h3{font-size:26px}p{line-height:1.95;overflow-wrap:break-word}img{display:block;width:100%;height:auto}main,footer{max-width:1800px;margin:auto}main:focus{outline:none}section,article[id]{scroll-margin-top:calc(var(--header) + var(--quick) + 20px)}.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.02}.serif em{font-weight:400}.poetic{font-family:var(--serif);letter-spacing:.04em;line-height:1.6}.eyebrow{font-size:12px;line-height:1.5;letter-spacing:1.6px;margin-bottom:24px}.section{padding:100px var(--gutter)}.chapter-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:17px;font-size:12px;letter-spacing:1.1px;line-height:1.5;margin-bottom:54px}.chapter-line>span:last-child{letter-spacing:.7px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:55px;flex-wrap:wrap}.section-heading .eyebrow{flex-basis:100%;margin-bottom:-15px}.section-aside{font-size:clamp(32px,4vw,58px);font-style:italic}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:15px 0;border-bottom:1px solid;font-size:12px;letter-spacing:1.3px;min-height:48px;max-width:100%;transition:color .2s}.text-link:hover{color:#527b99}.link-arrow{font-size:21px;line-height:1}.site-header{height:var(--header);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;backdrop-filter:blur(12px)}.brand{font-size:26px;letter-spacing:-1.5px;font-weight:650;white-space:nowrap;line-height:1}.brand span{font-size:14px;font-weight:500;letter-spacing:2px;margin-left:15px;padding-left:15px;border-left:1px solid var(--line);vertical-align:middle}.desktop-nav{display:flex;align-items:center;gap:clamp(17px,1.8vw,30px);font-size:14px;white-space:nowrap}.desktop-nav a{position:relative;padding:12px 0}.desktop-nav a:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s}.desktop-nav a[aria-current]:after,.desktop-nav a:hover:after{transform:scaleX(1)}.menu-toggle{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:8px 13px;min-height:42px;font-size:14px;white-space:nowrap}.menu-toggle i{width:18px;height:7px;border-top:1px solid;border-bottom:1px solid}.quick-nav{display:none}.reading-progress{position:fixed;top:calc(var(--header) + var(--quick));left:0;right:0;height:2px;z-index:42;pointer-events:none}.reading-progress span{display:block;height:100%;background:#547d98;transform:scaleX(0);transform-origin:left}.skip-link{position:fixed;top:-80px;left:15px;z-index:100;background:var(--ink);color:white;padding:8px 16px}.skip-link:focus{top:8px}
/* All editorial photographs retain their complete original composition. */
.photo-open{display:block;padding:0;width:100%;text-align:left;cursor:zoom-in;background:none}.photo-open img{width:100%;height:auto;object-fit:contain;transform:none;transition:filter .3s}.photo-open:hover img{filter:brightness(.97)}.photo-action{display:flex;justify-content:flex-end;align-items:center;gap:9px;font-size:12px;letter-spacing:.5px;line-height:1.5;padding:9px 0;color:var(--muted)}.photo-action>span{font-size:17px}figcaption{font-size:12px;letter-spacing:.8px;line-height:1.7;color:var(--muted)}
/* The first screen: a typographic cover, an uncropped panorama and a visible index. */
.cover{background:var(--blue);padding:24px var(--gutter) 0;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:0 40px;min-height:calc(100svh - var(--header))}.cover>.chapter-line{grid-column:1/-1;border-top:0;padding-top:0;margin-bottom:20px}.cover-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:34px}.cover h1{font-family:var(--serif);font-size:clamp(80px,12.6vw,184px);letter-spacing:-.035em;line-height:1.12;font-weight:400;white-space:nowrap}.cover h1 span{margin-left:.06em}.cover-title-note{display:flex;align-items:flex-end;gap:35px}.cover-title-note .serif{font-size:clamp(30px,4vw,58px);font-style:italic}.cover-title-note p{font-size:16px;writing-mode:vertical-rl;letter-spacing:3px;white-space:nowrap;line-height:1.5}.cover-photo{align-self:start}.cover-photo .photo-action{display:none}.cover-photo figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:12px;font-size:12px}.cover-index{display:flex;flex-direction:column;align-self:stretch}.index-heading{display:flex;justify-content:space-between;gap:15px;font-size:12px;letter-spacing:1px;padding:0 0 16px;border-bottom:1px solid var(--ink)}.index-heading>span:first-child{font-size:14px}.cover-index nav{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;flex:1}.cover-index a{display:grid;grid-template-columns:22px 1fr;align-content:center;column-gap:8px;padding:18px 0;border-bottom:1px solid var(--line);transition:padding-left .2s;background:none;min-height:78px}.cover-index a:hover{padding-left:6px}.index-num{font-family:var(--serif);font-style:italic;font-size:14px;align-self:center}.cover-index strong{font-size:17px;font-weight:450;letter-spacing:0;line-height:1.5}.cover-index small{grid-column:2;font-size:12px;letter-spacing:1px;line-height:1.5;margin-top:6px}.cover-index .index-scroll{color:var(--muted)}.cover-baseline{grid-column:1/-1;display:flex;justify-content:space-between;gap:15px;font-size:12px;letter-spacing:1.3px;padding:23px 0;align-self:end}
/* Narrative rhythm alternates statements, photographs, and quieter reading. */
.brand-scene{min-height:calc(100svh - var(--header));background:#fff}.brand-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin-bottom:90px}.intro-en{font-size:clamp(50px,7vw,105px);color:#698599}.intro-en em{color:var(--ink)}.brand-intro>p{color:var(--muted);justify-self:end}.brand-statement{max-width:790px;margin:0 auto;text-align:center}.brand-statement h2{font-size:clamp(36px,5.6vw,82px);margin-bottom:28px}.lead{font-size:22px}.brand-statement .poetic{font-size:clamp(31px,4vw,51px);margin:45px 0 18px}.story-more{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px;text-align:left}.story-more summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;padding:16px 0;font-size:14px;cursor:pointer;min-height:54px}.story-more summary::-webkit-details-marker{display:none}.detail-sign{width:12px;height:12px;position:relative;flex-shrink:0}.detail-sign:before,.detail-sign:after{content:"";position:absolute;left:0;top:5px;width:12px;height:1px;background:currentColor}.detail-sign:after{transform:rotate(90deg);transition:transform .2s}.story-more[open] .detail-sign:after{transform:rotate(0)}.story-more>div{padding:5px 0 24px;color:var(--muted);font-size:16px}.brand-statement .story-more{max-width:540px;margin:30px auto 0}.city-space{background:var(--pale)}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:5%}.three-col article{border-top:1px solid var(--line);padding-top:22px}.three-col h3{font-family:var(--serif);font-size:52px;letter-spacing:-.05em;line-height:1.15}.three-col .eyebrow{font-size:15px;letter-spacing:0;margin:13px 0 20px}.three-col p{color:var(--muted)}.life-panorama{margin:75px 0 0 15%}.life-panorama figcaption{text-align:right}.decade{padding-bottom:65px}.decade-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.decade-number{font-family:var(--serif);font-size:clamp(170px,29vw,440px);letter-spacing:-.07em;line-height:.85;color:#a5bdce;white-space:nowrap}.decade-number span{font-family:Arial,sans-serif;font-size:12px;letter-spacing:2.3px;display:block;margin-top:26px;margin-left:8px;color:var(--muted)}.decade h2{font-size:38px;margin-bottom:28px}.decade p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:0 var(--gutter) 90px}.stats>div:not(.stats-note){border-top:1px solid var(--line);padding-top:25px}.stats strong{font-family:var(--serif);font-size:clamp(38px,4.4vw,68px);font-weight:400;line-height:1.2;letter-spacing:-.05em;white-space:nowrap}.stats strong span{font-family:Arial,sans-serif;font-size:14px;letter-spacing:0}.stats p{font-size:14px;color:var(--muted);margin-top:12px}.stats-note{grid-column:1/-1;text-align:right;font-size:12px;letter-spacing:1px;margin-top:12px}.beyond-scene{background:var(--blue)}.beyond-heading h2{font-size:35px;margin-bottom:25px}.beyond-heading .serif{font-size:clamp(50px,7.7vw,115px);line-height:1.05}.beyond-heading em{color:#6b879c}.beyond-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;margin-top:65px}.beyond-layout figure{max-width:500px}.beyond-layout p{color:var(--muted)}.format-list,.method-list{margin-top:50px}.format-list article,.method-list article{display:grid;grid-template-columns:44px 1fr 1.2fr;gap:30px;padding:32px 0;border-top:1px solid var(--line);align-items:start}.row-number{font-family:var(--serif);font-size:18px;line-height:1.5;font-style:italic;color:var(--muted);padding-top:6px}.format-list h3,.method-list h3{font-size:37px;letter-spacing:-.045em}.format-list .eyebrow,.method-list .eyebrow{font-size:15px;letter-spacing:0;margin:8px 0 0}.format-list p,.method-list p{color:var(--muted);align-self:center}
/* Individually composed project spreads, never a uniform cropped card grid. */
.places-section{background:var(--pale)}.project-story{padding:50px 0 85px;border-top:1px solid var(--line)}.project-heading{display:flex;gap:30px;align-items:center;margin-bottom:36px}.project-no{font-family:var(--serif);font-size:78px;line-height:1;letter-spacing:-.06em;color:#90abbf}.project-heading .eyebrow{font-size:12px;margin-bottom:10px}.project-heading h3{font-size:32px}.project-composition{display:grid;grid-template-columns:.85fr 1fr;gap:11%;align-items:center}.project-main{margin-left:9%;align-self:start}.project-main figcaption{padding-top:0}.project-side{padding-top:10px}.project-body{font-size:17px;color:var(--muted)}.project-en{font-family:var(--serif);font-style:italic;font-size:31px;line-height:1.2;margin-bottom:28px;letter-spacing:-.03em}.tags{font-size:12px;letter-spacing:1px;margin-top:24px;color:var(--muted)}.project-detail{margin-top:45px}.project-forest .project-main{margin-left:0;grid-column:2;grid-row:1}.project-forest .project-side{grid-column:1;grid-row:1;padding-right:5%}.project-forest .project-detail{width:72%;margin-left:28%}.project-imax .project-composition{grid-template-columns:1.3fr 1fr;gap:8%;align-items:start}.project-imax .project-main{margin-left:0}.project-imax .project-side{padding-top:28px}.project-imax .project-detail{margin-top:50px;width:120%;margin-left:-20%}.project-lines{border-top:1px solid var(--line)}.project-line{display:grid;grid-template-columns:36px 1fr 1.1fr;gap:20px;padding:32px 0;border-bottom:1px solid var(--line)}.project-line .eyebrow{font-size:12px;margin-bottom:8px}.project-line h3{font-size:24px}.project-line p{font-size:15px;color:var(--muted)}.places-section>.text-link{margin-top:36px}.non-standard{color:#fff;background:var(--ink);min-height:85svh}.non-standard .chapter-line{border-color:#768c9c;color:#c8d8e2}.non-standard h2{font-size:clamp(48px,7.5vw,112px);line-height:1.28;font-family:var(--serif);letter-spacing:.01em}.non-standard-columns{display:grid;grid-template-columns:1fr 1fr;gap:15%;align-items:end;margin-top:65px}.non-standard-columns p{color:#d4e0e8}.non-standard .story-more{border-color:#72889a}.non-standard .story-more>div{color:#d4e0e8}.non-standard-columns>div:last-child{padding-top:30px;border-top:1px solid #72889a}.non-standard-columns h3{font-size:38px;margin-bottom:15px}.recognition>p{color:var(--muted);margin-top:24px}.recognition-stats{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin:45px 0}.recognition-stats>div{display:flex;align-items:center;gap:35px;border-top:1px solid var(--line);padding-top:22px}.recognition-stats strong{font-family:var(--serif);font-size:126px;font-weight:400;line-height:1}.recognition-stats p{font-size:15px}.recognition-ticker{overflow-x:auto;white-space:nowrap;scrollbar-width:thin;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;font-size:14px;color:var(--muted)}.fineprint{font-size:12px!important;color:var(--muted)!important;margin-top:15px!important}.tea-feature{background:var(--blue)}.feature-tea{display:grid;grid-template-columns:1.2fr .85fr;gap:12%;align-items:center}.feature-tea h2{font-family:var(--serif);font-size:clamp(42px,5vw,76px);letter-spacing:.01em;line-height:1.4;margin-bottom:32px}.feature-tea p{color:var(--muted)}.small-english{font-size:12px;letter-spacing:1px;line-height:1.8;margin:27px 0 18px}.tea-panorama{width:78%;margin-top:70px}.meeting-feature-head{display:grid;grid-template-columns:1fr 1fr;gap:0 10%;align-items:end}.meeting-feature-head .eyebrow{grid-column:1/-1}.meeting-feature-head .serif{font-size:clamp(55px,7vw,105px);color:#829cad;text-align:right}.meeting-feature-body{display:grid;grid-template-columns:.85fr 1fr;gap:15%;align-items:center;margin-top:60px}.meeting-feature-body figure{width:85%;margin-left:15%}.meeting-feature-body p{color:var(--muted)}.meeting-feature-body h3{font-size:20px;letter-spacing:-.03em}.business{background:var(--pale)}.split-inner,.split{display:grid;grid-template-columns:1fr 1fr;gap:10%}.split{border-bottom:1px solid var(--line)}.split .copy{padding-top:38px}.split .copy p,.split-inner .copy>p{color:var(--muted)}.statement{font-family:var(--serif);font-size:31px;letter-spacing:.02em;line-height:1.6;margin:32px 0 20px}.ending{text-align:center;padding-top:100px;padding-bottom:115px}.ending h2{font-size:clamp(40px,5vw,76px);margin-bottom:28px}.ending>p{color:var(--muted)}.ending-english{font-size:clamp(64px,10vw,150px);line-height:.95;margin:55px 0 35px}.ending-english em{color:#88a1b3}.ending .text-link{min-width:230px}
/* Interior pages share the same editorial system. */
.page-hero{display:grid;grid-template-columns:1fr 230px;gap:8%;padding:80px var(--gutter);background:var(--blue);align-items:center;min-height:560px}.page-hero h1{margin-bottom:35px}.page-hero p{color:var(--muted);max-width:650px}.page-hero p:empty{display:none}.page-coordinate{font-size:12px;letter-spacing:2px;line-height:2;text-align:right;align-self:end}.page-coordinate span{display:block;margin-top:35px}.page-hero.with-photo{grid-template-columns:1.2fr .8fr;gap:12%;align-items:center}.page-hero.with-photo figure{width:100%;height:auto;max-height:none}.page-hero.with-photo h1{font-size:clamp(48px,5vw,78px)}.page-tea .page-hero h1{font-family:var(--serif);letter-spacing:.02em}.page-about .page-hero figure{width:85%;margin-left:auto}.name-title{font-family:var(--serif);font-size:clamp(65px,11vw,165px);line-height:1.1;margin-bottom:65px;letter-spacing:-.055em}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10%}.two-col article{border-top:1px solid var(--line);padding-top:25px}.two-col h3{font-size:27px;margin-bottom:8px}.two-col .eyebrow{font-size:15px;letter-spacing:0;margin-bottom:23px}.two-col p{color:var(--muted)}.name-ending{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin-top:75px}.name-ending h3{font-family:var(--serif);font-size:clamp(32px,3.7vw,57px);letter-spacing:-.04em;line-height:1.15}.name-ending p{color:var(--muted)}.blue-section{background:var(--blue)}.word-list{display:grid;grid-template-columns:1fr 1fr;column-gap:10%;margin:45px 0 55px}.word-list>div{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0}.word-list>div span:first-child{font-size:31px;letter-spacing:-1px}.word-list>div span:last-child{font-size:15px}.about-do>p{color:var(--muted);margin:25px 0}.about-do>h2:last-of-type{margin:28px 0}.resource-section{display:grid;grid-template-columns:1.2fr .9fr;gap:12%;align-items:center;background:var(--pale)}.resource-list{margin:35px 0}.resource-list p{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid var(--line);font-size:15px}.resource-list span{font-size:13px}.resource-section>div>p{color:var(--muted)}.city-index{display:grid;grid-template-columns:1fr 1fr;gap:10%}.city-index-title{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-bottom:1px solid var(--ink);padding-bottom:20px}.city-index-title h2{font-family:var(--serif);font-size:clamp(32px,3.8vw,57px);letter-spacing:-.045em}.city-index-title>span{font-size:14px}.city-index ol{padding:0;margin:0;list-style:none;counter-reset:city}.city-index li{counter-increment:city;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:23px 0;font-size:17px}.city-index li:before{content:counter(city,decimal-leading-zero);font-size:13px;color:var(--muted);font-family:var(--serif)}.city-index li>a,.city-index li>span{flex:1}.city-index li>a{display:flex;align-items:center;justify-content:space-between;gap:12px}.city-index li a:hover{color:#557e9c}.archive-projects>.eyebrow{margin-bottom:40px}.interlude-photo{width:34%;margin:30px 18% 80px auto}.tea-city{background:var(--blue)}.tea-city h2{font-family:var(--serif);font-size:clamp(46px,6vw,88px);line-height:1.4;margin-bottom:30px;letter-spacing:.02em}.tea-city>p{color:var(--muted)}.tea-words{font-family:var(--serif);font-size:clamp(44px,8vw,110px);letter-spacing:.08em;line-height:1.7;margin:35px 0}.tea-words span{color:#7894a7}.tea-city .text-link{margin-top:25px}.meeting-manifesto h2{font-family:var(--serif);font-size:clamp(48px,6.3vw,94px);line-height:1.02;letter-spacing:-.03em}.meeting-manifesto .copy{align-self:center}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 5%;margin-top:50px}.use-grid article{border-top:1px solid var(--line);padding-top:24px}.use-grid article>span{font-family:var(--serif);font-size:16px;font-style:italic;color:var(--muted)}.use-grid h3{font-size:26px;margin:30px 0 12px;line-height:1.3}.use-grid p{font-size:15px;color:var(--muted)}.meeting-ending{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:var(--blue)}.meeting-ending strong{font-family:var(--serif);font-size:clamp(90px,15vw,220px);font-weight:400;line-height:1.1;letter-spacing:-.05em}.meeting-ending strong span{font-size:.5em}.meeting-ending h2{font-size:30px;line-height:1.7}.meeting-ending .text-link{margin-top:28px}.page-co-creation .page-hero{min-height:420px}.page-co-creation .page-hero h1{font-family:var(--serif);font-size:120px;letter-spacing:.04em}.collaborations{padding-top:35px;padding-bottom:0}.collaborations article{display:grid;grid-template-columns:44px 1fr 1.2fr;gap:30px;padding:60px 0;border-bottom:1px solid var(--line)}.collaborations h2{font-size:35px}.collaborations p{color:var(--muted)}.co-contact{padding:45px var(--gutter) 100px}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact-section>div>.eyebrow:not(:first-child){margin-top:45px}.contact-section>div>p{color:var(--muted);max-width:450px}.contact-section h2{font-size:30px;margin-bottom:12px}.contact-details>.eyebrow{font-size:15px;letter-spacing:1px}.contact-row{border-top:1px solid var(--line);padding:25px 0;display:flex;flex-direction:column;gap:12px}.contact-row>span{font-size:14px;color:var(--muted)}.contact-row>div{display:flex;justify-content:space-between;align-items:center;gap:15px}.contact-row strong{font-size:32px;letter-spacing:-1px;font-weight:400}.contact-row>a{font-size:clamp(18px,2vw,26px);overflow-wrap:anywhere}.copy-button{font-size:13px;border:1px solid var(--line);padding:9px 14px;min-height:44px;white-space:nowrap}.copy-button:hover{background:var(--blue)}
footer{padding:60px var(--gutter) 0;background:var(--blue)}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-top .eyebrow{margin-bottom:20px}.footer-top h2{font-family:var(--serif);font-size:31px;letter-spacing:-.035em;margin-bottom:10px}.footer-top p{font-size:14px;color:var(--muted)}.footer-contact{display:flex;flex-direction:column;align-items:flex-start;font-size:14px}.footer-contact>span{font-size:13px;color:var(--muted)}.footer-contact>.text-link{font-size:14px;letter-spacing:0;margin-top:8px;min-width:150px}.footer-word{font-size:clamp(90px,17.9vw,290px);letter-spacing:-.065em;line-height:1.15;font-weight:600;margin:55px 0 0 -.015em}.footer-bottom{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:.5px}.back-top{font-size:12px;padding:8px;min-height:44px;white-space:nowrap}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:13px 24px;font-size:14px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;width:max-content}#toast.visible{opacity:1;transform:translate(-50%,0)}
/* Native dialogs: keyboard and touch accessible navigation / original photograph. */
#site-menu{width:100%;max-width:100%;height:100dvh;max-height:100%;padding:0 var(--gutter);margin:0;border:0;background:var(--blue);color:var(--ink)}#site-menu::backdrop{background:var(--blue)}.menu-head{display:flex;align-items:center;justify-content:space-between;height:var(--header);border-bottom:1px solid var(--line)}.menu-close{font-size:13px;letter-spacing:1px;display:flex;align-items:center;gap:18px;min-height:44px}.menu-close>span{font-size:27px;font-weight:300}#site-menu nav{max-width:960px;margin:30px auto}#site-menu nav a{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:20px;font-size:30px;line-height:1.4;padding:17px 0;border-bottom:1px solid var(--line)}#site-menu nav a[aria-current]{color:#567e9b}.menu-num{font-family:var(--serif);font-style:italic;font-size:17px}.menu-num+span{letter-spacing:-.04em}#site-menu small{font-family:var(--serif);font-style:italic;font-size:22px;letter-spacing:-.03em}.menu-foot{max-width:960px;margin:25px auto;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1px}#photo-viewer{width:100vw;max-width:100%;height:100dvh;max-height:100%;margin:0;padding:22px 30px 16px;border:0;background:#172c3c;color:#fff;overflow:hidden}#photo-viewer[open]{display:flex;flex-direction:column;gap:14px}#photo-viewer::backdrop{background:#172c3c}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-shrink:0;font-size:14px;min-height:45px}#viewer-caption{line-height:1.6}.viewer-close{padding:9px 14px;border:1px solid #6d8290;font-size:14px;min-height:44px;white-space:nowrap}.viewer-stage{min-height:0;flex:1;display:flex;align-items:center;justify-content:center}.viewer-stage img{width:100%;height:100%;object-fit:contain}.viewer-controls{display:flex;align-items:center;justify-content:center;gap:35px;flex-shrink:0;font-size:13px}.viewer-controls button{min-height:44px;padding:8px 16px;border-bottom:1px solid #8396a4}.viewer-controls button:disabled{opacity:.35;cursor:default}#viewer-count{font-family:var(--serif);font-size:20px;min-width:55px;text-align:center}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.js-motion .reveal.seen{opacity:1;transform:none}
@media(min-width:1500px){.site-header{padding-left:max(var(--gutter),calc((100vw - 1640px)/2));padding-right:max(var(--gutter),calc((100vw - 1640px)/2))}}
@media(max-width:1150px){.desktop-nav{gap:16px;font-size:13px}.brand{font-size:23px}.brand span{margin-left:10px;padding-left:10px}.menu-toggle{font-size:13px;padding:7px 11px}.cover{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:0 30px}.cover-title-note{gap:20px}.cover-index a{min-height:65px;padding:12px 0}.cover-index strong{font-size:16px}.cover-index small{font-size:12px}.project-heading h3{font-size:29px}.project-body{font-size:16px}.project-composition{gap:8%}.project-main{margin-left:0}.feature-tea{gap:8%}.section{padding-top:85px;padding-bottom:85px}}
@media(max-width:900px){:root{--header:66px;--quick:46px;--gutter:30px}.desktop-nav{display:none}.quick-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;height:var(--quick);padding:0 var(--gutter);position:sticky;top:var(--header);background:rgba(255,255,255,.98);z-index:39;border-bottom:1px solid var(--line)}.quick-nav a{display:flex;align-items:center;justify-content:center;position:relative;font-size:14px;min-height:44px}.quick-nav a[aria-current]:after{content:"";position:absolute;bottom:0;left:22%;right:22%;height:2px;background:var(--ink)}.cover{display:block;min-height:0;padding-top:24px}.cover>.chapter-line{margin-bottom:22px}.cover-heading{margin-bottom:25px}.cover h1{font-size:13vw}.cover-title-note .serif{font-size:38px}.cover-title-note p{font-size:14px}.cover-photo{width:100%}.cover-index{margin-top:27px}.cover-index nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 22px}.index-heading{padding-bottom:14px}.cover-index a{min-height:83px;padding:16px 0;grid-template-columns:18px 1fr;gap:5px}.cover-index strong{font-size:16px}.cover-index small{font-size:12px;letter-spacing:.6px}.brand-intro{gap:8%}.intro-en{font-size:65px}.brand-intro>p{font-size:15px}.three-col{gap:28px}.three-col h3{font-size:43px}.three-col p{font-size:15px}.decade-layout{gap:8%}.decade h2{font-size:32px}.stats{gap:20px}.stats strong{font-size:40px}.stats strong span{font-size:12px}.stats p{font-size:13px}.beyond-heading .serif{font-size:8vw}.project-composition{gap:7%}.project-heading h3{font-size:26px}.project-en{font-size:28px}.project-body{font-size:15px}.project-line h3{font-size:21px}.project-line p{font-size:14px}.project-imax .project-composition{grid-template-columns:1fr 1fr}.recognition-stats>div{gap:23px}.recognition-stats strong{font-size:105px}.recognition-stats p{font-size:14px}.feature-tea h2{font-size:43px}.feature-tea p{font-size:15px}.meeting-feature-head .serif{font-size:65px}.page-hero.with-photo{gap:8%;grid-template-columns:1.1fr .9fr}.page-hero.with-photo h1{font-size:43px}.page-hero p{font-size:15px}.page-about .page-hero figure{width:100%}.resource-list p{display:block}.resource-list span{display:block}.use-grid{grid-template-columns:1fr 1fr}.contact-section{gap:7%}.footer-top h2{font-size:27px}}
@media(max-width:600px){:root{--gutter:22px;--header:62px;--quick:46px}body{font-size:16px}h1{font-size:46px}h2{font-size:33px;letter-spacing:-.045em}h3{font-size:24px}p{line-height:1.9}.brand{font-size:23px}.brand span{font-size:13px;margin-left:11px;padding-left:12px}.menu-toggle{min-height:40px;padding:6px 12px;font-size:14px}.quick-nav{padding:0 14px}.quick-nav a{font-size:14px}.section{padding:66px var(--gutter)}.eyebrow{font-size:12px;letter-spacing:1.2px;margin-bottom:22px}.chapter-line{font-size:12px;letter-spacing:.5px;padding-top:15px;gap:12px;margin-bottom:35px}.chapter-line>span:last-child{letter-spacing:0}.section-heading{margin-bottom:36px;gap:15px;align-items:flex-start}.section-heading .eyebrow{margin-bottom:0}.section-aside{font-size:35px;align-self:flex-end}.text-link{font-size:12px;letter-spacing:1px;gap:42px}.photo-action{font-size:12px;padding:7px 0;line-height:1.4}.photo-action>span{font-size:16px}figcaption{font-size:12px;letter-spacing:.5px}.cover{padding-top:18px;min-height:calc(100svh - var(--header) - var(--quick));display:flex;flex-direction:column}.cover>.chapter-line{margin-bottom:20px;font-size:12px;letter-spacing:.6px}.cover-heading{display:block;margin-bottom:20px}.cover h1{font-size:clamp(62px,18.9vw,108px);line-height:1.13;letter-spacing:-.06em;white-space:nowrap}.cover h1 span{margin-left:.06em}.cover-title-note{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-top:18px}.cover-title-note .serif{font-size:23px;letter-spacing:-.04em;line-height:1.2}.cover-title-note .serif br{display:none}.cover-title-note p{writing-mode:horizontal-tb;font-size:13px;letter-spacing:.2px;line-height:1.5}.cover-photo{margin:0}.cover-photo figcaption{font-size:12px;padding-top:9px;letter-spacing:.6px}.cover-index{margin-top:24px}.index-heading{padding-bottom:10px;font-size:12px;letter-spacing:.7px}.index-heading>span:first-child{font-size:13px}.cover-index nav{gap:0 12px;grid-template-columns:repeat(4,minmax(0,1fr))}.cover-index a{grid-template-columns:1fr;gap:0;padding:13px 0;min-height:69px}.index-num{display:none}.cover-index strong{font-size:15px;line-height:1.5;letter-spacing:0}.cover-index small{grid-column:1;font-size:12px;line-height:1.4;letter-spacing:-.25px;margin-top:5px;white-space:normal;overflow-wrap:anywhere}.cover-index a:hover{padding-left:0}.cover-baseline{font-size:12px;letter-spacing:.3px;padding:20px 0;gap:10px;margin-top:auto;align-self:stretch}.brand-scene{min-height:calc(100svh - var(--header) - var(--quick))}.brand-intro{display:block;margin-bottom:48px}.intro-en{font-size:65px;line-height:.97;margin-bottom:30px}.brand-intro>p{font-size:15px}.brand-statement{text-align:left}.brand-statement h2{font-size:34px;margin-bottom:23px;white-space:nowrap}.lead{font-size:20px}.brand-statement .poetic{font-size:32px;letter-spacing:.04em;margin-top:36px;line-height:1.65}.brand-statement .story-more{margin-top:26px}.story-more summary{font-size:14px;padding:16px 0;min-height:54px}.story-more>div{font-size:16px}.city-space .section-heading h2{font-size:30px}.three-col{display:block}.three-col article{padding-top:23px;margin-top:26px;display:grid;grid-template-columns:1fr auto;gap:12px}.three-col h3{font-size:44px}.three-col .eyebrow{align-self:center;margin:0;font-size:15px}.three-col p{grid-column:1/-1;font-size:16px}.life-panorama{margin:40px 0 0}.life-panorama figcaption{font-size:12px}.decade{padding-bottom:44px}.decade-layout{display:block}.decade-number{font-size:58vw;letter-spacing:-.07em;margin-bottom:40px;line-height:.8}.decade-number span{font-size:12px;letter-spacing:2px;margin:23px 0 0 8px}.decade h2{font-size:31px;line-height:1.5;margin-bottom:24px}.stats{grid-template-columns:1fr 1fr;gap:27px 25px;padding-bottom:65px}.stats>div:not(.stats-note){padding-top:19px}.stats strong{font-size:44px;letter-spacing:-.055em}.stats strong span{font-size:12px}.stats p{font-size:12px;margin-top:9px}.stats-note{font-size:12px;letter-spacing:.4px;text-align:left;margin-top:0}.beyond-heading h2{font-size:28px;margin-bottom:24px}.beyond-heading .serif{font-size:clamp(35px,9.4vw,57px);line-height:1.07;letter-spacing:-.045em}.beyond-layout{display:flex;flex-direction:column;align-items:stretch;gap:27px;margin-top:35px}.beyond-layout figure{width:82%;margin-left:auto}.beyond-layout p{font-size:16px}.format-list,.method-list{margin-top:32px}.format-list article,.method-list article{grid-template-columns:25px 1fr;column-gap:17px;row-gap:18px;padding:25px 0}.row-number{font-size:17px}.format-list h3,.method-list h3{font-size:34px;line-height:1.2}.format-list .eyebrow,.method-list .eyebrow{font-size:14px;margin-top:8px}.format-list p,.method-list p{grid-column:2;font-size:16px}.places-section>.section-heading{display:block}.places-section>.section-heading h2{font-size:42px;line-height:1.3}.places-section .section-aside{display:block;margin-top:18px;font-size:38px}.project-story{padding:29px 0 48px}.project-heading{gap:18px;margin-bottom:28px}.project-no{font-size:61px}.project-heading .eyebrow{font-size:12px;letter-spacing:.7px;margin-bottom:8px}.project-heading h3{font-size:22px;letter-spacing:-.05em}.project-composition,.project-imax .project-composition{display:flex;flex-direction:column;gap:30px;align-items:stretch}.project-main{margin:0;width:82%;align-self:flex-start}.project-side{padding:0!important;display:contents}.project-body{font-size:16px;order:2}.project-en{font-size:28px;order:1;margin:0}.tags{font-size:12px;letter-spacing:.6px;order:3;margin-top:-10px}.project-detail{order:4;width:80%;margin:0 0 0 auto}.project-forest .project-main{width:84%;margin-left:auto;align-self:flex-end}.project-forest .project-detail{width:62%;margin:0}.project-imax .project-main{width:100%;margin:0}.project-imax .project-detail{width:92%;margin:0 0 0 auto}.project-main figcaption{font-size:12px}.project-line{grid-template-columns:23px 1fr;column-gap:14px;row-gap:17px;padding:28px 0}.project-line p{grid-column:2;font-size:15px}.project-line .eyebrow{font-size:12px}.project-line h3{font-size:22px}.places-section>.text-link{margin-top:26px}.non-standard{min-height:calc(100svh - var(--header) - var(--quick))}.non-standard h2{font-size:clamp(39px,10.8vw,65px);line-height:1.5;letter-spacing:0}.non-standard-columns{display:block;margin-top:30px}.non-standard-columns>div:last-child{margin-top:36px;padding-top:25px}.non-standard-columns h3{font-size:34px}.recognition>p{font-size:16px;margin-top:23px}.recognition-stats{gap:24px;margin:35px 0}.recognition-stats>div{display:block;padding-top:22px}.recognition-stats strong{font-size:96px}.recognition-stats p{font-size:13px;margin-top:18px;line-height:1.8}.recognition-ticker{font-size:13px;padding:16px 0}.fineprint{font-size:12px!important;line-height:1.8}.feature-tea{display:flex;flex-direction:column;gap:37px;align-items:stretch}.feature-tea h2{font-size:42px;line-height:1.5;letter-spacing:0;margin-bottom:25px}.feature-tea p{font-size:16px}.feature-tea .small-english{font-size:12px;letter-spacing:.5px}.feature-tea figure{width:78%;align-self:flex-end}.tea-panorama{width:100%;margin-top:32px}.meeting-feature-head{display:block}.meeting-feature-head h2{font-size:32px;line-height:1.5}.meeting-feature-head .serif{font-size:61px;text-align:right;line-height:.95;margin-top:32px}.meeting-feature-body{display:flex;flex-direction:column;gap:33px;align-items:stretch;margin-top:34px}.meeting-feature-body figure{width:74%;margin:0}.meeting-feature-body h3{font-size:18px;letter-spacing:0}.small-english{font-size:12px}.split,.split-inner{display:block}.split .copy{padding-top:30px}.split-inner .copy{padding-top:28px}.business h2{font-size:30px;line-height:1.5}.statement{font-size:29px}.ending{padding-top:80px;padding-bottom:80px}.ending h2{font-size:36px}.ending>p{font-size:15px}.ending-english{font-size:72px;margin:40px 0 28px}.ending .text-link{min-width:220px}.page-hero{display:block;padding:50px var(--gutter) 55px;min-height:0}.page-hero h1{font-size:45px;margin-bottom:29px}.page-hero p{font-size:16px}.page-coordinate{font-size:12px;line-height:2;text-align:left;display:flex;justify-content:space-between;gap:20px;margin-top:36px;border-top:1px solid var(--line);padding-top:17px}.page-coordinate br{display:none}.page-coordinate span{margin:0;align-self:center}.page-hero.with-photo{display:flex;flex-direction:column;gap:35px;align-items:stretch}.page-hero.with-photo h1{font-size:43px}.page-hero.with-photo figure{width:78%;height:auto;max-height:none;margin-left:auto}.page-about .page-hero figure{width:70%}.name-title{font-size:64px;margin-bottom:40px}.two-col{display:block}.two-col article+article{margin-top:32px}.two-col h3{font-size:25px}.name-ending{display:block;margin-top:47px}.name-ending h3{font-size:35px;margin-bottom:28px}.word-list{display:block;margin:32px 0 40px}.word-list>div{padding:18px 0}.word-list>div span:first-child{font-size:29px}.word-list>div span:last-child{font-size:14px}.about-do>h2:last-of-type{font-size:30px;line-height:1.5}.resource-section{display:flex;flex-direction:column;gap:35px;align-items:stretch}.resource-section figure{width:82%;margin-left:auto}.resource-list p{display:flex;font-size:14px;gap:12px;align-items:center}.resource-list span{font-size:12px}.resource-list{margin:30px 0}.city-index{display:block}.city-index>div+div{margin-top:55px}.city-index-title h2{font-size:39px}.city-index li{font-size:16px;padding:21px 0;gap:18px}.interlude-photo{width:65%;margin:0 10% 55px auto}.tea-city h2{font-size:42px}.tea-words{font-size:42px;letter-spacing:.02em;margin:28px 0;line-height:1.85}.meeting-manifesto h2{font-size:62px}.meeting-manifesto .copy{padding-top:35px}.use-grid{grid-template-columns:1fr 1fr;gap:30px 23px;margin-top:35px}.use-grid h3{font-size:21px;margin:26px 0 10px}.use-grid p{font-size:14px}.meeting-ending{display:block}.meeting-ending strong{font-size:145px}.meeting-ending h2{font-size:25px;margin-top:37px;line-height:1.7}.page-co-creation .page-hero{min-height:330px}.page-co-creation .page-hero h1{font-size:85px}.collaborations{padding-top:14px;padding-bottom:0}.collaborations article{grid-template-columns:26px 1fr;gap:18px 13px;padding:35px 0}.collaborations h2{font-size:30px}.collaborations p{grid-column:2;font-size:16px}.co-contact{padding-bottom:65px}.contact-section{display:block}.contact-details{margin-top:50px}.contact-section h2{font-size:28px}.contact-row>a{font-size:20px}.contact-row strong{font-size:30px}footer{padding-top:43px}.footer-top{display:block}.footer-top h2{font-size:29px}.footer-top p{font-size:13px}.footer-contact{margin-top:30px}.footer-word{font-size:18.8vw;letter-spacing:-.065em;line-height:1.2;margin-top:40px}.footer-bottom{flex-wrap:wrap;gap:10px;position:relative;padding:20px 0 28px;font-size:12px}.footer-bottom>span:nth-child(2){order:3;flex-basis:100%;font-size:12px;letter-spacing:0}.back-top{position:absolute;right:0;top:10px;font-size:12px}#site-menu nav{margin-top:20px}#site-menu nav a{font-size:24px;padding:16px 0;gap:12px;grid-template-columns:28px 1fr auto;min-height:60px}#site-menu small{font-size:17px}.menu-num{font-size:14px}.menu-foot{flex-direction:column;gap:6px;font-size:12px;margin-bottom:30px}.menu-foot span{color:var(--muted)}#photo-viewer{padding:14px 15px 12px;gap:10px}.viewer-toolbar{gap:12px;font-size:12px;align-items:flex-start}#viewer-caption{padding-top:8px}.viewer-close{font-size:13px;padding:8px 12px}.viewer-controls{gap:25px;font-size:13px}}
@media(max-width:360px){:root{--gutter:19px}.cover h1{font-size:18.3vw}.cover-title-note .serif{font-size:21px}.cover-title-note p{font-size:12px}.cover-index nav{gap:0 9px}.cover-index strong{font-size:14px}.cover-index small{font-size:12px}.brand-statement h2{font-size:31px}.stats strong{font-size:39px}.stats strong span{font-size:12px}.project-heading h3{font-size:20px}.project-heading{gap:14px}.project-no{font-size:54px}.resource-list p{font-size:12px}.resource-list span{font-size:12px}.city-index-title h2{font-size:34px}.contact-row>a{font-size:18px}.tea-words{font-size:37px}.ending-english{font-size:66px}.cover>.chapter-line{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

@media(max-width:600px){.cover>.chapter-line{font-size:12px;flex-wrap:wrap;gap:4px}.cover>.chapter-line span:last-child{font-size:12px}.cover-baseline{flex-wrap:wrap;font-size:12px;gap:6px}.cover-index a{min-height:82px}.cover-index small{font-size:12px;letter-spacing:-.35px;white-space:normal;overflow-wrap:anywhere}.cover-photo figcaption{font-size:12px;letter-spacing:0}.cover-photo figcaption>span:last-child{display:none}.cover-title-note{gap:10px}.cover-title-note .serif{font-size:23px}.cover-title-note p{font-size:13px}.footer-bottom>span:nth-child(2){line-height:1.7}.project-heading .eyebrow{font-size:12px}.cover-index .index-heading>span:last-child{letter-spacing:0}}
/* Edition 03: a single index and five clearly nested editorial chapters. */
:root{--quick:0px;--display:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif}
h4{margin:0;font-weight:400;line-height:1.5;letter-spacing:-.02em}.edition-three .site-header{background:#f8fbfd;border-bottom:0;height:80px}.directory-toggle{display:inline-flex;align-items:center;gap:16px;padding:12px 0;min-height:44px;border-bottom:1px solid var(--ink);font-size:14px;letter-spacing:2px}.directory-toggle small{font-size:12px;letter-spacing:1px;color:var(--muted)}.editorial-photo{display:block;width:100%;height:auto;object-fit:contain;cursor:default}.edition-three figure figcaption{padding-top:16px}.edition-three h1,.edition-three h2,.edition-three h3,.edition-three .poetic,.edition-three .statement{font-family:var(--display);font-weight:300;font-style:normal}.edition-three .page-tea h1,.edition-three .page-co-creation h1{font-family:var(--display)}.page-route{display:flex;align-items:center;gap:16px;padding:24px var(--gutter);font-size:13px;color:var(--muted);background:var(--blue)}.page-route a{border-bottom:1px solid var(--line)}
.editorial-cover{background:var(--blue);padding:65px var(--gutter) 0;min-height:calc(100svh - 80px);display:grid;grid-template-columns:1.2fr 1fr;column-gap:12%;align-items:center}.cover-kicker{display:block;font-size:12px;letter-spacing:2px;margin-bottom:45px;color:var(--muted)}.cover-poster h1{font-family:var(--display);font-size:clamp(100px,11vw,166px);font-weight:200;letter-spacing:.06em;line-height:1.18;max-width:580px}.cover-poster h1>span{display:block;white-space:nowrap}.cover-poster h1>span+span{padding-left:1.02em;margin-top:18px}.poster-note{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;max-width:550px;margin-top:44px}.poster-note>span{font-size:14px;letter-spacing:2px;line-height:1.7}.poster-note p{font-size:17px;letter-spacing:1px;line-height:1.8}.site-directory{padding:15px 0 0;scroll-margin-top:110px}.directory-label{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:30px;border-bottom:1px solid #a9c1d1;font-size:15px;letter-spacing:2px}.directory-label small{font-size:12px;letter-spacing:1px;color:var(--muted)}.site-directory nav{padding-top:15px}.site-directory nav>a{display:grid;grid-template-columns:28px 1fr;gap:5px 24px;align-items:baseline;padding:21px 0;min-height:86px;position:relative}.directory-num{font-size:12px;letter-spacing:.6px;color:#647f91}.directory-title{font-size:27px;font-weight:300;letter-spacing:2px;line-height:1.5}.site-directory small{grid-column:2;font-size:12px;letter-spacing:1px;color:var(--muted);line-height:1.6}.site-directory a .directory-title{transition:transform .25s,color .25s}.site-directory a:hover .directory-title{transform:translateX(8px);color:#587b95}.poster-baseline{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;font-size:12px;letter-spacing:1px;padding:50px 0 28px;align-self:end}
/* Major chapter / subsection / item form three distinct reading levels. */
.content-chapter{padding-top:110px}.chapter-heading{margin:0 var(--gutter);padding:0 0 45px;border-bottom:1px solid var(--line);display:flex;gap:36px;align-items:baseline}.chapter-number{font-family:Arial,sans-serif;font-size:14px;letter-spacing:2px;color:var(--muted)}.chapter-heading h2{font-family:var(--display);font-size:clamp(36px,4.5vw,66px);font-weight:300;line-height:1.3;letter-spacing:.035em}.chapter-heading p{font-size:12px;letter-spacing:2px;color:var(--muted);margin-top:20px}.content-chapter>.section{padding:100px var(--gutter)}.content-chapter>.section+.section{padding-top:75px}.chapter-identity{background:white}.chapter-offering{background:var(--blue)}.chapter-locations{background:white}.chapter-experience{background:var(--pale)}.chapter-partnership{background:var(--blue)}.content-chapter .city-space,.content-chapter .beyond-scene,.content-chapter .places-section,.content-chapter .tea-feature,.content-chapter .business{background:transparent}.content-chapter .non-standard{min-height:0;background:transparent;color:var(--ink);border-top:1px solid var(--line);margin:10px var(--gutter) 0;padding:75px 0 110px}.content-chapter .non-standard p,.content-chapter .non-standard .story-more>div{color:var(--muted)}.content-chapter .non-standard .story-more,.content-chapter .non-standard-columns>div:last-child{border-color:var(--line)}.content-chapter .non-standard>h3{font-size:48px;line-height:1.45;letter-spacing:.02em}.content-chapter .non-standard>.text-link{margin-top:36px}.content-chapter .non-standard-columns{margin-top:48px}.content-chapter .non-standard-columns h4{font-family:var(--display);font-size:29px;letter-spacing:.04em;font-weight:300;margin-bottom:18px}.content-chapter h3{font-family:var(--display);font-size:clamp(30px,3vw,44px);line-height:1.5;letter-spacing:.015em;font-weight:300}.content-chapter h4{font-size:24px;line-height:1.5;font-weight:400}.content-chapter .eyebrow{color:var(--muted);letter-spacing:1.3px}.content-chapter .brand-scene{min-height:0}.content-chapter .brand-intro{display:block;margin-bottom:90px;max-width:660px}.content-chapter .intro-en{display:none}.content-chapter .brand-intro>p{font-size:19px;line-height:2.1;justify-self:auto}.content-chapter .brand-statement{max-width:800px;margin:0 0 0 auto;text-align:left}.content-chapter .brand-statement h3{font-size:47px;letter-spacing:.015em;white-space:normal;margin-bottom:35px}.content-chapter .brand-statement .poetic{font-family:var(--display);font-size:30px;letter-spacing:.04em;line-height:1.8;margin:55px 0 25px}.content-chapter .brand-statement .story-more{max-width:none}.content-chapter .lead{font-size:20px;line-height:2.05}.content-chapter .city-space>.section-heading{margin-bottom:55px}.content-chapter .three-col{gap:8%}.content-chapter .three-col h4{font-size:35px;font-weight:300;letter-spacing:.025em}.content-chapter .three-col p{line-height:2}.content-chapter .beyond-heading h3{margin-bottom:30px}.content-chapter .beyond-heading>.serif{font-size:clamp(35px,4.5vw,64px);line-height:1.2}.content-chapter .beyond-layout{margin-top:75px;gap:15%}.content-chapter .format-list h4{font-size:32px;font-weight:300}.content-chapter .format-list article{padding:45px 0;gap:35px}.content-chapter .feature-tea{gap:15%}.content-chapter .feature-tea h3{font-size:45px;line-height:1.55;margin-bottom:36px}.content-chapter .feature-tea p{line-height:2.1}.content-chapter .meeting-feature-head{display:block}.content-chapter .meeting-feature-head>.serif{display:none}.content-chapter .meeting-feature-body{margin-top:70px;gap:17%}.content-chapter .meeting-feature-body h4{font-size:18px}.content-chapter .meeting-feature-body p{line-height:2.1}.content-chapter .places-section>.section-heading{margin-bottom:80px;display:block}.content-chapter .places-section>.section-heading>h3{font-size:34px;line-height:1.55}.content-chapter .section-aside{display:none}.content-chapter .project-story{padding-top:55px;padding-bottom:120px}.content-chapter .project-heading{margin-bottom:55px;gap:28px}.content-chapter .project-no{font-size:52px}.content-chapter .project-heading h4{font-size:28px;font-weight:400;line-height:1.5}.content-chapter .project-en{font-size:22px}.content-chapter .project-body{line-height:2.1;max-width:520px}.content-chapter .project-detail{margin-top:60px}.content-chapter .project-line{padding:40px 0}.content-chapter .project-line h4{font-size:23px}.content-chapter .decade{padding-bottom:85px}.content-chapter .decade-number{font-size:clamp(170px,23vw,300px)}.content-chapter .decade-layout h3{font-size:34px;margin-bottom:32px}.content-chapter .stats{padding-bottom:60px}.content-chapter .recognition>h3{margin-bottom:28px}.content-chapter .recognition>.text-link{margin-top:40px}.content-chapter .recognition-stats{margin-top:65px;margin-bottom:60px}.content-chapter .recognition-stats strong{font-size:90px}.content-chapter .business h3{font-size:35px}.content-chapter .ending h3{font-size:43px;margin-bottom:36px}.content-chapter .ending-english{font-size:clamp(58px,7vw,105px);margin-top:70px;margin-bottom:45px}.edition-three .page-hero{padding-top:90px;padding-bottom:110px}.edition-three .page-hero.with-photo h1{font-weight:300;letter-spacing:.025em}.edition-three .section:not(.content-chapter .section){padding-top:115px;padding-bottom:115px}.edition-three .copy p{line-height:2.05}.edition-three .page-hero p{line-height:2.05}.edition-three .tea-city h2{font-family:var(--display);letter-spacing:.025em;font-weight:300}.edition-three .tea-words{font-family:var(--display);font-weight:200}.edition-three .page-co-creation .page-hero h1{font-weight:200;letter-spacing:.08em}
@media(max-width:1000px){.editorial-cover{column-gap:9%;padding-top:50px}.cover-poster h1{font-size:11.8vw}.directory-title{font-size:24px}.site-directory nav>a{gap:5px 16px}.poster-note{display:block}.poster-note p{margin-top:25px}.edition-three .site-header{height:72px}:root{--header:72px;--quick:0px}.chapter-heading{gap:25px}.content-chapter .brand-statement h3{font-size:39px}.content-chapter .feature-tea h3{font-size:38px}.content-chapter .project-heading h4{font-size:24px}}
@media(max-width:600px){:root{--gutter:28px;--header:66px;--quick:0px}.edition-three .site-header{height:66px}.directory-toggle{gap:12px;font-size:14px;padding:10px 0;letter-spacing:1px}.directory-toggle small{font-size:12px}.editorial-cover{display:block;min-height:0;padding:40px var(--gutter) 0}.cover-kicker{font-size:12px;letter-spacing:1.7px;margin-bottom:38px}.cover-poster h1{font-size:clamp(70px,20vw,110px);font-family:var(--display);font-weight:200;letter-spacing:.1em;line-height:1.2;max-width:100%;width:max-content}.cover-poster h1>span+span{padding-left:.95em;margin-top:13px}.poster-note{display:flex;align-items:flex-end;gap:18px;margin-top:36px;justify-content:space-between}.poster-note>span{font-size:12px;line-height:1.8;letter-spacing:1.4px}.poster-note p{font-size:14px;letter-spacing:1px;line-height:1.8;margin:0}.site-directory{margin-top:62px;padding:0;scroll-margin-top:92px}.directory-label{padding-bottom:20px;font-size:14px;letter-spacing:1.4px}.directory-label small{font-size:12px}.site-directory nav{padding-top:15px}.site-directory nav>a{grid-template-columns:23px 1fr;gap:6px 20px;padding:18px 0;min-height:84px}.directory-num{font-size:12px;letter-spacing:.5px}.directory-title{font-size:23px;font-weight:300;letter-spacing:2px;line-height:1.5}.site-directory small{font-size:12px;letter-spacing:.5px}.poster-baseline{display:flex;flex-direction:column;gap:10px;font-size:12px;letter-spacing:.6px;padding:43px 0 30px}.content-chapter{padding-top:84px}.chapter-heading{gap:22px;padding-bottom:32px;align-items:flex-start}.chapter-number{font-size:12px;padding-top:9px;letter-spacing:1px}.chapter-heading h2{font-size:34px;font-weight:300;letter-spacing:.045em;line-height:1.35}.chapter-heading p{font-size:12px;letter-spacing:1px;margin-top:16px}.content-chapter>.section,.content-chapter>.section+.section{padding:68px var(--gutter) 82px}.content-chapter h3{font-size:29px;letter-spacing:.015em;line-height:1.65}.content-chapter h4{font-size:22px;line-height:1.6}.content-chapter .brand-intro{margin-bottom:65px}.content-chapter .brand-intro>p{font-size:16px;line-height:2.2}.content-chapter .brand-statement h3{font-size:30px;letter-spacing:.005em;line-height:1.7;margin-bottom:27px}.content-chapter .lead{font-size:18px;line-height:2.1}.content-chapter .brand-statement .poetic{font-size:26px;line-height:1.9;letter-spacing:.03em;margin:42px 0 24px}.content-chapter .story-more{margin-top:32px}.content-chapter .story-more summary{font-size:14px;padding:20px 0}.content-chapter .story-more p{font-size:16px;line-height:2.15}.content-chapter .city-space>.section-heading{margin-bottom:40px}.content-chapter .three-col article{display:block;margin-top:40px;padding-top:27px}.content-chapter .three-col h4{font-size:30px;letter-spacing:.03em}.content-chapter .three-col .eyebrow{margin:14px 0 20px}.content-chapter .three-col p{font-size:16px;line-height:2.1}.content-chapter .life-panorama{margin-top:52px}.content-chapter .non-standard{margin:0 var(--gutter);padding:65px 0 86px}.content-chapter .non-standard>h3{font-size:31px;line-height:1.7;letter-spacing:.025em}.content-chapter .non-standard-columns{margin-top:33px}.content-chapter .non-standard-columns>div:last-child{margin-top:45px;padding-top:30px}.content-chapter .non-standard-columns h4{font-size:27px}.content-chapter .non-standard-columns p{font-size:16px;line-height:2.15}.content-chapter .beyond-heading h3{font-size:29px;margin-bottom:29px}.content-chapter .beyond-heading>.serif{font-size:34px;line-height:1.3;letter-spacing:-.045em}.content-chapter .beyond-layout{margin-top:42px;gap:40px}.content-chapter .beyond-layout p{line-height:2.15}.content-chapter .format-list article{padding:35px 0;gap:24px 19px}.content-chapter .format-list h4{font-size:28px}.content-chapter .format-list p{font-size:16px;line-height:2.1}.content-chapter .feature-tea{gap:50px}.content-chapter .feature-tea h3{font-size:31px;line-height:1.7;margin-bottom:32px}.content-chapter .feature-tea p{line-height:2.15}.content-chapter .tea-panorama{margin-top:50px}.content-chapter .meeting-feature-head h3{font-size:29px;line-height:1.7}.content-chapter .meeting-feature-body{margin-top:45px;gap:45px}.content-chapter .meeting-feature-body h4{font-size:17px;letter-spacing:0}.content-chapter .meeting-feature-body p{line-height:2.15}.content-chapter .places-section>.section-heading{margin-bottom:50px}.content-chapter .places-section>.section-heading>h3{font-size:29px;line-height:1.7}.content-chapter .project-story{padding:37px 0 75px}.content-chapter .project-heading{gap:17px;align-items:flex-start;margin-bottom:38px}.content-chapter .project-no{font-size:38px;padding-top:3px;line-height:1.2}.content-chapter .project-heading .eyebrow{font-size:12px;letter-spacing:.6px;line-height:1.7;margin-bottom:13px}.content-chapter .project-heading h4{font-size:21px;font-weight:400;letter-spacing:0;line-height:1.65}.content-chapter .project-composition{gap:32px}.content-chapter .project-main{width:88%}.content-chapter .project-imax .project-main{width:100%}.content-chapter .project-en{font-size:24px}.content-chapter .project-body{font-size:16px;line-height:2.2}.content-chapter .project-detail{margin-top:16px}.content-chapter .project-line{padding:35px 0;gap:20px 15px}.content-chapter .project-line h4{font-size:21px;line-height:1.7}.content-chapter .project-line p{font-size:16px;line-height:2.1}.content-chapter .decade-number{font-size:190px;margin-bottom:55px}.content-chapter .decade-layout h3{font-size:29px;line-height:1.7;margin-bottom:32px}.content-chapter .decade-layout p{line-height:2.15}.content-chapter .stats{gap:37px 24px;padding-bottom:30px}.content-chapter .stats strong{font-size:40px}.content-chapter .stats p{font-size:13px;line-height:1.9}.content-chapter .recognition>h3{font-size:30px}.content-chapter .recognition-stats{margin:45px 0}.content-chapter .recognition-stats strong{font-size:80px}.content-chapter .recognition-stats p{font-size:14px;line-height:1.9}.content-chapter .business h3{font-size:28px;line-height:1.75}.content-chapter .split-inner .copy{padding-top:34px}.content-chapter .ending h3{font-size:31px;line-height:1.6;margin-bottom:32px}.content-chapter .ending>p{font-size:16px;line-height:2.15}.content-chapter .ending-english{font-size:62px;margin-top:52px;margin-bottom:38px}.edition-three .section:not(.content-chapter .section){padding-top:85px;padding-bottom:85px}.edition-three .page-hero,.edition-three .page-hero.with-photo{padding:55px var(--gutter) 70px}.edition-three .page-hero h1,.edition-three .page-hero.with-photo h1{font-size:39px;letter-spacing:.025em;font-weight:300;line-height:1.5;margin-bottom:38px}.edition-three .page-hero p{font-size:16px;line-height:2.15}.edition-three .page-route{padding-top:18px;padding-bottom:18px;gap:14px;font-size:13px}.edition-three .page-hero.with-photo{gap:45px}.edition-three .page-hero.with-photo figure{width:84%}.edition-three .page-co-creation .page-hero h1{font-size:74px}.edition-three .two-col article+article{margin-top:45px}.edition-three .resource-list p{font-size:14px}.edition-three .footer-top h2{font-size:26px}.edition-three .footer-contact{margin-top:38px}}
@media(max-width:360px){:root{--gutter:24px}.cover-poster h1{font-size:19vw;letter-spacing:.08em}.poster-note p{font-size:13px}.poster-note>span{font-size:12px}.chapter-heading h2{font-size:30px}.chapter-heading{gap:16px}.content-chapter .brand-statement h3{font-size:27px}.content-chapter .project-heading h4{font-size:20px}.content-chapter .project-heading{gap:14px}.content-chapter .beyond-heading>.serif{font-size:30px}.content-chapter .stats strong{font-size:34px}.content-chapter .stats strong span{font-size:12px}.directory-title{font-size:22px}}
.project-additions .project-story{padding:55px 0 100px}
.project-additions .project-composition{grid-template-columns:.85fr 1fr;gap:12%;align-items:center}
.project-additions .project-main{width:100%;margin:0 0 0 9%;max-width:440px}
.project-additions .project-side{padding-top:0}
.project-sea .project-composition{grid-template-columns:1fr .85fr}
.project-sea .project-main{grid-column:2;grid-row:1;margin-left:0;max-width:390px}
.project-sea .project-side{grid-column:1;grid-row:1;padding-left:8%}
.project-innovation .project-composition{grid-template-columns:1.25fr .85fr;gap:9%}
.project-innovation .project-main{margin-left:0;max-width:none}
.project-imax .project-detail{width:100%;margin-left:0}
.content-chapter .meeting-feature-body{grid-template-columns:1.15fr 1fr;gap:11%;align-items:center}
.content-chapter .meeting-feature-body figure{width:100%;max-width:none}
.page-meeting .page-hero.with-photo{grid-template-columns:1fr 1.2fr;gap:8%;align-items:center}
.page-meeting .page-hero.with-photo figure{width:100%}
@media(max-width:600px){
 .project-additions .project-story,.content-chapter .project-additions .project-story{padding:38px 0 78px}
 .project-additions .project-composition,.project-sea .project-composition,.project-innovation .project-composition{display:flex;flex-direction:column;gap:32px;align-items:stretch}
 .project-additions .project-main,.content-chapter .project-additions .project-main{width:88%;margin:0;max-width:none}
 .project-sea .project-main,.content-chapter .project-sea .project-main{width:80%;margin-left:auto}
 .project-innovation .project-main,.content-chapter .project-innovation .project-main{width:100%}
 .project-sea .project-side,.project-additions .project-side{padding:0}
 .content-chapter .meeting-feature-body{display:flex;flex-direction:column;gap:38px}
 .page-meeting .page-hero.with-photo{display:flex;flex-direction:column;gap:45px;align-items:stretch}
 .page-meeting .page-hero.with-photo figure{width:100%}
}
@media(prefers-reduced-motion:reduce){.site-directory nav>a,.text-link,.link-arrow,.story-more summary{transition:none}}

/* Fine circular reading marks and interaction-only translucent feedback. */
.site-directory nav>a{grid-template-columns:28px minmax(0,1fr) 18px;gap:5px 24px;padding:21px 0;border-bottom:1px solid rgba(83,108,126,.2);background:none;box-shadow:none;position:relative;isolation:isolate;transition:color .18s}
.site-directory nav>a small{grid-column:2;grid-row:2}
.entry-mark{display:inline-block;position:relative;width:13px;height:13px;border:1px solid #849dac;border-radius:50%;flex:0 0 13px;align-self:center;transition:border-color .2s;box-sizing:border-box}
.entry-mark:after{content:"";position:absolute;inset:4px;background:currentColor;border-radius:50%;opacity:0;transition:opacity .2s}
.site-directory .entry-mark{grid-column:3;grid-row:1/3;justify-self:center}
.site-directory a:hover .directory-title{transform:none;color:var(--ink)}
.site-directory nav>a[aria-current="location"]:before{content:"";position:absolute;left:0;top:50%;height:22px;width:1px;background:var(--ink);transform:translateX(-12px)}
.text-link{min-height:56px;padding:16px 0;border:0;border-bottom:1px solid #9aafbe;background:none;gap:35px;font-size:14px;letter-spacing:.8px;color:var(--ink);position:relative;isolation:isolate;transition:color .2s,border-color .2s}
.story-more summary{min-height:58px;padding:18px 0;background:none;color:var(--ink);position:relative;isolation:isolate;transition:color .2s}
.story-more[open]>summary{background:none}
.story-more>div{padding-top:18px}
.detail-sign{width:16px;height:16px;transition:transform .2s}
.detail-sign:before,.detail-sign:after{width:16px;top:7px}
.directory-toggle{background:none;padding-left:0;padding-right:0;position:relative;isolation:isolate}
.city-index a{position:relative;isolation:isolate}
.site-directory nav>a:after,.text-link:after,.story-more summary:after,.directory-toggle:after,.city-index a:after{content:"";position:absolute;inset:0 -10px;z-index:-1;pointer-events:none;background:rgba(101,139,167,.14);opacity:0;transition:opacity .16s}
@media(hover:hover){
 .site-directory nav>a:hover:after,.text-link:hover:after,.story-more summary:hover:after,.directory-toggle:hover:after,.city-index a:hover:after{opacity:.45}
 .site-directory nav>a:hover .entry-mark:after,.text-link:hover .entry-mark:after,.city-index a:hover .entry-mark:after{opacity:.65}
}
.site-directory nav>a:active:after,.site-directory nav>a.is-pressed:after,.text-link:active:after,.text-link.is-pressed:after,.story-more summary:active:after,.story-more summary.is-pressed:after,.directory-toggle:active:after,.directory-toggle.is-pressed:after,.city-index a:active:after,.city-index a.is-pressed:after{opacity:1}
.site-directory nav>a:active .entry-mark:after,.site-directory nav>a.is-pressed .entry-mark:after,.text-link:active .entry-mark:after,.text-link.is-pressed .entry-mark:after,.city-index a:active .entry-mark:after,.city-index a.is-pressed .entry-mark:after{opacity:1}
.text-link:hover,.text-link:focus-visible,.text-link:active,.text-link.is-pressed{color:#102b40;border-bottom-color:var(--ink)}
.story-more summary:active .detail-sign,.story-more summary.is-pressed .detail-sign{transform:scale(.9)}
/* Both complete portraits now share one compact photographic transition. */
.dual-city{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:700px;padding:60px 30px 0;margin:0 auto;background:white}
.dual-city figure{margin:0;min-width:0}
.dual-city img{width:100%;height:auto;object-fit:contain}
.chapter-identity{padding-top:75px}
@media(max-width:600px){
 .site-directory nav>a{grid-template-columns:23px minmax(0,1fr) 18px;gap:6px 18px;padding:20px 0;min-height:90px}
 .site-directory nav>a[aria-current="location"]:before{transform:translateX(-10px)}
 .dual-city{gap:7px;padding:42px var(--gutter) 0;max-width:450px}
 .chapter-identity{padding-top:58px}
 .text-link{font-size:14px;min-height:56px;gap:30px;letter-spacing:.5px}
 .content-chapter .story-more summary{padding:20px 0}
}
@media(prefers-reduced-motion:reduce){.entry-mark,.entry-mark:after,.text-link,.detail-sign,.story-more summary,.site-directory nav>a:after,.text-link:after,.story-more summary:after,.directory-toggle:after,.city-index a:after{transition:none}}
