:root{--blue:#087bcc;--navy:#082b45;--ink:#142e41;--muted:#667682;--pale:#f1f4f5;--paper:#f6f5f1;--line:#d9e0e4;--serif:'Songti SC','STSong','Noto Serif CJK SC',Georgia,serif;--ease:cubic-bezier(.22,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.35;letter-spacing:.01em}h1{font-size:clamp(40px,5.2vw,76px)}h2{font-size:clamp(32px,3.6vw,54px);margin-bottom:28px}h3{font-size:23px;font-weight:500;line-height:1.5}p{margin-bottom:22px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #19a4ef;outline-offset:5px}::selection{background:#087bcc;color:#fff}.public-site{--gutter:7%;overflow-x:clip}.skip{position:absolute;left:12px;top:-90px;padding:15px;background:#fff;color:var(--navy);z-index:60}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hidden{display:none!important}.arrow{display:inline-block;font-family:Arial,sans-serif;font-weight:400;line-height:1;transition:transform .35s var(--ease)}
/* Navigation */
.header{height:96px;position:sticky;top:0;z-index:30;padding:0 4.5%;display:flex;align-items:center;gap:32px;background:#fffffff5;border-bottom:1px solid #e7ecef;transition:box-shadow .35s,background .35s;backdrop-filter:blur(16px)}.header.is-scrolled{box-shadow:0 4px 30px #082b450c;background:#fffffff0}.brand{flex-shrink:0}.brand img{width:178px;height:52px;object-fit:contain;transition:transform .35s}.is-scrolled .brand img{transform:scale(.94);transform-origin:left center}.header-note{font-size:9px;letter-spacing:.15em;color:#71808d;border-left:1px solid var(--line);padding:6px 0 6px 26px;white-space:nowrap}.header nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:13px}.header nav>a{position:relative;white-space:nowrap;padding:10px 0}.header nav>a:not(.nav-contact):after{content:'';height:1px;background:var(--blue);position:absolute;bottom:0;left:0;right:100%;transition:right .35s var(--ease)}.header nav>a:hover:after,.header nav>a[aria-current]:after{right:0}.header .nav-contact{margin-left:12px;display:flex;align-items:center;gap:30px;padding:12px 20px;border:1px solid #b9cbd8;transition:color .3s,background .3s,border-color .3s}.nav-contact:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.nav-index,.menu-toggle{display:none}.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:50;background:var(--blue);transform:scaleX(0);transform-origin:left;pointer-events:none}
/* Shared visual vocabulary */
.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:14px;margin-bottom:28px;color:var(--blue);line-height:1.8}.label-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.label-cn{letter-spacing:.1em;color:var(--muted);font-size:10px;border-left:1px solid currentColor;padding-left:14px}.section{padding:112px var(--gutter)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:55px}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:22px}.section-lead{color:var(--muted);font-size:15px;line-height:2;margin:0 0 5px;max-width:360px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:54px;padding:15px 25px;border:1px solid var(--blue);background:var(--blue);color:#fff;font-size:14px;transition:background .3s,border-color .3s,color .3s}.button:hover{background:#005b9b;border-color:#005b9b}.button .arrow{font-size:22px}.button:hover .arrow,.text-link:hover .arrow{transform:translate(3px,-3px)}.text-link{display:inline-flex;align-items:center;gap:45px;font-size:14px;padding-bottom:13px;position:relative;white-space:nowrap;color:var(--ink)}.text-link:before,.text-link:after{position:absolute;bottom:0;left:0;right:0;content:'';height:1px;background:#bbcbd6}.text-link:after{background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.text-link:hover:after{transform:scaleX(1)}.text-link .arrow{color:var(--blue);font-size:21px}.source-note{font-size:11px;color:#657580;line-height:1.9;margin:30px 0 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 30px}
/* Hero */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(640px,calc(100svh - 96px),900px);height:auto;color:#fff;background:#143b55}.hero-media{position:absolute;inset:-50px 0;z-index:-3;overflow:hidden}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 61%;transform:translate3d(0,var(--hero-drift,0px),0) scale(1.025)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,30,53,.83) 0%,rgba(5,36,59,.55) 38%,rgba(12,48,71,.04) 100%),linear-gradient(0deg,rgba(4,31,52,.62),transparent 38%)}.hero-content{padding:94px var(--gutter) 150px;max-width:1100px;position:relative}.hero .eyebrow{color:#fff;font-size:10px;letter-spacing:.22em;margin-bottom:42px}.hero .label-cn{color:#cadce6;border-color:#ffffff55}.hero h1{font-size:clamp(48px,5.7vw,88px);line-height:1.3;letter-spacing:.035em;margin-bottom:32px;font-weight:400}.hero-intro{font-size:15px;color:#e1ebf1;line-height:2.05;margin-bottom:35px}.button.light{background:#ffffff04;color:#fff;border-color:#ffffff70;min-width:172px}.button.light:hover{background:#fff;color:var(--navy);border-color:#fff}.hero-side{position:absolute;right:var(--gutter);top:48%;display:flex;flex-direction:column;align-items:flex-end;font-family:Georgia,serif;font-size:clamp(24px,2.7vw,42px);font-style:italic;line-height:1.35;color:#fff;opacity:.8;letter-spacing:-.02em}.hero-bottom{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff35;padding-top:25px;font-size:11px}.scroll-cue{display:flex;align-items:center;gap:17px}.scroll-cue>span:last-child{font-size:8px;letter-spacing:.14em;color:#d7e6ee}.scroll-line{display:block;width:1px;height:26px;background:#ffffff40;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;top:-100%;height:100%;width:1px;background:#fff;animation:scrollHint 2.5s ease-in-out infinite}.hero-motto{display:flex;align-items:center;gap:25px;letter-spacing:.15em}.hero-motto i{font-family:Georgia,serif;font-size:17px;letter-spacing:0}.chapter-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:0 var(--gutter);background:var(--paper);border-bottom:1px solid #dce1e1}.chapter-nav>a{display:flex;gap:22px;align-items:center;padding:25px 12px 25px 0;font-size:12px;position:relative}.chapter-nav>a>span{color:#71828c;font-family:Georgia,serif;font-size:15px}.chapter-nav>a:after{content:'';position:absolute;bottom:-1px;left:0;right:35px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .4s}.chapter-nav>a:hover:after{transform:scaleX(1)}
/* The story */
.intro{display:grid;grid-template-columns:1fr 1.5fr;gap:13%;background:var(--paper);padding-top:110px;padding-bottom:120px;align-items:center}.intro-aside .eyebrow{margin-bottom:40px}.intro-visual{position:relative;max-width:330px;padding-right:30px}.intro-visual img{height:380px;width:100%;object-fit:cover;object-position:center}.intro-visual>span{position:absolute;right:0;bottom:0;writing-mode:vertical-rl;font-size:8px;letter-spacing:.2em;color:#667a88}.intro-copy{padding-top:30px}.section-index{font-family:Georgia,serif;color:#91a0aa;font-size:18px;display:block;margin-bottom:35px}.intro h2{font-size:clamp(35px,3.7vw,55px);line-height:1.5;margin-bottom:28px}.serif-italic{color:var(--blue)}.intro-copy>p{font-size:15px;color:var(--muted);line-height:2.15;max-width:590px}.intro-copy .text-link{margin-top:16px}.intro-signature{display:flex;gap:35px;margin-top:50px;padding-top:22px;border-top:1px solid #cbd4d9;font-size:11px;color:#5b707d}.intro-signature span:before{content:'+';color:var(--blue);margin-right:10px}
/* Expertise */
.business{background:var(--navy);color:#fff}.business .eyebrow{color:#8dc8ee}.business .label-cn{color:#9bb7c9}.business .section-lead{color:#adc0ce}.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #ffffff26}.business-card{padding:30px 32px 28px;position:relative;overflow:hidden;transition:background .5s var(--ease)}.business-card+.business-card{border-left:1px solid #ffffff26}.business-card:hover{background:#14517c}.business-top{display:flex;justify-content:space-between;align-items:center}.business-top .number{font-family:Georgia,serif;font-size:22px;color:#93b4c8}.business-top .arrow{font-size:25px;color:#b6d8eb}.business-card:hover .business-top .arrow{transform:translate(4px,-4px)}.business-diagram{width:100px;height:100px;display:block;fill:none;stroke:#70aed5;stroke-width:.7;transition:transform .8s var(--ease);margin:25px 0 32px}.business-diagram path{stroke-dasharray:2 4;stroke-width:.5}.business-card:hover .business-diagram{transform:rotate(25deg)}.business-card .eyebrow{font-size:8px;margin-bottom:12px;letter-spacing:.15em}.business-card h3{font-family:var(--serif);font-weight:400;font-size:30px;margin-bottom:20px}.business-card>p:not(.eyebrow){font-size:13px;line-height:1.95;color:#adc3d1;min-height:75px;margin-bottom:20px}.business-tail{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;border-top:1px solid #ffffff25;padding-top:20px;color:#d2e1eb}.business-tail>span+span:before{content:'·';margin-right:15px}
/* Experience */
.experience{background:#fff}.experience-layout{display:grid;grid-template-columns:.85fr 1.5fr;gap:9%}.experience-note{padding-top:10px}.large-quote{font-family:var(--serif);font-size:30px;line-height:1.65;letter-spacing:.01em;margin-bottom:24px}.large-quote em{font-style:normal;color:var(--blue)}.experience-note>p:not(.large-quote){font-size:12px;color:var(--muted);line-height:2}.experience-line{display:block;width:40px;height:1px;background:var(--blue);margin-top:45px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);align-self:start}.portfolio-item{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 22px 17px;transition:background .35s}.portfolio-item:hover{background:var(--pale)}.portfolio-logo{height:100px;display:flex;align-items:center;justify-content:center}.portfolio-logo img{width:100%;height:auto;max-height:85px;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s var(--ease)}.portfolio-item:hover img{transform:translateY(-4px)}.portfolio-item>div:last-child{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:10px}.portfolio-item h3{font-size:12px;font-weight:400;margin:0}.portfolio-item .arrow{font-size:17px;color:#6b92a9}.portfolio-item:hover .arrow{transform:translate(2px,-2px)}
/* Full-width editorial pause */
.statement{display:grid;grid-template-columns:1.02fr 1fr;background:#102f3d;color:#fff;overflow:hidden}.statement-image{overflow:hidden;min-height:590px}.statement-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.statement-content{position:relative;overflow:hidden;padding:80px 14% 110px}.statement .eyebrow{color:#b6cfbc;font-size:9px;letter-spacing:.13em;flex-wrap:wrap;gap:12px}.statement .label-cn{color:#b9cdc5}.statement h2{font-size:clamp(34px,3.4vw,51px);line-height:1.4}.statement p:not(.eyebrow){color:#b7c7ca;font-size:14px;line-height:2.1}.light-link{color:#fff;margin-top:18px}.light-link .arrow{color:#fff}.light-link:before{background:#ffffff44}.light-link:after{background:white}.statement-word{position:absolute;bottom:-25px;left:13%;font-family:Georgia,serif;font-size:clamp(70px,8vw,125px);color:#ffffff08;letter-spacing:-.04em;pointer-events:none}
/* News and projects */
.news-section{background:var(--paper)}.card{min-width:0;display:block}.card-image{height:250px;overflow:hidden;position:relative;background:#e9eff2}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.card:hover .card-image img{transform:scale(1.045)}.image-arrow{width:42px;height:42px;position:absolute;right:16px;bottom:16px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--navy);font-size:24px;opacity:0;transform:translateY(9px);transition:opacity .3s,transform .4s var(--ease)}.card:hover .image-arrow,.card:focus-visible .image-arrow{opacity:1;transform:none}.card-meta{display:flex;gap:15px;justify-content:space-between;font-size:10px;color:var(--blue);margin:24px 0 13px;letter-spacing:.05em}.card-meta>span{color:var(--muted);letter-spacing:0}.card h3{display:flex;gap:22px;justify-content:space-between;font-size:23px;line-height:1.65;font-weight:400;margin-bottom:15px}.card h3>.arrow{color:#5783a0;flex-shrink:0;align-self:flex-start;margin-top:6px;font-size:20px}.card p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.news-editorial{display:grid;grid-template-columns:1.12fr 1fr;column-gap:65px;row-gap:0}.news-editorial>.card:first-child{grid-row:span 2}.news-editorial>.card:first-child .card-image{height:345px}.news-editorial>.card:first-child h3{font-family:var(--serif);font-size:30px}.news-editorial>.card:not(:first-child){display:flex;flex-direction:row-reverse;gap:27px;border-top:1px solid #cbd5db;padding:28px 0;align-items:start}.news-editorial>.card:not(:first-child) .card-image{width:140px;height:150px;flex-shrink:0;margin-top:8px}.news-editorial>.card:not(:first-child) .card-copy{flex:1}.news-editorial>.card:not(:first-child) .card-meta{margin:0 0 16px}.news-editorial>.card:not(:first-child) h3{font-size:21px;line-height:1.7}.news-editorial>.card:not(:first-child) h3>.arrow{display:none}.news-editorial>.card:not(:first-child) p{font-size:12px}.project-card{border:1px solid var(--line);transition:box-shadow .35s,transform .35s}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #082b4508}.project-card .card-image{height:210px;padding:40px;background:#f8fafb}.project-card .card-image img{object-fit:contain;mix-blend-mode:multiply;max-width:310px;margin:auto}.project-card .image-arrow{display:none}.project-card .card-copy{padding:0 26px 25px;border-top:1px solid #e5ebee}.project-card h3{font-size:20px}.project-card p{font-size:12px}.project-card .card-meta{font-size:9px;margin-top:22px}
/* Invitation and footer */
.contact-band{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:50px;background:#0875bd;color:white;padding:85px var(--gutter) 95px}.contact-band .eyebrow{color:#e1f3ff}.contact-band .label-cn{color:#bbdef5}.contact-band h2{font-size:clamp(36px,4.6vw,68px);margin:0;line-height:1.4}.contact-orbit{position:absolute;width:650px;height:650px;right:-100px;top:-190px;border:1px solid #ffffff18;border-radius:50%;z-index:-1}.contact-orbit:before,.contact-orbit:after{content:'';position:absolute;inset:75px;border:1px solid #ffffff18;border-radius:50%}.contact-orbit:after{inset:150px}.round-cta{width:160px;height:160px;flex-shrink:0;border:1px solid #ffffff80;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin-right:4%;transition:background .4s,color .4s,transform .4s}.round-cta>span:first-child{font-size:14px}.round-cta>.arrow{font-size:36px}.round-cta:hover{background:white;color:var(--blue);transform:rotate(-6deg)}.round-cta:hover .arrow{transform:translate(3px,-3px)}footer{padding:55px var(--gutter) 25px;background:#061f33;color:#fff}.footer-top{display:flex;align-items:center;gap:25px;justify-content:space-between}.footer-top img{width:183px;height:auto}.footer-top p{margin:0 0 0 auto;font-family:var(--serif);font-size:21px}.footer-top p>span{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:.18em;opacity:.5;text-align:right}.back-top{width:45px;height:45px;border:1px solid #ffffff28;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-left:32px;transition:background .3s}.back-top:hover{background:#ffffff15}.footer-wordmark{font-size:clamp(56px,12.1vw,190px);font-family:Georgia,serif;font-weight:400;line-height:1.3;white-space:nowrap;letter-spacing:-.055em;color:#ffffffd9;margin:50px 0 35px;border-bottom:1px solid #ffffff20;padding-bottom:40px}.footer-wordmark>span{font-family:Arial,sans-serif;font-size:.16em;vertical-align:top;display:inline-block;padding-top:.7em;letter-spacing:0;margin-left:10px}.footer-links{display:flex;justify-content:space-between;gap:30px;padding-bottom:20px}.footer-links p{font-size:14px;color:#d2dde6}.footer-links small{font-size:10px;color:#7d96a8;line-height:2.5}.footer-links>div{display:flex;gap:25px;font-size:11px;align-items:start}.footer-links a{transition:color .3s}.footer-links a:hover{color:#7bc8fa}.footer-bottom{padding-top:20px;border-top:1px solid #ffffff14;display:flex;justify-content:space-between;gap:20px;color:#8097a7;font-size:9px}
/* Inner pages */
.page-head{padding:88px var(--gutter) 75px;display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:10%;background:var(--paper);border-bottom:1px solid #e1e5e5;position:relative}.page-head h1{font-size:clamp(42px,5.4vw,80px);margin:0;line-height:1.4}.page-head>.eyebrow{margin-bottom:40px}.page-head-aside{max-width:350px;justify-self:end}.head-rule{display:block;width:38px;height:1px;background:var(--blue);margin:0 0 24px}.page-head-aside p{font-size:15px;color:#5d7280;line-height:1.9;margin-bottom:22px}.head-word{font-family:Georgia,serif;font-style:italic;font-size:15px;color:#98a6ad}.split{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.about-image{margin:0}.portrait-landscape{height:560px;object-fit:cover;width:100%}.about-image figcaption{font-size:10px;color:var(--muted);margin-top:15px}.split p:not(.eyebrow){color:var(--muted);line-height:2.2;font-size:15px}.vision-section{background:var(--navy);color:#fff}.vision-section .eyebrow{color:#88c6ee}.vision-section .label-cn{color:#a7c2d5}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:55px}.vision-grid>div{border-top:1px solid #ffffff35;padding-top:32px}.vision-number{font-size:10px;letter-spacing:.14em;color:#9abbd0;display:block;margin-bottom:28px}.vision-grid h2{font-size:36px}.vision-grid p{font-size:15px;color:#b5c6d3;line-height:2.1;margin:0}.team-image{overflow:hidden;background:#e1e4ed}.team img{height:400px;width:100%;object-fit:cover;object-position:50% 20%;transition:transform .8s var(--ease);filter:saturate(.78)}.team article:hover img{transform:scale(1.025)}.team-caption{padding:24px 0;border-bottom:1px solid var(--line)}.team h3{font-size:24px;font-family:var(--serif);font-weight:400;margin-bottom:5px}.team p{font-size:12px;color:var(--muted);margin:0}.service-nav{display:flex;justify-content:space-between;gap:30px;padding:25px var(--gutter);border-bottom:1px solid var(--line);font-size:13px}.service-nav a{display:flex;gap:22px;align-items:center}.service-nav span{font-family:Georgia,serif;font-size:16px;color:var(--blue)}.service-section{display:grid;grid-template-columns:1fr 1fr;gap:13%;border-bottom:1px solid var(--line)}.service-section:nth-of-type(odd){background:var(--paper)}.service-section .eyebrow{font-size:10px}.service-lead{color:var(--muted);font-size:18px;max-width:370px;line-height:2}.service-section>div:last-child{padding-top:50px}.service-section>div:last-child>p{font-size:15px;line-height:2.2;color:var(--muted)}.service-section .business-diagram{width:85px;height:85px;margin-top:30px;margin-bottom:0;stroke:#749eb8}.service-list{list-style:none;padding:0;margin:35px 0}.service-list li{padding:18px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:17px}.service-list .arrow{color:var(--blue)}.strengths-section{background:var(--paper)}.strengths-section h2{font-size:40px}.strengths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:55px}.strengths>div{border-top:1px solid #c4d2db;padding-top:25px}.strengths>div>span{color:var(--blue);font-family:Georgia,serif;font-size:14px}.strengths h3{font-size:22px;margin:32px 0 15px}.strengths p{font-size:12px;color:var(--muted)}.listing{padding-top:45px}.filters{display:flex;gap:15px;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--line)}.filters input,.filters select{padding:13px 16px;border:1px solid #ced9e1;background:white;min-height:54px;border-radius:0;font-size:14px;color:var(--ink)}.filters input{width:330px}.filters select{min-width:180px}.filters .reset{font-size:12px;color:var(--muted);margin-left:auto}.result-count{font-size:12px;color:var(--muted);margin:25px 0 40px}.result-count>span{color:var(--ink);font-size:16px;margin-right:5px}.empty{text-align:center;padding:70px 20px}.empty>span{display:block;color:var(--blue);font-size:42px}.empty h2{font-size:28px}.empty p{color:var(--muted);font-size:14px}
/* A capped article needs capped padding; viewport gutters collapse its content on wide screens. */
.article{padding:60px clamp(24px,7vw,100px) 100px;width:100%;max-width:1200px;margin:auto}.back{display:inline-flex;font-size:12px;color:var(--muted);margin-bottom:45px}.article-heading{max-width:900px}.article h1{font-size:clamp(34px,4vw,58px);line-height:1.5}.article-summary{font-size:19px;color:var(--muted);line-height:1.9}.article-media{margin:45px 0;overflow:hidden}.article-cover{width:100%;max-height:500px;object-fit:cover}.article-media.contain{background:var(--paper);height:265px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}.contain .article-cover{width:auto;max-width:310px;max-height:150px;object-fit:contain;mix-blend-mode:multiply}.prose{max-width:38em;margin:50px auto;line-height:2.2;font-size:17px;color:#405665;overflow-wrap:anywhere}.article-footer{border-top:1px solid var(--line);padding-top:30px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.address{font-size:18px;line-height:2;color:#4e6676}.contact-method{font-size:14px;color:var(--muted)}.contact-method a{color:var(--blue);margin-left:10px;overflow-wrap:anywhere}.contact-figure{margin:0}.contact-photo{width:100%;height:520px;object-fit:cover}.contact-figure figcaption{margin-top:20px;font-family:Georgia,serif;font-size:17px;font-style:italic;color:#748996}.qr{display:flex;gap:25px;align-items:center;margin-top:45px;border-top:1px solid var(--line);padding-top:30px}.qr img{width:120px;height:auto}.qr p{margin:0;font-size:14px}.qr small{color:var(--muted);font-size:10px}
/* Motion is a progressive enhancement; content remains visible without JavaScript. */
body.motion-enabled .reveal-target{transition:opacity .8s var(--ease),transform .9s var(--ease);transition-delay:var(--reveal-delay,0ms)}body.motion-enabled .reveal-target:not(.is-revealed){opacity:0;transform:translateY(25px)}body.motion-enabled .reveal-target.is-revealed{opacity:1;transform:none}.motion-enabled .hero-content>*{transition:opacity .85s var(--ease),transform 1.1s var(--ease)}.motion-enabled:not(.is-ready) .hero-content>*{opacity:0;transform:translateY(22px)}.motion-enabled .hero-content>:nth-child(2){transition-delay:100ms}.motion-enabled .hero-content>:nth-child(3){transition-delay:200ms}.motion-enabled .hero-content>:nth-child(4){transition-delay:300ms}@keyframes scrollHint{0%{top:-100%}55%,100%{top:100%}}
/* Content management */
.admin-body{background:#f4f6f8;font-size:14px}.admin-header{height:86px;background:white;display:flex;align-items:center;gap:30px;padding:0 35px;border-bottom:1px solid var(--line)}.admin-header img{width:165px}.admin-header>a:last-child{margin-left:auto;color:var(--blue)}.admin-sidebar{width:220px;position:absolute;top:86px;left:0;min-height:calc(100vh - 86px);background:white;border-right:1px solid var(--line);padding:30px 25px}.admin-sidebar>p{font-size:12px;color:var(--muted)}.admin-sidebar>a{display:block;padding:13px 8px;border-bottom:1px solid #f1f3f5}.admin-sidebar a:hover{color:var(--blue)}.admin-sidebar form{margin-top:35px}.admin-sidebar button{background:none;border:0;color:var(--muted);padding:8px}.admin-main{margin-left:220px;padding:45px;max-width:1500px}.admin-main h1,.login-main h1{font-family:inherit;font-size:30px;font-weight:500}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.admin-toolbar p{margin:0;color:var(--muted)}.table-wrap{background:white;overflow-x:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:20px;border-bottom:1px solid var(--line)}th{font-weight:500;color:var(--muted);font-size:12px;background:#f9fbfc}td strong{font-weight:500;white-space:normal;display:block;min-width:180px;max-width:500px}td small{display:block;font-size:11px;color:var(--muted)}td a{color:var(--blue);margin-right:18px}.status{padding:5px 10px;background:#eff1f4;color:#66717d;font-size:12px}.published{background:#e1f2e9;color:#246446}.login-main{max-width:460px;margin:80px auto;background:white;padding:40px;border:1px solid var(--line)}.login-main>p{color:var(--muted)}.login-main .button{width:100%;margin:12px 0 20px;justify-content:center}.field{display:block;margin-bottom:22px}.field>span{display:block;font-weight:500;margin-bottom:9px}.field input:not([type=file]),.field textarea,.field select{width:100%;padding:11px 13px;border:1px solid #ccd6df;border-radius:2px;background:white;color:var(--ink)}.field textarea{resize:vertical;line-height:1.9}.field input[type=file]{width:100%;font-size:12px}.editor{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px}.editor-main,.editor-side{padding:28px;background:white;border:1px solid var(--line)}.editor-side .button{width:100%;justify-content:center}.muted{font-size:12px;color:var(--muted)}.upload-preview{height:140px;max-width:100%;object-fit:contain;margin:15px 0}.checkbox{display:flex;align-items:center;gap:10px;margin:25px 0}.checkbox input{width:17px;height:17px}.danger{color:#ae3535;background:none;border:1px solid #c77575;padding:10px 20px}.delete-form{margin-top:35px}.settings-form{max-width:750px;background:white;padding:30px;border:1px solid var(--line)}.alert,.success{padding:14px 18px;background:#fff0ed;border:1px solid #f0c9c2;color:#9f3526}.success{background:#e9f6ef;border-color:#c8e6d6;color:#216943}.toast{position:fixed;bottom:25px;right:25px;max-width:380px;background:#183a51;color:white;padding:16px 25px;z-index:50;display:none}.toast.visible{display:block}
/* Responsive public pages */
@media(min-width:1700px){.public-site{--gutter:max(7%,calc((100vw - 1450px)/2))}.hero-content{max-width:none}}
@media(max-width:1200px){.header-note{display:none}.header{gap:25px}.header nav{gap:24px}.hero-side{font-size:28px;right:6%}.intro{gap:9%}.business-card{padding:26px}.business-card h3{font-size:26px}.experience-layout{gap:6%;grid-template-columns:.8fr 1.5fr}.portfolio-item{padding:20px 16px 15px}.portfolio-item h3{font-size:11px}.news-editorial{column-gap:40px}.news-editorial>.card:not(:first-child){gap:20px}.news-editorial>.card:not(:first-child) .card-image{width:110px;height:125px}.news-editorial>.card:not(:first-child) h3{font-size:18px}.statement-content{padding:65px 11% 90px}.statement .eyebrow{gap:8px}.statement .label-cn{border:0;padding-left:0}.statement h2{font-size:39px}.team img{height:340px}.footer-links>div{gap:20px}}
@media(max-width:1000px){.public-site{--gutter:6%}.header{height:84px;padding:0 5%}.brand img{width:155px}.header nav{gap:19px;font-size:12px}.header .nav-contact{padding:10px 15px;gap:16px;margin-left:0}.hero{min-height:clamp(620px,calc(100svh - 84px),900px)}.hero-content{padding-top:85px;max-width:720px}.hero h1{font-size:60px}.hero-side{display:none}.section{padding-top:85px;padding-bottom:85px}.intro{gap:8%}.intro h2{font-size:38px}.intro-visual img{height:340px}.intro-copy{padding-top:20px}.intro-copy>p{font-size:14px}.business-card h3{font-size:24px}.business-card .eyebrow{font-size:7px}.business-card>p:not(.eyebrow){font-size:12px}.business-tail{gap:8px;font-size:9px}.experience-layout{grid-template-columns:1fr;gap:40px}.experience-note{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:start}.experience-note .large-quote{grid-row:span 3;font-size:28px;margin-bottom:0}.experience-line{margin-top:12px}.experience-note .source-note{margin-top:15px}.portfolio-item{padding:30px 25px 20px}.portfolio-item h3{font-size:14px}.portfolio-logo{height:100px}.portfolio-logo img{max-width:190px}.statement-image{min-height:530px}.statement-content{padding:60px 10% 80px}.statement h2{font-size:32px}.statement p:not(.eyebrow){font-size:13px}.news-editorial{column-gap:30px}.news-editorial>.card:first-child .card-image{height:280px}.news-editorial>.card:first-child h3{font-size:26px}.news-editorial>.card:not(:first-child) .card-image{width:95px;height:125px}.news-editorial>.card:not(:first-child) h3{font-size:17px}.news-editorial>.card:not(:first-child) p{font-size:11px}.contact-band{padding-top:65px;padding-bottom:75px}.round-cta{width:135px;height:135px}.footer-wordmark{font-size:12vw}.footer-links>div{max-width:360px;flex-wrap:wrap;gap:15px 22px}.page-head{padding-top:65px;padding-bottom:55px;gap:6%}.page-head h1{font-size:52px}.page-head-aside p{font-size:13px}.portrait-landscape{height:440px}.split{gap:8%}.split p:not(.eyebrow){font-size:14px}.team img{height:290px}.strengths{gap:22px}.strengths h3{font-size:19px}.project-card .card-image{padding:28px;height:180px}.project-card .card-copy{padding:0 18px 20px}.project-card h3{font-size:18px}.cards{gap:35px 20px}.filters input{width:280px}.filters select{min-width:145px}.contact-photo{height:440px}.admin-main{padding:30px;margin-left:180px}.admin-sidebar{width:180px}.editor{grid-template-columns:1fr 260px;gap:18px}.editor-main,.editor-side{padding:20px}}
@media(max-width:760px){html{scroll-padding-top:90px}.public-site{--gutter:7%}.header{height:78px;padding:0 var(--gutter);justify-content:space-between}.brand img{width:149px;height:48px}.menu-toggle{display:flex;align-items:center;gap:16px;border:0;background:none;padding:12px 0;font-size:12px;z-index:2}.menu-icon{display:block;width:22px;height:14px;position:relative}.menu-icon:before,.menu-icon:after{content:'';position:absolute;height:1px;background:var(--ink);left:0;right:0;transition:transform .3s,top .3s}.menu-icon:before{top:3px}.menu-icon:after{top:11px}.menu-toggle[aria-expanded=true] .menu-icon:before{top:7px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-icon:after{top:7px;transform:rotate(-45deg)}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:25px var(--gutter) 35px;box-shadow:0 15px 30px #082b4515;border-bottom:1px solid #cbd8e0;max-height:calc(100svh - 78px);overflow-y:auto}.header nav.open{display:flex;align-items:stretch;gap:0;flex-direction:column}.header nav>a{padding:20px 0;font-family:var(--serif);font-size:24px;border-bottom:1px solid #d4dee4}.header nav>a:after{display:none}.header nav>a[aria-current]{color:var(--blue)}.nav-index{display:inline-block;font-family:Arial,sans-serif;font-size:10px;vertical-align:middle;color:#8496a3;margin-right:25px}.header nav>.nav-contact{font-family:inherit;font-size:14px;padding:15px 20px;margin:25px 0 0;justify-content:space-between}.nav-open{overflow:hidden}.hero{min-height:clamp(580px,calc(92svh - 78px),800px)}.hero-content{padding:70px var(--gutter) 130px;max-width:none}.hero h1{font-size:clamp(37px,9.7vw,59px);line-height:1.4;margin-bottom:26px;letter-spacing:.01em}.hero .eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:30px}.hero .label-cn{font-size:9px}.hero-intro{font-size:12px;line-height:2.1;margin-bottom:30px}.hero-photo{object-position:48% center}.hero-shade{background:linear-gradient(90deg,#03213bba,#0c344c20),linear-gradient(0deg,#06263b7a,transparent 50%)}.hero .button{font-size:12px;min-height:49px;min-width:160px;padding:13px 21px}.hero-bottom{bottom:24px;padding-top:20px}.scroll-cue{gap:12px;font-size:10px}.scroll-cue>span:last-child{display:none}.hero-motto{font-size:9px;gap:15px}.hero-motto i{font-size:12px}.chapter-nav{padding:0 var(--gutter);grid-template-columns:1fr 1fr}.chapter-nav>a{font-size:11px;padding:17px 0;gap:15px}.chapter-nav>a:nth-child(-n+2){border-bottom:1px solid #d7dfe3}.chapter-nav>a>span{font-size:12px}.chapter-nav>a:after{right:20px}.section{padding:66px var(--gutter)}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:34px;line-height:1.5}.section-heading .text-link{margin-top:25px}.section-heading .section-lead{margin-top:20px;font-size:13px}.eyebrow{font-size:9px;gap:11px;margin-bottom:23px}.label-cn{font-size:9px;padding-left:11px}.intro{display:flex;flex-direction:column;gap:40px;align-items:stretch}.intro-aside .eyebrow{margin-bottom:28px}.intro-visual{max-width:none;padding:0 24px 0 0}.intro-visual img{height:255px;object-position:center 63%}.intro-visual>span{font-size:7px}.intro-copy{padding:0}.section-index{font-size:14px;margin-bottom:24px}.intro h2{font-size:35px;line-height:1.5;margin-bottom:25px}.intro-copy>p{font-size:13px;line-height:2.15}.intro-copy .text-link{margin-top:10px}.intro-signature{margin-top:35px;font-size:10px;gap:25px}.text-link{font-size:12px;gap:35px}.business-grid{grid-template-columns:1fr}.business-card{padding:25px}.business-card+.business-card{border-left:0;border-top:1px solid #ffffff26}.business-top{position:absolute;top:23px;left:25px;right:25px}.business-top .number{font-size:17px}.business-top .arrow{font-size:21px}.business-diagram{margin:5px 0 27px auto;width:75px;height:75px}.business-card .eyebrow{font-size:8px}.business-card h3{font-size:29px;margin-bottom:15px}.business-card>p:not(.eyebrow){font-size:13px;min-height:0;max-width:350px}.business-tail{font-size:10px;gap:14px;margin-top:25px;padding-top:17px}.experience-layout{gap:32px}.experience-note{display:block}.large-quote{font-size:28px!important;line-height:1.6;margin-bottom:20px!important}.experience-note>p:not(.large-quote){font-size:12px}.experience-note .experience-line{display:none}.experience-note .source-note{margin-top:25px;font-size:10px!important}.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-item{padding:22px 18px 18px}.portfolio-logo{height:75px}.portfolio-logo img{max-height:65px}.portfolio-item h3{font-size:12px}.portfolio-item>div:last-child{margin-top:20px}.portfolio-item .arrow{font-size:16px}.statement{grid-template-columns:1fr}.statement-image{height:340px;min-height:0}.statement-image img{object-position:center}.statement-content{padding:55px var(--gutter) 80px}.statement h2{font-size:37px}.statement p:not(.eyebrow){font-size:13px}.statement-word{font-size:85px;left:6%;bottom:-15px}.statement .eyebrow{font-size:8px}.statement .label-cn{border-left:1px solid #ffffff55;padding-left:11px}.news-editorial{display:block}.news-editorial>.card:first-child .card-image{height:240px}.news-editorial>.card:first-child h3{font-size:28px;line-height:1.55}.news-editorial>.card:first-child{margin-bottom:30px}.news-editorial>.card:not(:first-child){gap:20px;padding:26px 0}.news-editorial>.card:not(:first-child) .card-image{width:100px;height:125px}.news-editorial>.card:not(:first-child) h3{font-size:18px;line-height:1.7}.news-editorial>.card:not(:first-child) p{font-size:11px}.card-meta{font-size:10px;margin:20px 0 13px}.card p{font-size:12px}.card h3{font-size:22px}.image-arrow{width:35px;height:35px;font-size:20px;opacity:1;transform:none}.contact-band{padding:60px var(--gutter);gap:25px;align-items:flex-end}.contact-band h2{font-size:34px}.contact-band .eyebrow{font-size:8px;gap:9px;flex-wrap:wrap}.contact-band .label-cn{border:0;padding-left:0;display:block;flex-basis:100%;margin-left:14px;font-size:9px}.round-cta{width:85px;height:85px;margin:0 0 8px;gap:8px}.round-cta>span:first-child{font-size:11px}.round-cta>.arrow{font-size:25px}.contact-orbit{width:450px;height:450px;right:-230px;top:-70px}.contact-orbit:before{inset:55px}.contact-orbit:after{inset:110px}footer{padding:42px var(--gutter) 23px}.footer-top img{width:145px}.footer-top p{font-size:16px;margin:0 0 0 auto;white-space:nowrap}.footer-top p>span{font-size:6px}.footer-top{gap:15px;flex-wrap:wrap}.back-top{width:32px;height:32px;font-size:13px;margin:0}.footer-wordmark{font-size:11.7vw;margin:34px 0 28px;padding-bottom:30px}.footer-wordmark>span{margin-left:6px}.footer-links{display:block;padding-bottom:10px}.footer-links p{font-size:12px;margin-bottom:25px}.footer-links small{font-size:9px}.footer-links>div{gap:16px 25px;font-size:11px;margin-bottom:25px;max-width:none}.footer-bottom{display:block;font-size:8px;padding-top:15px}.footer-bottom>span{display:block;margin:6px 0}.page-head{padding:55px var(--gutter) 45px;display:block}.page-head h1{font-size:42px;line-height:1.5}.page-head .eyebrow{font-size:8px;letter-spacing:.1em}.page-head .label-cn{font-size:8px}.page-head-aside{max-width:none;margin-top:30px}.head-rule{width:30px;margin-bottom:18px}.page-head-aside p{font-size:13px;max-width:300px;margin-bottom:15px}.head-word{font-size:13px}.split{grid-template-columns:1fr;gap:40px}.portrait-landscape{height:350px;object-position:center 55%}.split h2{font-size:35px}.split p:not(.eyebrow){font-size:13px}.vision-grid{grid-template-columns:1fr;gap:40px;margin-top:35px}.vision-grid>div{padding-top:25px}.vision-number{font-size:9px;margin-bottom:25px}.vision-grid h2{font-size:32px}.vision-grid p{font-size:13px}.cards{grid-template-columns:1fr;gap:35px}.team{gap:35px}.team img{height:auto;aspect-ratio:4/4.3;max-height:460px;object-position:center 20%}.team-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}.team h3{font-size:25px;margin:0;white-space:nowrap}.team p{font-size:11px}.service-nav{padding:20px var(--gutter);flex-direction:column;gap:18px;font-size:12px}.service-nav a{gap:18px}.service-nav span{font-size:13px}.service-section{grid-template-columns:1fr;gap:25px}.service-section .eyebrow{font-size:8px}.service-section h2{font-size:35px}.service-lead{font-size:15px;max-width:none}.service-section>div:first-child{position:relative;padding-right:55px}.service-section .business-diagram{position:absolute;right:-5px;top:50px;width:60px;height:60px;opacity:.65;margin:0}.service-section>div:last-child{padding:0}.service-section>div:last-child>p{font-size:13px}.service-list li{font-size:16px}.strengths-section h2{font-size:32px}.strengths{grid-template-columns:1fr 1fr;gap:32px 25px;margin-top:35px}.strengths>div{padding-top:18px}.strengths h3{font-size:19px;margin-top:24px}.strengths p{font-size:11px}.listing{padding-top:32px}.filters{flex-wrap:wrap;gap:10px;padding-bottom:25px}.filters label:first-child{width:100%}.filters input{width:100%}.filters input,.filters select{font-size:13px;min-height:49px}.filters select{min-width:160px}.filters .button{min-height:49px;gap:25px;padding:12px 20px;font-size:13px}.filters .reset{margin:10px 0 0;flex-basis:100%}.result-count{margin:22px 0 30px;font-size:11px}.project-card .card-image{height:200px;padding:40px}.project-card .card-image img{max-width:250px}.project-card .card-copy{padding:0 24px 25px}.project-card h3{font-size:22px}.project-card .card-meta{margin-top:22px}.card-image{height:240px}.article{padding:35px var(--gutter) 65px}.back{font-size:11px;margin-bottom:30px}.article h1{font-size:34px;line-height:1.55}.article-summary{font-size:16px}.article-heading .eyebrow{font-size:9px}.article-media{margin:30px 0}.article-media.contain{height:200px;padding:35px}.contain .article-cover{max-width:230px;max-height:120px}.prose{font-size:15px;line-height:2.2;margin:35px auto}.article-footer{display:block;font-size:11px}.article-footer .text-link{display:flex;width:fit-content;margin-top:20px}.contact-layout{grid-template-columns:1fr;gap:45px}.contact-layout h2{font-size:35px}.address{font-size:16px}.qr{gap:22px;padding-top:25px;margin-top:35px}.qr img{width:110px}.contact-photo{height:370px}.contact-figure figcaption{font-size:14px}.admin-header{padding:0 20px;height:78px;gap:18px;font-size:12px}.admin-header img{width:130px}.admin-sidebar{position:static;width:auto;min-height:0;padding:12px 20px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line)}.admin-sidebar>p{display:none}.admin-sidebar>a{padding:4px 0;font-size:12px;border:0}.admin-sidebar form{margin:0}.admin-sidebar button{padding:4px;font-size:12px}.admin-main{margin:0;padding:30px 20px}.admin-main h1{font-size:27px}.admin-toolbar{align-items:start;gap:15px}.admin-toolbar .button{padding:10px 15px;min-height:45px;font-size:13px}.editor{grid-template-columns:1fr}.login-main{margin:45px 20px;padding:28px;max-width:500px}.settings-form{padding:22px}.toast{left:20px;right:20px;bottom:20px}}
@media(max-width:370px){.hero{min-height:570px}.hero-content{padding-top:55px}.hero h1{font-size:36px}.hero-intro{font-size:11px}.contact-band{display:block}.contact-band h2{font-size:33px}.round-cta{margin:28px 0 0;width:90px;height:90px}.footer-top p{display:none}.back-top{margin-left:auto}.news-editorial>.card:not(:first-child) .card-image{width:80px;height:110px}.news-editorial>.card:not(:first-child) h3{font-size:17px}.portfolio-item{padding:16px 13px}.portfolio-item h3{font-size:11px}.filters select{min-width:140px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-photo{transform:none!important}body.motion-enabled .reveal-target,body.motion-enabled .hero-content>*{opacity:1!important;transform:none!important}.reading-progress{display:none}}
@media print{.header,.chapter-nav,.contact-band,footer,.reading-progress{display:none}.reveal-target{opacity:1!important;transform:none!important}.hero{height:auto;min-height:0;background:white;color:black}.hero-photo,.hero-shade,.hero-side,.hero-bottom{display:none}.hero-content{padding:25px}.hero-intro{color:black}}
@media(max-width:760px){html:not(.js) .header{height:auto;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}html:not(.js) .menu-toggle{display:none}html:not(.js) .header nav{display:flex;position:static;flex-direction:column;width:100%;padding:0;box-shadow:none;border:0;max-height:none}html:not(.js) .header nav>a{font-size:18px;padding:12px 0}}
/* Preserve hover feedback after one-time reveals. */
body.motion-enabled .project-card.is-revealed:hover{transform:translateY(-4px)}
body.motion-enabled .round-cta.is-revealed:hover{transform:rotate(-6deg)}
.news-editorial .card-copy{min-width:0}
.news-editorial>.card:not(:first-child) h3{display:block}
.news-card .card-image img{object-position:center 75%}
@media(prefers-reduced-motion:reduce){body.motion-enabled .project-card.is-revealed:hover,body.motion-enabled .round-cta.is-revealed:hover{transform:none}}