:root{--paper:#f7f7f2;--ink:#243c30;--muted:#646d64;--line:#d7dcd3;--forest:#294537;--clay:#8d5140;--serif:'Songti SC','Noto Serif CJK SC','Source Han Serif SC','SimSun',serif;--sans:'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',Arial,sans-serif;--edge:clamp(24px,5.3vw,96px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif)}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--clay);outline-offset:6px}::selection{background:#d4e0cf;color:#1b3023}[hidden]{display:none!important}.section-shell{width:100%;max-width:1800px;margin-inline:auto;padding-inline:var(--edge)}.eyebrow{font-family:Arial,var(--sans);font-size:0.875rem;font-weight:400;letter-spacing:.17em;line-height:1.6}.skip-link{position:fixed;left:20px;top:-80px;background:var(--forest);color:white;padding:10px 20px;z-index:200}.skip-link:focus{top:12px}
.site-header{height:112px;padding:0 var(--edge);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid transparent;position:relative;z-index:40;background:var(--paper);max-width:1800px;margin:auto}.brand{display:flex;gap:14px;align-items:center;flex-shrink:0}.brand-mark{border:1px solid var(--clay);color:var(--clay);width:30px;height:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--serif);font-size:15px;line-height:1.05}.brand strong{display:block;font-family:var(--serif);font-size:25px;font-weight:500;letter-spacing:.13em;line-height:1.5}.brand small{display:block;font-size:0.875rem;letter-spacing:.13em;line-height:1.8}.site-nav{display:flex;align-items:center;gap:40px}.site-nav a{font-size:0.875rem;position:relative;padding:8px 0}.site-nav a:after{content:'';height:1px;background:currentColor;position:absolute;bottom:2px;left:0;right:100%;transition:right .25s}.site-nav a:hover:after,.site-nav a[aria-current]:after{right:0}.menu-toggle{display:none;background:transparent;border:0;padding:12px 0}.text-link{display:inline-flex;gap:45px;align-items:center;justify-content:space-between;border-bottom:1px solid #8e9b8e;padding:12px 0;font-size:0.875rem;transition:color .2s,border-color .2s}.text-link span{font-size:21px;line-height:1}.text-link:hover{color:var(--clay);border-color:var(--clay)}
.home-hero{display:grid;grid-template-columns:36% 64%;min-height:620px;height:calc(100svh - 137px);max-height:880px;padding-bottom:20px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;padding:66px 32px 4px 0}.hero-copy h1{font-size:clamp(48px,5.2vw,86px);line-height:1.33;letter-spacing:.03em;margin:44px 0 24px}.hero-sub{font-size:0.875rem;line-height:2.1;color:var(--muted)}.hero-copy>.text-link{margin-top:37px;min-width:172px}.hero-footnote{display:flex;gap:28px;margin-top:auto;padding-top:50px;font-size:0.875rem;letter-spacing:.13em;color:var(--muted)}.hero-visual{height:100%;min-height:0;overflow:hidden}.hero-visual>a{display:block;position:relative;width:100%;height:100%}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:51% 50%}.hero-image-caption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(10,24,12,.72));color:white;display:flex;justify-content:space-between;gap:12px;padding:85px 25px 22px;font-size:0.875rem;line-height:1.8}.hero-image-caption b{font-size:20px;font-weight:400;margin-left:24px}.hero-image-caption>span:last-child{font-size:0.875rem}
.home-intro{display:grid;grid-template-columns:25% 1fr 20%;gap:20px;padding-block:120px 145px;align-items:start}.home-intro>.eyebrow{padding-top:14px}.home-intro h2{font-size:clamp(27px,2.7vw,45px);line-height:1.7;letter-spacing:.05em}.home-intro p:not(.eyebrow){margin-top:28px;font-size:0.875rem;line-height:2.1;color:var(--muted)}.intro-note{align-self:end;font-size:0.875rem;line-height:2.4;letter-spacing:.09em;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:48px}.section-heading h2{font-size:36px;letter-spacing:.04em;line-height:1.5;margin-top:10px}.section-heading .text-link{padding-bottom:8px}.selected{padding-bottom:140px}.editorial-grid{display:grid;grid-template-columns:1.22fr 1fr;column-gap:8%;row-gap:84px;align-items:start}.editorial-grid .project-card:nth-child(even){margin-top:110px}.editorial-grid .project-card:nth-child(3){margin-top:-8px}.project-card{min-width:0}.project-link{display:block}.project-image{position:relative;overflow:hidden;background:#e5e8df}.project-image img{width:100%;height:100%;aspect-ratio:1.4;object-fit:cover;transition:transform .7s cubic-bezier(.2,.6,.2,1)}.editorial-grid .project-card:nth-child(even) .project-image img{aspect-ratio:1.12}.project-link:hover .project-image img{transform:scale(1.025)}.image-kind{position:absolute;left:14px;bottom:14px;padding:4px 8px;background:rgba(247,247,242,.93);font-size:0.875rem;letter-spacing:.04em;color:#314433}.image-arrow{position:absolute;top:16px;right:16px;width:36px;height:36px;background:rgba(247,247,242,.9);display:grid;place-items:center;font-size:22px;opacity:0;transform:translateY(5px);transition:.25s}.project-link:hover .image-arrow,.project-link:focus-visible .image-arrow{opacity:1;transform:none}.project-meta{display:flex;justify-content:space-between;gap:12px;padding-top:18px}.project-meta h3{font-size:17px;line-height:1.8;letter-spacing:.04em}.project-meta p{font-size:0.875rem;color:var(--muted);margin-top:4px}.project-meta p span{margin-left:10px}.project-number{font-family:Georgia,serif;font-size:0.875rem;color:var(--muted);line-height:2.4}
.about-section{background:var(--forest);color:#f3f4e9}.about-layout{display:grid;grid-template-columns:23% 1fr 18%;gap:42px;padding-block:108px 112px}.about-layout>.eyebrow{padding-top:15px;color:#c1ccbd}.about-layout h2{font-size:42px;line-height:1.6;letter-spacing:.05em}.about-lead{font-family:var(--serif);font-size:21px;line-height:1.9;margin:35px 0 22px}.about-layout p:not(.eyebrow):not(.about-lead):not(.small-note){font-size:0.875rem;line-height:2.1;color:#d2dacb;max-width:510px;margin-bottom:16px}.light{color:#f3f4e9;border-color:#b4c0ad;margin-top:16px}.light:hover{color:white;border-color:white}.about-numbers{align-self:center}.about-numbers>div{padding:22px 0;border-bottom:1px solid #61745f}.about-numbers strong{font-size:53px;font-family:Georgia,serif;font-weight:400;line-height:1.5}.about-numbers strong span{font-family:var(--sans);font-size:0.875rem;margin-left:12px}.about-numbers p.small-note{font-size:0.875rem;color:#c3cfbc;line-height:1.9;padding-top:22px}.services-section{padding-block:128px}.service-list>a{border-top:1px solid var(--line);padding:35px 0;display:grid;grid-template-columns:12% 1fr auto 32px;gap:24px;align-items:center;transition:padding .25s}.service-list>a:last-child{border-bottom:1px solid var(--line)}.service-list>a:hover{padding-left:10px}.service-list>a>span:first-child{font-family:Georgia,serif;color:var(--muted);font-size:14px}.service-list h3{font-family:var(--serif);font-size:25px;margin-bottom:5px}.service-list p{font-size:0.875rem;color:var(--muted)}.service-price{font-size:0.875rem;color:var(--muted)}.service-list>a>span:last-child{font-size:25px;text-align:right}
.contact-section{padding-block:90px 110px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact-section h2{font-size:40px;line-height:1.65;letter-spacing:.03em;margin-top:24px}.contact-content{align-self:center}.contact-content>p{font-size:0.875rem;line-height:2.1;color:var(--muted)}.wechat-line{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:25px 0 12px;flex-wrap:wrap}.wechat-line>span{font-size:0.875rem;color:var(--muted)}.wechat-line strong{font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:.02em}.copy-wechat{margin-left:auto;border:0;padding:8px 0;background:none;font-size:0.875rem}.copy-wechat:hover{color:var(--clay)}.copy-wechat span{margin-left:16px}.contact-content .contact-note{font-size:0.875rem;padding-top:12px;min-height:32px}.contact-content>.text-link{margin-top:14px}.site-footer{display:flex;gap:30px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:32px var(--edge);max-width:1800px;margin:auto}.footer-brand{font-family:var(--serif);font-size:20px;letter-spacing:.08em}.footer-brand span{display:block;font-family:Arial,sans-serif;font-size:0.875rem;letter-spacing:.16em;margin-top:2px}.site-footer>p{font-size:0.875rem;color:var(--muted)}.site-footer>p:last-child span{margin-left:35px}
.works-heading{padding-top:58px;padding-bottom:72px}.works-heading>div{display:flex;justify-content:space-between;align-items:end;gap:40px}.works-heading h1{font-size:clamp(40px,4.3vw,68px);line-height:1.55;letter-spacing:.04em;margin-top:22px}.works-heading>div>p{font-size:0.875rem;line-height:2.1;color:var(--muted);padding-bottom:13px;max-width:380px}.filter-bar{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:40px;min-height:72px}.filter-bar button{padding:24px 0;border:0;background:transparent;color:var(--muted);font-size:0.875rem;position:relative;white-space:nowrap;flex-shrink:0}.filter-bar button sup{font-size:0.875rem;vertical-align:super;margin-left:6px}.filter-bar button[aria-pressed=true]{color:var(--ink)}.filter-bar button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;background:var(--ink);height:2px}.filter-count{font-size:0.875rem;color:var(--muted);margin-left:auto;white-space:nowrap}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:62px 36px}.works-grid .project-image img{aspect-ratio:1.5}.works-section{padding-bottom:110px}.section-note{font-size:0.875rem;color:var(--muted)}.archive-section{padding-block:80px 95px;background:#eeefe8}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 55px}.archive-grid h3{font-family:var(--serif);font-size:20px;padding-bottom:14px;border-bottom:1px solid #c9d0c4}.archive-grid ul{list-style:none;padding:12px 0 0;margin:0}.archive-grid li{font-size:0.875rem;line-height:1.9;padding:6px 0;color:#566351}.archive-grid li a{display:flex;justify-content:space-between;gap:12px}.archive-grid li a:hover{color:var(--clay)}.archive-note{font-size:0.875rem;color:var(--muted);margin-top:48px}
.project-heading{padding-block:40px 48px}.back-link{display:inline-block;font-size:0.875rem;color:var(--muted);margin-bottom:44px}.back-link:hover{color:var(--clay)}.project-heading h1{font-size:clamp(30px,4vw,62px);line-height:1.5;letter-spacing:.04em;margin:16px 0 22px}.project-facts{display:flex;gap:0;flex-wrap:wrap;color:var(--muted);font-size:0.875rem}.project-facts span+span:before{content:'/';padding:0 18px;color:#a0a89b}.project-cover>a,.project-gallery a{display:block;position:relative;background:#e8e9e2}.project-cover img{width:100%;max-height:900px;object-fit:contain}.cover-expand{position:absolute;right:18px;bottom:18px;padding:8px 14px;background:rgba(247,247,242,.93);font-size:0.875rem}.project-cover figcaption,.project-gallery figcaption{font-size:0.875rem;color:var(--muted);line-height:1.8;padding-top:13px}.project-story{display:grid;grid-template-columns:30% 1fr;gap:50px;padding-block:80px 90px}.project-story>.eyebrow{padding-top:8px}.project-story h2{max-width:720px;font-size:28px;line-height:1.9;margin-bottom:24px}.project-story>div>p{max-width:660px;font-size:0.875rem;color:var(--muted);line-height:2.2;margin-top:16px}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:65px 40px;padding-bottom:100px;align-items:start}.project-gallery figure:first-child{grid-column:1/-1}.project-gallery img{width:100%;max-height:800px;object-fit:contain}.project-gallery figure:has(img[src*="before-gate"]) img{height:600px;object-fit:contain}.project-gallery figure:has(img[src*="plan"]){grid-column:1/-1}.project-gallery figcaption span{margin-right:20px}.next-project{padding-block:65px 85px;border-top:1px solid var(--line)}.next-project>a:not(.text-link){display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0}.next-project h2{font-size:36px;line-height:1.6}.next-project>a>span{font-size:42px}.next-project .text-link{font-size:0.875rem;border:0;color:var(--muted)}
.lightbox{border:0;padding:0;max-width:none;max-height:none;width:100%;height:100dvh;background:#15231b;color:#f5f5ea;position:fixed;inset:0;margin:0}.lightbox::backdrop{background:rgba(0,0,0,.8)}.lightbox[open]{display:flex;flex-direction:column}.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 26px;height:72px;flex-shrink:0}.lightbox-counter{font:0.875rem Georgia,serif}.lightbox-toolbar>div{display:flex;gap:25px}.lightbox button{background:transparent;border:0;color:inherit;font-size:0.875rem;padding:12px;min-width:44px;min-height:44px}.lightbox button:hover{background:#344838}.lightbox-stage{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:10px 30px}.lightbox-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.lightbox-stage.is-zoomed{display:block}.lightbox-stage.is-zoomed .lightbox-image{max-width:none;max-height:none;width:160%;height:auto;margin:0 auto}.lightbox-bottom{display:grid;grid-template-columns:60px 1fr 60px;align-items:center;gap:20px;padding:10px 26px 16px;flex-shrink:0}.lightbox-caption{text-align:center;font-size:0.875rem;color:#d3dacd}.lightbox-bottom button{font-size:24px}.lightbox button[disabled]{opacity:.25;cursor:default}
/* Service page adopts the studio visual language and keeps its commercial content. */
.service-page{--bg:var(--paper);--surface:#fcfcf8;--surface-alt:#eeefe8;--text:var(--ink);--text-secondary:#5b675e;--text-muted:#657262;--text-dim:#657262;--esther-orange:var(--forest);--esther-yellow:#dce6d6;--esther-blue:var(--forest);--esther-dark:var(--forest);--accent:var(--forest);--accent-hover:#355944;--accent-subtle:#eef1e9;--border:#d7dcd3;--border-card:#d7dcd3;--font-serif:var(--serif);--font-sans:var(--sans);--wrap-w-narrow:1100px;--radius-card:0px;--radius-sm:0px;--radius-pill:0px;overflow-x:clip}.service-page .fade-up{opacity:1!important;transform:none!important;transition:none!important}.service-hero{padding-block:58px 55px}.service-hero h1{font-size:clamp(35px,4.4vw,62px);line-height:1.55;letter-spacing:.03em;margin:20px 0}.service-hero>p:not(.eyebrow){font-size:0.875rem;line-height:2.1;color:var(--muted)}.service-shortcuts{display:flex;gap:45px;border-top:1px solid var(--line);margin-top:44px;padding-top:24px;font-size:0.875rem}.service-shortcuts a:hover{color:var(--clay)}.service-page .tiers{padding-top:30px;padding-bottom:65px}.service-page .design-head{text-align:left;max-width:1100px;margin:0 auto 32px}.service-page .design-head h2{font-size:28px;line-height:1.8;font-weight:400;font-family:var(--serif);margin-bottom:12px}.service-page .design-head p{font-size:0.875rem;line-height:2}.service-page .design-section{padding:65px 24px;background:transparent;border-top:1px solid var(--line)}.service-page .tier-card{border-radius:0;text-align:left;padding:28px 26px 25px;background:#fbfcf7;box-shadow:none}.service-page .tier-card:hover{transform:none;box-shadow:none;border-color:#8c9d85}.service-page .tier-card.tier-popular{border:1px solid #889d7d;background:#edf1e7}.service-page .tier-card .price{font:44px Georgia,serif;color:var(--forest);margin:20px 0 18px}.service-page .tier-card .tier-name{font-size:19px;font-family:var(--serif);font-weight:400}.service-page .tier-card .badge{border-radius:0;background:transparent!important;padding:0!important;color:#4c6346!important;font-size:0.875rem!important}.service-page .tier-card .tier-includes{font-size:0.875rem;color:#566551}.service-page .tier-card .tier-excludes{font-size:0.875rem;color:#66725f}.service-page .tier-card .tier-desc{font-size:0.875rem;margin-bottom:20px}.service-page .tier-includes li:before{color:#5f7954}.service-page .tier-excludes li:before{color:#889681}.service-page .tier-pay-btn{border-radius:0;font-size:0.875rem;font-weight:400;text-align:center;margin-top:24px;padding:12px 14px;border:1px solid #a0ae96}.service-page .btn-pay-popular{background:var(--forest);color:#f7f7ec}.service-page .btn-pay-popular:hover{background:#3a5842}.service-page .btn-pay-normal{background:transparent;color:var(--ink)}.service-page .btn-pay-normal:hover{background:#dfe8d7}.service-page .pay-zone{background:#e9eee2;border-top:1px solid var(--line);padding:75px 24px}.service-page .pay-zone .wrap{max-width:750px}.service-page .pay-zone h2{font-weight:400;font-size:28px;line-height:1.8}.service-page .pay-zone .pay-sub{font-size:0.875rem;color:#54664d}.service-page .tier-tab{border-radius:0;font-size:0.875rem;padding:10px 15px;background:transparent}.service-page .tier-tab.active{background:var(--forest);color:#f7f7ec;border-color:var(--forest)}.service-page .pay-box{border-radius:0;box-shadow:none;max-width:470px;margin:28px auto;background:#fbfcf7;border:1px solid #c6d1bc}.service-page .pay-box img{margin-inline:auto}.service-page .pay-amount{font-weight:400;font-family:Georgia,serif}.service-page .ps-num{background:var(--forest);color:#f7f7ec;border-radius:0}.service-page .faq{max-width:850px;padding:75px 24px 100px;margin:auto}.service-page .faq h2{font-weight:400;font-size:30px;text-align:left}.service-page .faq-item{border-bottom:1px solid var(--line)}.service-page .faq-item summary{cursor:pointer;list-style:none;font-size:0.875rem;padding:24px 32px 24px 0;position:relative}.service-page .faq-item summary::-webkit-details-marker{display:none}.service-page .faq-item summary:after{content:'＋';position:absolute;right:3px}.service-page .faq-item[open] summary:after{content:'－'}.service-page .faq-item .faq-answer{display:block;padding-bottom:24px;font-size:0.875rem;line-height:2.1;color:var(--muted)}
@media(min-width:1650px){.hero-copy{padding-top:100px}.hero-copy h1{margin-top:60px}.home-intro{padding-block:160px}}
@media(max-width:1050px){.site-nav{gap:24px}.home-hero{grid-template-columns:38% 62%;height:calc(90svh - 112px);min-height:550px}.hero-copy{padding-top:35px;padding-right:24px}.hero-copy h1{font-size:50px}.hero-image-caption{display:block;padding:65px 18px 18px}.hero-image-caption>span{display:block}.hero-image-caption>span:last-child{margin-top:4px}.hero-image-caption b{float:right}.home-intro{grid-template-columns:20% 1fr;gap:30px;padding-block:90px}.intro-note{display:none}.about-layout{grid-template-columns:20% 1fr;gap:24px}.about-numbers{grid-column:2;display:flex;align-items:center;gap:30px;margin-top:20px}.about-numbers>div{flex:1}.about-numbers .small-note{display:none}.about-layout h2{font-size:36px}.works-heading>div>p{max-width:255px}.filter-bar{gap:24px}.filter-count{display:none}.archive-grid{gap:40px}.contact-section{gap:7%}.contact-section h2{font-size:34px}.project-story{grid-template-columns:23% 1fr;gap:30px}.service-page .tiers-grid{gap:16px}.service-page .tier-card{padding:22px 20px}.service-page .tier-card .tier-name{font-size:18px}}
@media(max-width:700px){:root{--edge:22px}html{scroll-padding-top:78px}.site-header{height:88px;gap:10px}.brand{gap:10px}.brand strong{font-size:22px}.brand small{font-size:0.875rem}.brand-mark{width:25px;height:36px;font-size:0.875rem}.menu-toggle{display:flex;gap:12px;align-items:center;font-size:0.875rem}.menu-toggle span{font-size:20px}.site-nav{position:absolute;top:88px;left:0;right:0;background:var(--paper);padding:16px var(--edge) 28px;display:none;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #18331b08}.site-nav.is-open{display:flex}.site-nav a{font-size:14px;padding:14px 0}.site-nav a:after{display:none}.home-hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding-bottom:0}.hero-copy{padding:30px 0 32px;width:100%;position:relative}.hero-copy .eyebrow{font-size:0.875rem}.hero-copy h1{font-size:49px;line-height:1.37;letter-spacing:.045em;margin:24px 0 18px}.hero-sub{font-size:0.875rem}.hero-copy>.text-link{margin-top:22px;min-width:160px}.hero-footnote{position:absolute;right:0;bottom:35px;display:block;writing-mode:vertical-rl;font-size:0.875rem;letter-spacing:.14em;padding:0}.hero-footnote>span{margin-top:14px}.hero-visual{height:auto;aspect-ratio:1.02;width:100%}.hero-image-caption{display:flex;padding:55px 14px 16px;align-items:end}.hero-image-caption>span:first-child{font-size:0.875rem}.hero-image-caption>span:last-child{font-size:0.875rem;max-width:160px;margin:0}.hero-image-caption b{font-size:17px;margin-left:10px}.home-intro{grid-template-columns:1fr;gap:20px;padding-block:75px 85px}.home-intro>.eyebrow{padding:0}.home-intro h2{font-size:30px;line-height:1.7}.home-intro p:not(.eyebrow){font-size:0.875rem;margin-top:22px}.section-heading{margin-bottom:30px;gap:15px}.section-heading h2{font-size:28px}.section-heading>.text-link{font-size:0.875rem;gap:18px;white-space:nowrap}.selected{padding-bottom:75px}.editorial-grid{grid-template-columns:1fr;gap:38px}.editorial-grid .project-card:nth-child(even),.editorial-grid .project-card:nth-child(3){margin-top:0}.editorial-grid .project-card .project-image img{aspect-ratio:1.35}.project-meta{padding-top:12px}.project-meta h3{font-size:16px}.project-meta p{font-size:0.875rem}.project-meta p span{margin-left:4px}.image-kind{font-size:0.875rem;padding:3px 6px;left:10px;bottom:10px}.image-arrow{opacity:1;transform:none;width:30px;height:30px;font-size:18px;top:10px;right:10px}.about-layout{grid-template-columns:1fr;gap:30px;padding-block:62px}.about-layout>.eyebrow{padding:0}.about-layout h2{font-size:32px}.about-lead{font-size:19px;margin-top:26px}.about-numbers{grid-column:1;gap:45px;margin-top:0}.about-numbers strong{font-size:45px}.services-section{padding-block:70px}.services-section .section-heading{align-items:start;flex-direction:column;gap:8px}.services-section .section-heading h2{font-size:27px}.service-list>a{grid-template-columns:25px 1fr 20px;gap:12px;padding:25px 0}.service-list h3{font-size:22px}.service-list p{font-size:0.875rem}.service-price{grid-column:2;grid-row:2;font-size:0.875rem}.service-list>a>span:last-child{grid-column:3;grid-row:1;font-size:23px}.contact-section{grid-template-columns:1fr;gap:34px;padding-block:62px 65px}.contact-section h2{font-size:32px;margin-top:18px}.contact-content>p{font-size:0.875rem}.wechat-line{gap:14px}.wechat-line strong{font-size:25px}.copy-wechat{font-size:0.875rem}.site-footer{flex-wrap:wrap;gap:18px 20px;padding-block:28px}.site-footer>p{font-size:0.875rem}.site-footer>p:last-child{width:100%;display:flex;justify-content:space-between}.site-footer>p:last-child span{margin-left:0}.works-heading{padding-top:30px;padding-bottom:37px}.works-heading>div{display:block}.works-heading h1{font-size:38px;line-height:1.55;margin-top:16px}.works-heading>div>p{font-size:0.875rem;margin-top:25px;max-width:none;padding:0}.filter-bar{gap:22px;overflow-x:auto;margin-bottom:28px;min-height:62px;scrollbar-width:thin}.filter-bar button{padding:19px 0;font-size:0.875rem}.filter-bar button sup{font-size:0.875rem;margin-left:3px}.works-grid{grid-template-columns:1fr;gap:35px}.works-grid .project-image img{aspect-ratio:1.38}.works-section{padding-bottom:65px}.archive-section{padding-block:55px 60px}.archive-section .section-heading{display:block}.section-note{font-size:0.875rem;margin-top:16px}.archive-grid{grid-template-columns:1fr 1fr;gap:35px 22px}.archive-grid h3{font-size:18px}.archive-grid li{font-size:0.875rem}.archive-note{font-size:0.875rem;line-height:2;margin-top:32px}.project-heading{padding-block:20px 28px}.back-link{margin-bottom:30px;font-size:0.875rem}.project-heading .eyebrow{font-size:0.875rem}.project-heading h1{font-size:30px;margin:16px 0 18px}.project-facts{font-size:0.875rem}.project-facts span+span:before{padding:0 9px}.project-cover{padding-inline:0}.project-cover figcaption{padding-left:var(--edge);font-size:0.875rem}.cover-expand{font-size:0.875rem;right:12px;bottom:12px;padding:7px 10px}.project-story{grid-template-columns:1fr;gap:20px;padding-block:45px 55px}.project-story h2{font-size:25px;line-height:1.8;margin-bottom:20px}.project-story>div>p{font-size:0.875rem}.project-gallery{grid-template-columns:1fr;gap:35px;padding-bottom:55px}.project-gallery figure:first-child,.project-gallery figure:has(img[src*="plan"]){grid-column:auto}.project-gallery figure:has(img[src*="before-gate"]) img{height:480px}.project-gallery figcaption{font-size:0.875rem}.next-project{padding-block:45px 55px}.next-project h2{font-size:27px}.next-project>a>span{font-size:32px}.lightbox-stage{padding:5px 10px}.lightbox-toolbar{padding:8px 10px;height:60px}.lightbox-toolbar>div{gap:6px}.lightbox-bottom{padding:8px 6px;gap:5px;grid-template-columns:40px 1fr 40px}.lightbox-caption{font-size:0.875rem}.lightbox button{font-size:0.875rem}.lightbox-bottom button{font-size:22px}.lightbox-stage.is-zoomed .lightbox-image{width:220%}.service-hero{padding-block:30px 32px}.service-hero h1{font-size:34px}.service-hero>p:not(.eyebrow){font-size:0.875rem}.service-shortcuts{gap:16px;font-size:0.875rem;margin-top:30px;flex-wrap:wrap}.service-page .tiers-grid{grid-template-columns:1fr}.service-page .tiers,.service-page .design-section{padding:30px var(--edge) 45px}.service-page .design-head h2{font-size:24px}.service-page .design-head p{font-size:0.875rem}.service-page .tier-card{padding:24px}.service-page .tier-card .tier-name{font-size:23px}.service-page .tier-card .tier-includes{font-size:0.875rem}.service-page .tier-card .tier-excludes{font-size:0.875rem}.service-page .tier-card .tier-desc{font-size:0.875rem}.service-page .tier-card .price{font-size:42px}.service-page .tier-card .badge{font-size:0.875rem!important}.service-page .pay-zone{padding:50px var(--edge)}.service-page .pay-zone h2{font-size:24px}.service-page .tier-tab{font-size:0.875rem;padding:10px}.service-page .tier-selector{gap:6px}.service-page .faq{padding:55px var(--edge)}.service-page .faq-item summary{font-size:0.875rem}.service-page .faq-item .faq-answer{font-size:0.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:700px){html:not(.js) .site-header{height:auto;min-height:88px;flex-wrap:wrap;padding-block:20px}html:not(.js) .menu-toggle{display:none}html:not(.js) .site-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:18px;width:100%;padding:0;border:0;box-shadow:none}html:not(.js) .site-nav a{font-size:0.875rem;padding:8px 0}}

/* Readable type and flexible headers for the independent website. */
body{font-size:1rem}
.site-header{height:auto;min-height:112px;padding-block:18px}
.brand{min-width:0;flex-shrink:1}
.brand>span:last-child{min-width:0}
.brand small{font-size:.75rem;letter-spacing:.055em}
.site-nav{flex-shrink:0}
.eyebrow,.hero-footnote,.intro-note,.image-kind,.project-number,.project-meta p,.project-facts,.project-cover figcaption,.project-gallery figcaption,.site-footer>p,.footer-brand span,.about-numbers p.small-note{font-size:.75rem}
.hero-sub,.home-intro p:not(.eyebrow),.about-layout p:not(.eyebrow):not(.about-lead):not(.small-note),.service-list p,.contact-content>p,.works-heading>div>p,.project-story>div>p,.service-hero>p:not(.eyebrow),.service-page .design-head p,.service-page .tier-card .tier-includes,.service-page .tier-card .tier-desc,.service-page .faq-item .faq-answer{font-size:1rem}
.contact-content .contact-note{font-size:.875rem}
.service-page .tier-card .tier-excludes{font-size:.875rem}
.service-page .faq-item summary{font-size:1rem}
.service-page .pay-zone .pay-sub,.pay-step{font-size:.875rem}
.hero-image-caption{flex-wrap:wrap;gap:10px}
.hero-image-caption>span:last-child{font-size:.75rem}
.service-shortcuts{flex-wrap:wrap}
.site-footer{flex-wrap:wrap}
@media(max-width:700px){
 .site-header{min-height:88px;padding-block:14px;gap:14px}
 .brand small{font-size:.75rem;line-height:1.5;max-width:200px}
 .menu-toggle{flex-shrink:0;min-height:44px;font-size:.875rem}
 .site-nav{top:100%}
 .hero-copy{padding-right:0}
 .hero-footnote{position:static;writing-mode:horizontal-tb;display:flex;flex-wrap:wrap;gap:12px;padding-top:22px}
 .hero-footnote>span{margin-top:0}
 .hero-image-caption>span:last-child{max-width:none}
 .hero-image-caption b{font-size:1rem}
 .project-meta p span{margin-left:0}
 .project-facts{row-gap:8px}
 .lightbox-caption{font-size:.75rem}
}
@media(max-width:380px){
 .brand strong{font-size:1.25rem}
 .brand{gap:8px}
 .hero-copy h1{font-size:2.6rem}
 .section-heading{flex-wrap:wrap}
}