@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--green:#173d32;--ink:#172d25;--muted:#5d7067;--lime:#d5e87c;--paper:#fafbf8;--line:#dbe2db;--cream:#f4e5be}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--paper);color:var(--ink);margin:0;font:17px/1.65 DM Sans,Arial,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,PingFang SC,sans-serif}button{cursor:pointer}.skip{z-index:10;background:#fff;padding:10px;position:absolute;top:-100px;left:20px}.skip:focus{top:10px}.site-header{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:24px;height:100px;padding:0 4.5%;display:flex}.brand{letter-spacing:.025em;align-items:center;gap:12px;font-size:16px;font-weight:800;line-height:1.25;display:flex}.brand small{letter-spacing:.18em;margin-top:5px;font-size:11px;display:block}.brand-mark{border-top:4px solid var(--green);border-bottom:4px solid var(--green);letter-spacing:-.19em;align-items:center;width:44px;height:45px;padding-right:6px;font-size:27px;font-weight:800;display:flex}.brand-mark span{font-size:25px}.site-header nav{gap:32px;font-size:15px;display:flex}.site-header nav a:hover{color:#5c7445}.header-actions{align-items:center;gap:20px;display:flex}.language{color:var(--green);background:0 0;border:0;padding:8px;font-size:14px;font-weight:700}.button{border:1px solid var(--green);background:var(--green);color:#fff;justify-content:center;align-items:center;min-height:54px;padding:14px 24px;font-size:15px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#285646;transform:translateY(-2px)}.button.small{min-height:44px;padding:9px 20px}.hero{grid-template-columns:45% 55%;min-height:610px;display:grid}.hero-copy{padding:68px 10% 38px}.eyebrow{letter-spacing:.16em;color:var(--green);margin-bottom:24px;font-size:12px;font-weight:700}.hero h1{letter-spacing:-.06em;margin-left:-4px;font-size:clamp(56px,6.7vw,100px);font-weight:600;line-height:1.06}.hero-description{max-width:340px;color:var(--muted);margin:25px 0 30px;font-size:18px}.hero-foot{color:var(--muted);align-items:center;gap:18px;margin-top:51px;font-size:13px;line-height:1.5;display:flex}.fine-line{background:#819587;width:40px;height:1px}.hero-visual{background:#bfd0b5;flex-direction:column;justify-content:space-between;min-height:610px;display:flex;position:relative;overflow:hidden}.hero-photo{background:linear-gradient(150deg,#90a789,#3c6147) 57%/cover;position:absolute;inset:0}.visual-label{z-index:1;letter-spacing:.11em;color:#fff;background:linear-gradient(#0004,#0000);justify-content:space-between;padding:26px 30px;font-size:11px;font-weight:600;display:flex;position:relative}.photo-caption{z-index:1;color:#fff;background:#183a2dcc;align-self:flex-end;margin:20px;padding:6px 12px;font-size:12px;position:relative}.intro-band{background:var(--green);color:#fff;justify-content:space-between;align-items:center;gap:20px;padding:28px 4.5%;display:flex}.intro-band p{letter-spacing:-.025em;font-family:Manrope,Arial,sans-serif;font-size:22px}.intro-band span{letter-spacing:.12em;color:var(--lime);font-size:11px}.section{padding:95px 6%}.approach{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8%;display:grid}h2{letter-spacing:-.04em;font-size:clamp(34px,4vw,56px);font-weight:500;line-height:1.15}.large-copy{letter-spacing:-.02em;font-size:23px;line-height:1.5}.muted{color:var(--muted);margin-top:18px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:32px 4.5%;font-size:13px;display:flex}.footer-brand{color:var(--green);font-weight:700}html[lang=zh-CN] .hero h1{letter-spacing:-.03em;font-size:clamp(46px,5.5vw,78px);line-height:1.2}html[lang=zh-CN] h2{line-height:1.3}@media (min-width:1600px){body{max-width:1800px;margin:auto}.hero,.hero-visual{min-height:750px}}@media (max-width:900px){.site-header{height:84px}.site-header nav{display:none}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:45px 8%}.hero h1{font-size:64px}.hero-visual{min-height:570px}.intro-band{flex-direction:column;align-items:flex-start;gap:8px}.section{padding:65px 6%}}@media (max-width:620px){.site-header{gap:8px;padding:0 5%}.brand{gap:8px;font-size:13px}.brand small{font-size:9px}.brand-mark{width:36px;font-size:24px}.brand-mark span{font-size:22px}.header-actions{gap:6px}.header-actions .button{display:none}.hero{flex-direction:column;display:flex}.hero-copy{padding:42px 6% 34px}.hero h1{font-size:70px}.hero-description{max-width:380px}.hero-foot{margin-top:26px}.hero-visual{min-height:380px}.hero-photo{background-position:50%}.visual-label{padding:20px}.intro-band{padding:26px 6%}.intro-band p{font-size:20px}.approach{grid-template-columns:1fr;gap:28px}.large-copy{font-size:20px}footer{flex-direction:column;gap:10px;padding:30px 6%}html[lang=zh-CN] .hero h1{font-size:54px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.hero-photo{object-fit:cover;object-position:62% center;width:100%;height:100%}.brand-story{grid-template-columns:1fr 1fr;align-items:center;gap:8%;display:grid}.logo-panel{background:var(--cream);aspect-ratio:1.13;overflow:hidden}.logo-panel img{object-fit:cover;width:100%;height:100%}.story-copy .muted{margin:25px 0}.service-note{border-top:1px solid var(--line);padding-top:24px}.service-note span{letter-spacing:.13em;color:var(--muted);font-size:11px;font-weight:700}.service-note h3{margin:9px 0;font-size:22px;line-height:1.4}.service-note p{color:var(--muted);font-size:15px}.area{background:#e9eee7;grid-template-columns:1fr 1fr;align-items:center;gap:8%;display:grid}.area-content>p{max-width:430px}.region-list{flex-wrap:wrap;gap:10px;margin:26px 0 22px;padding:0;list-style:none;display:flex}.region-list li{border:1px solid #bdcbbc;padding:9px 16px;font-size:15px}.area-note{letter-spacing:.08em;color:var(--muted);font-size:13px}.steps{grid-template-columns:repeat(3,1fr);gap:4%;margin-top:55px;display:grid}.steps article{border-top:1px solid #8b9f8f;padding-top:22px}.step-number{color:var(--muted);margin-bottom:32px;font-size:13px;display:block}.steps h3{margin-bottom:14px;font-size:22px;font-weight:600;line-height:1.3}.steps p{color:var(--muted);font-size:16px}.contact{background:var(--green);color:#fff;grid-template-columns:1fr 1fr;gap:10%;display:grid}.contact .eyebrow{color:var(--lime)}.contact h2{font-size:clamp(36px,4.6vw,65px)}.contact-intro{color:#c4d4ca;max-width:380px;margin-top:25px}.contact-lines{gap:26px;margin:35px 0 15px;display:grid}.contact-lines span{letter-spacing:.15em;color:#b6cbbb;margin-bottom:8px;font-size:11px;display:block}.contact-lines a{font-size:26px;line-height:1.4}.contact-lines .email-address{overflow-wrap:anywhere;font-size:clamp(16px,1.65vw,22px)}.contact-lines a:hover{color:var(--lime)}.copy-link{color:#fff;background:0 0;border:0;border-bottom:1px solid #8ca991;padding:0 0 3px;font-size:14px}.enquiry{background:#20493c;padding:35px}.enquiry h3{margin-bottom:12px;font-size:26px;font-weight:500;line-height:1.3}.enquiry>p{color:#c4d4ca;margin-bottom:24px;font-size:15px}form label{margin:20px 0 7px;font-size:14px;display:block}input,textarea{color:#fff;background:#173d32;border:1px solid #729282;border-radius:0;width:100%;min-height:48px;padding:12px;font-size:16px;display:block}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid var(--lime);outline-offset:2px}.button.lime{background:var(--lime);color:#173d32;border-color:var(--lime);width:100%;margin-top:25px}.button.lime:hover{background:#e2efa8}.copy-project{color:#fff;text-underline-offset:4px;background:0 0;border:0;width:100%;padding:12px;font-size:14px;text-decoration:underline}.form-note{color:#b6cbbb;margin-top:6px;font-size:12px;line-height:1.6}.status{min-height:20px;color:var(--lime);margin-top:12px;font-size:13px}.faq{grid-template-columns:1fr 1.3fr;gap:8%;display:grid}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;padding-right:25px;font-size:18px;font-weight:500;line-height:1.5}.faq details p{color:var(--muted);overflow-wrap:anywhere;margin-top:16px;font-size:16px}.faq summary::marker{color:#729282}@media (max-width:900px){.contact{gap:5%;padding-left:5%;padding-right:5%}.enquiry{padding:25px}.contact-lines a{font-size:23px}.story-copy h2{font-size:37px}.steps{gap:25px}.steps h3{font-size:20px}}@media (max-width:620px){.brand-story{grid-template-columns:1fr;gap:35px}.logo-panel{aspect-ratio:1.6;width:100%;max-width:420px}.logo-panel img{object-position:center}.area{grid-template-columns:1fr;gap:28px}.steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.step-number{margin-bottom:12px}.steps article{padding-top:16px}.contact{grid-template-columns:1fr;gap:35px;padding:55px 6%}.contact h2{font-size:46px}.enquiry{padding:24px 20px}.contact-lines .email-address{font-size:17px}.faq{grid-template-columns:1fr;gap:35px}.faq summary{font-size:17px}.contact-lines{margin-top:30px}}.brand{flex-shrink:0}.brand-logo{background:var(--cream);width:198px;height:90px;display:block;position:relative;overflow:hidden}.brand-logo img{width:151.52%;max-width:none;height:auto;position:absolute;top:-99%;left:-25.76%}@media (max-width:900px){.brand-logo{width:176px;height:80px}}@media (max-width:620px){.brand-logo{width:165px;height:75px}}.gallery-invite{background:#e9eee7;justify-content:space-between;align-items:center;gap:24px;padding:55px 6%;display:flex}.gallery-invite h2{font-size:38px}.brand-logo.uploaded{background:0 0}.brand-logo.uploaded img{object-fit:contain;width:100%;height:100%;top:0;left:0}.logo-panel img{object-fit:contain}.site-header nav{gap:22px}@media (max-width:620px){.gallery-invite{flex-direction:column;align-items:flex-start}.gallery-invite h2{font-size:32px}}.mobile-gallery{display:none}@media (max-width:900px){.mobile-gallery{font-size:14px;display:inline}}
