:root{--paper:#f6f4ef;--ink:#292b27;--muted:#777971;--line:#d9d8cf;--wood:#98856b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Microsoft YaHei','PingFang SC',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #ad8251;outline-offset:5px}button{border:0;background:none}header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px}.brand strong{font-size:33px;font-weight:500;letter-spacing:2px}.brand strong span{color:var(--wood);font-weight:300}.brand small{font-size:10px;letter-spacing:3px}nav{display:flex;gap:30px;font-size:12px}nav a{padding:12px 0}nav a:hover{color:var(--wood)}.nav-tools{display:flex;align-items:center;gap:20px}#language{font-size:12px;border-left:1px solid var(--line);padding:8px 0 8px 25px}#menu{display:none}.hero{height:min(800px,calc(100svh - 90px));min-height:600px;position:relative;color:white;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 53%;animation:photoIn 1.2s ease both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,23,21,.75),rgba(19,23,21,.15) 75%),linear-gradient(0deg,rgba(19,23,21,.3),transparent 25%)}.hero-copy{position:absolute;left:8%;top:50%;transform:translateY(-45%);max-width:850px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:500;margin:0 0 28px;line-height:1.7}h1{font-size:clamp(36px,4.7vw,68px);font-weight:400;line-height:1.4;letter-spacing:2px;margin:0 0 26px}p{line-height:1.95}h2{font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.5;letter-spacing:1px;margin:0}h3{font-weight:400}.hero-description{font-size:15px;color:#efeee8;margin:0 0 35px}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);padding:16px 23px;font-size:12px;min-height:48px}.button.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.text-link{font-size:12px;border-bottom:1px solid currentColor;padding:10px 0}.hero-bottom{position:absolute;bottom:30px;left:8%;right:8%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.hero-index{position:absolute;right:35px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px}.intro-strip{display:flex;justify-content:space-between;padding:29px 12%;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:2px}.intro-strip span+span:before{content:'·';color:var(--wood);margin-right:45px}.section{padding:110px 8%;scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:50px}.section-heading>p{font-size:13px;color:var(--muted);margin:0;max-width:430px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 35px}.project:first-child{grid-column:1/-1}.project button{padding:0;width:100%;display:block;text-align:left}.project-image{overflow:hidden;position:relative;background:#e7e3dc}.project img{width:100%;height:400px;object-fit:cover;display:block;transition:transform 1s ease;object-position:center 58%}.project:first-child img{height:570px;object-position:center 53%}.project-image .view-icon{position:absolute;right:20px;bottom:20px;border:1px solid #ffffff90;border-radius:50%;color:white;background:#252a2340;width:42px;height:42px;display:grid;place-items:center;font-size:21px}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px}.project-caption h3{font-size:19px;margin:0 0 10px}.project-caption p{font-size:11px;color:var(--muted);margin:0}.project-number{font-size:11px;color:var(--wood)}.services{background:#eae9e1;display:grid;grid-template-columns:1fr 1.1fr;gap:12%}.service-intro>p:not(.eyebrow){font-size:13px;color:#6a6d63;max-width:320px;margin:25px 0}.service-row{border-top:1px solid #c9cbbf;padding:24px 0;display:grid;grid-template-columns:36px 1fr;gap:18px}.service-row:last-child{border-bottom:1px solid #c9cbbf}.service-row span{font-size:11px;color:var(--wood);padding-top:6px}.service-row h3{margin:0 0 10px;font-size:18px}.service-row p{font-size:12px;color:#6a6d63;margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:65px}.step{border-top:1px solid var(--line);padding-top:26px}.step-number{font-size:40px;font-family:Georgia,serif;color:var(--wood);font-style:italic}.step h3{font-size:18px;margin:30px 0 14px}.step p{font-size:12px;color:var(--muted);max-width:235px}.about{display:grid;grid-template-columns:1fr 1fr;background:#e9e4da;scroll-margin-top:90px}.about-image{height:680px;overflow:hidden}.about img{width:100%;height:100%;object-fit:cover}.about-copy{padding:100px 15%;align-self:center}.about-copy>p:not(.eyebrow){font-size:13px;margin:30px 0;color:#66675f}.about-note{border-top:1px solid #c9c4ba;padding-top:25px;font-size:12px;line-height:2;color:#66675f}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:60px}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;border-top:1px solid var(--line);font-size:14px}.contact-row:last-child{border-bottom:1px solid var(--line)}.contact-row span:last-child{font-size:12px;color:var(--muted)}.qr-panel{display:flex;align-items:center;gap:25px}.qr-placeholder{width:145px;min-width:145px;height:145px;background:#eae7df;border:1px dashed #b8b3a7;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-size:11px;color:#827c70;line-height:1.8}.qr-placeholder img{width:100%;height:100%;object-fit:contain}.qr-panel h3{font-size:17px}.qr-panel p{font-size:12px;color:var(--muted)}.qr-panel .button{padding:10px 16px;font-size:11px}.button:disabled{opacity:.45;cursor:default}.area{font-size:12px;color:var(--muted);margin-top:50px}.preview-note{font-size:10px;color:#8b867c}footer{padding:35px 8%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span,footer>a:last-child{font-size:9px;letter-spacing:1px}footer .brand strong{font-size:25px}.mobile-contact{display:none}dialog{width:min(1200px,96vw);max-height:95svh;border:0;padding:20px;background:#1e211d;color:white}dialog::backdrop{background:#10120feb}.gallery-top{display:flex;justify-content:space-between;align-items:center;font-size:13px}.gallery-top button{font-size:25px;width:44px;height:44px}.gallery-stage{display:grid;grid-template-columns:45px 1fr 45px;align-items:center;gap:10px}.gallery-stage img{max-width:100%;width:100%;height:73svh;object-fit:contain;touch-action:pan-y pinch-zoom}.gallery-stage button{height:50px;font-size:23px;border:1px solid #ffffff55}#galleryCounter{text-align:center;font-size:11px;color:#bbb;margin:10px 0}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#292b27;color:white;padding:15px 20px;font-size:12px;z-index:80;display:none;max-width:90vw}.entrance{animation:riseIn .9s both}.hero h1{animation-delay:.15s}.hero-description{animation-delay:.3s}.hero-actions{animation-delay:.45s}.reveal.ready{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s ease;transition-delay:var(--delay,0ms)}.reveal.ready.visible{opacity:1;transform:none}@keyframes riseIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes photoIn{from{opacity:.2}to{opacity:1}}@media(hover:hover){.project button:hover img{transform:scale(1.025)}.button:hover{background:#dcd6c8;color:var(--ink)}}@media(min-width:1600px){.section{padding-left:max(8%,calc((100vw - 1400px)/2));padding-right:max(8%,calc((100vw - 1400px)/2))}}@media(max-width:1000px){nav{gap:18px}.section{padding:80px 6%}.hero-copy{left:6%}.intro-strip{padding:25px 6%;letter-spacing:1px}.intro-strip span+span:before{margin-right:16px}.project:first-child img{height:460px}.project img{height:320px}.services{gap:7%}.about-copy{padding:55px 10%}.about-image{height:600px}.contact-grid{gap:30px}.qr-panel{gap:15px}.qr-placeholder{width:110px;min-width:110px;height:125px}.steps{gap:20px}}@media(max-width:700px){header{height:72px;padding:0 6%}.brand strong{font-size:28px}.brand small{font-size:8px}#menu{display:block;font-size:21px;width:32px;height:44px}#language{border:0;padding:10px;font-size:12px}.nav-tools{gap:9px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:22px 7% 32px;border-bottom:1px solid var(--line);flex-direction:column;gap:5px;font-size:15px}nav.open{display:flex}.hero{height:calc(92svh - 72px);min-height:590px;max-height:850px}.hero>img{object-position:48% center}.hero-shade{background:linear-gradient(0deg,#101710cc,rgba(20,23,19,.18) 95%)}.hero-copy{left:7%;right:7%;top:auto;bottom:100px;transform:none}.eyebrow{font-size:9px;margin-bottom:22px}h1{font-size:34px;letter-spacing:.5px;line-height:1.45;margin-bottom:20px}.hero-description{font-size:13px;line-height:1.9;margin-bottom:28px}.hero-actions{gap:23px}.hero-actions .button{padding:14px 17px;font-size:11px}.hero-actions .text-link{font-size:11px}.hero-bottom{left:7%;right:7%;bottom:25px;font-size:7px;letter-spacing:1px}.hero-index{display:none}.intro-strip{padding:22px 6%;gap:12px;font-size:9px;letter-spacing:0}.intro-strip span+span:before{display:none}.section{padding:65px 7%}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:20px;font-size:12px}h2{font-size:28px}.project-grid{grid-template-columns:1fr;gap:35px}.project:first-child{grid-column:auto}.project:first-child img{height:420px;object-position:50% 60%}.project img{height:330px}.project-caption h3{font-size:17px}.project-caption p{font-size:10px}.services{display:block}.service-intro{margin-bottom:45px}.service-row{padding:22px 0}.steps{grid-template-columns:1fr 1fr;gap:32px 22px;margin-top:35px}.step-number{font-size:34px}.step h3{font-size:17px;margin:20px 0 10px}.step p{font-size:11px}.about{display:block;scroll-margin-top:72px}.about-image{height:410px}.about-image img{object-position:50% 60%}.about-copy{padding:55px 7%}.contact-grid{display:block;margin-top:35px}.qr-panel{margin-top:35px;gap:23px}.qr-placeholder{width:130px;min-width:130px;height:145px}.qr-panel p{font-size:11px}.area{font-size:10px;margin-top:35px}footer{padding:30px 7% 110px;flex-wrap:wrap}footer .brand{width:100%;margin-bottom:12px}.mobile-contact{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--paper);padding:12px 5% calc(12px + env(safe-area-inset-bottom));box-shadow:0 -3px 18px #00000008;gap:10px}.mobile-contact a{width:50%;text-align:center;font-size:12px;padding:13px;border:1px solid var(--ink)}.mobile-contact a:last-child{background:var(--ink);color:white}.gallery-stage{grid-template-columns:32px 1fr 32px;gap:4px}.gallery-stage img{height:66svh}.gallery-stage button{font-size:18px}dialog{padding:10px}.gallery-top{font-size:11px}html{scroll-padding-top:72px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.ready{opacity:1;transform:none}}

.contact-socials{display:grid;gap:28px}.contact-socials .qr-panel{margin-top:0}.qr-placeholder:has(img){padding:0;border:0;background:white}.qr-placeholder a{display:block;width:100%;height:100%}.account-id{user-select:all;letter-spacing:.5px;color:var(--ink)!important}.contact-socials .qr-panel p{margin:8px 0}.contact-socials .qr-panel h3{margin:0 0 10px}@media(max-width:700px){.contact-socials{margin-top:35px}.qr-placeholder{height:145px;width:145px;min-width:145px}}

/* Expanded photographic collection and slower, independent text reveals. */
.project:first-child{grid-column:auto}.project:first-child img,.project img{height:460px;object-position:50% 52%}.project-grid{gap:55px 35px}.project-number{white-space:nowrap}.focus-items{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.focus-items article{border-top:1px solid var(--line);padding-top:24px}.focus-items h3{font-size:20px;margin:20px 0 15px}.focus-items p{font-size:13px;color:var(--muted);max-width:300px}.details-section{background:#eeebe3}.faq-section{padding-bottom:30px}#faqItems{max-width:900px}#faqItems details{border-top:1px solid var(--line);padding:24px 0}#faqItems details:last-child{border-bottom:1px solid var(--line)}#faqItems summary{cursor:pointer;font-size:16px;line-height:1.7}#faqItems details p{font-size:13px;color:var(--muted);max-width:750px;margin-bottom:0}.reveal.ready{transition-duration:1s;transform:translateY(16px)}.reveal.ready.visible{transform:none}#rednoteQr{width:180px;min-width:180px;height:auto;aspect-ratio:987/1347}#rednoteQr img{display:block;width:100%;height:100%;object-fit:contain}.contact-socials .qr-panel{align-items:center}.qr-placeholder a{height:100%}.service-intro{align-self:start}.services{gap:9%}
@media(max-width:1000px){.project:first-child img,.project img{height:380px}.focus-items{gap:25px}.contact-grid{grid-template-columns:.8fr 1.2fr}}
@media(max-width:700px){.project:first-child img,.project img{height:410px}.focus-items{grid-template-columns:1fr;gap:28px}.focus-items p{max-width:none}.project-number{font-size:9px}.contact-grid{display:block}#rednoteQr{width:165px;min-width:165px}.contact-socials .qr-panel{gap:18px}#faqItems summary{font-size:15px}.hero-copy{bottom:100px}}
@media(prefers-reduced-motion:reduce){.reveal.ready{opacity:1;transform:none;transition:none}}

/* Keep the photo in its own grid cell when navigation buttons are hidden. */
#gallery[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1200px,96vw);height:94vh;height:94dvh;max-height:94dvh;overflow:hidden;gap:8px;padding:16px}
.gallery-top{min-width:0;gap:12px}.gallery-top>span{min-width:0;line-height:1.5}.gallery-top button{flex-shrink:0}
.gallery-stage{min-width:0;min-height:0;height:100%;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-rows:minmax(0,1fr);gap:10px}
#galleryImage{grid-column:2;grid-row:1;display:block;width:100%;height:100%;min-width:0;min-height:0;max-height:100%;object-fit:contain;object-position:center}
#previous{grid-column:1;grid-row:1}#next{grid-column:3;grid-row:1}.gallery-stage button{width:44px;min-width:0}
.gallery-stage:has(#previous[hidden]){grid-template-columns:minmax(0,1fr)}.gallery-stage:has(#previous[hidden]) #galleryImage{grid-column:1}
#galleryCounter{margin:4px 0;line-height:1.6}
@media(max-width:700px){#gallery[open]{width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;margin:0;padding:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom));gap:6px}.gallery-stage{grid-template-columns:36px minmax(0,1fr) 36px;gap:6px}.gallery-stage button{width:36px;height:48px}.gallery-top{font-size:12px}}