@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;500;600;700&display=swap');
:root{--navy:#102c39;--ink:#19333e;--gold:#d9b778;--muted:#617079;--line:#d9dfe0;--paper:#f5f7f7;--serif:'Noto Serif TC',serif;--sans:'Noto Sans TC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:400 16px/1.9 var(--sans);background:#fff}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ae8241;outline-offset:6px}p,h1,h2,h3{margin:0}a,button{-webkit-tap-highlight-color:transparent}.skip{position:fixed;top:-100px;left:12px;background:#fff;padding:12px;z-index:20}.skip:focus{top:12px}.header{height:110px;display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto;padding:0 6%}.brand{display:inline-flex;flex-direction:column;line-height:1.25}.brand-name{font-family:Georgia,serif;font-size:35px;letter-spacing:5px;display:flex;align-items:center;gap:17px}.brand-rule{height:28px;width:1px;background:var(--gold)}.brand-sub{font-size:12px;letter-spacing:2.4px;margin-top:7px}.header nav{display:flex;align-items:center;gap:32px;font-size:14px}.header nav a{padding:10px 0}.header nav a:hover{color:#8b642c}.header nav .nav-contact{border:1px solid var(--ink);padding:11px 18px;display:flex;gap:26px}.hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;background:var(--navy);min-height:645px;max-width:1600px;margin:auto;color:#fff}.hero-copy{padding:77px 9% 50px 11%}.eyebrow{font:500 12px/1.7 var(--sans);letter-spacing:2.1px;color:var(--gold)}.hero h1{font:500 clamp(40px,4.15vw,67px)/1.48 var(--serif);letter-spacing:.035em;margin:24px 0}.hero-intro{font-size:17px;line-height:2;color:#cbd6da}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;font-size:14px;padding:15px 21px;margin-top:30px;transition:background .2s}.button.light{background:#f6f7f5;color:var(--navy)}.button:hover{background:var(--gold)}.hero-credentials{display:flex;gap:22px;margin-top:41px;font-size:12px;letter-spacing:1px;color:#b8c7cd}.hero-credentials span+span{border-left:1px solid #49606b;padding-left:22px}.hero-image{position:relative;min-height:100%;background:#274653 center/cover no-repeat}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,25,35,.65),transparent 40%)}.image-caption{position:absolute;z-index:1;bottom:40px;left:38px;right:38px;display:flex;flex-direction:column;gap:8px;font-size:12px;letter-spacing:1.4px}.image-caption span:last-child{color:#d3dce0;font-size:14px;letter-spacing:3px}.hero-index{position:absolute;right:30px;top:28px;font:12px Georgia,serif;letter-spacing:2px}.section{padding:100px 8%;max-width:1600px;margin:auto}.dark{color:#6b7d85}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;padding-top:105px;padding-bottom:105px}h2{font:500 clamp(29px,3vw,42px)/1.6 var(--serif);letter-spacing:.015em;margin-top:20px}.about-copy{padding-top:4px}.about-copy p{font-size:16px;line-height:2.15}.about-copy p+p{color:var(--muted);margin-top:18px}.about-sign{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;display:flex;flex-direction:column;gap:2px;font-size:12px;letter-spacing:.5px}.about-sign span:first-child{font-family:Georgia,serif;font-size:16px}.services{background:var(--paper);padding-top:80px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:45px}.section-heading>p{color:var(--muted);font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bdc9cd;border-bottom:1px solid #bdc9cd}.service{padding:30px 28px 32px 0;display:flex;align-items:start;flex-direction:column}.service+.service{border-left:1px solid #cdd6d9;padding-left:32px}.service-no{font:12px/1.6 var(--sans);letter-spacing:1px;color:#566e78}.service svg{width:44px;height:44px;margin:35px 0 21px;color:#9b7943}.service h3{font:500 25px/1.5 var(--serif);margin-bottom:15px}.service p{font-size:15px;line-height:2;color:var(--muted)}.service a{font-size:14px;width:100%;display:flex;justify-content:space-between;margin-top:auto;padding-top:30px}.service a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.charity{max-width:1600px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;background:var(--navy);color:white}.charity-marker{position:relative;display:flex;flex-direction:column;justify-content:space-between;margin:70px 0 70px 15%;border:1px solid #48616b;padding:35px;min-height:450px;overflow:hidden}.charity-marker:after{content:'';height:1px;background:#48616b;position:absolute;left:0;right:0;top:55%}.s88{font:400 clamp(105px,13vw,200px)/1 Georgia,serif;letter-spacing:-7px;color:#d9b778;z-index:1}.s88 em{font-style:normal}.marker-bottom{font:400 20px/1.7 var(--serif);letter-spacing:4px}.charity-copy{padding:74px 14% 66px 12%}.charity h2{margin:19px 0 22px;font-size:clamp(28px,2.8vw,40px)}.charity-copy>p:not(.eyebrow){color:#c0cdd2;font-size:15px;line-height:2}.charity-detail{border-top:1px solid #48616b;border-bottom:1px solid #48616b;padding:22px 0;margin:29px 0}.charity-detail>span{font-size:12px;letter-spacing:1.7px;color:var(--gold)}.charity-detail h3{font-size:17px;font-weight:500;margin:7px 0}.charity-detail p{font-size:14px;color:#bdcbd1}.text-link{font-size:14px;display:flex;justify-content:space-between;color:#ebc995;gap:20px}.charity-copy .charity-note{font-size:12px!important;line-height:1.9!important;color:#aebfc7!important;margin-top:27px}.charity-note a{display:inline-block;text-decoration:underline;text-underline-offset:3px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:90px;padding-bottom:90px}.contact h2{margin-bottom:22px}.contact p{font-size:15px;color:var(--muted)}.contact-details{align-self:center}.contact-row{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line);gap:20px}.contact-row:first-child{border-top:1px solid var(--line)}.contact-row small{display:block;font-size:12px;letter-spacing:1px;color:var(--muted);margin-bottom:5px}.contact-row strong{font-size:18px;font-weight:400;overflow-wrap:anywhere}.contact-row:hover strong{color:#8b642c}.contact-row .contact-arrow{font-size:22px;color:#8b642c}.contact-pending{padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);padding:32px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1600px;margin:auto}footer .brand-name{font-size:27px}footer .brand-sub{font-size:12px;letter-spacing:1px}footer p{font-size:12px;line-height:1.9;color:var(--muted)}.back-top{font-size:12px;white-space:nowrap}@media(min-width:1601px){body{background:#edf0f1}main,.header,footer{background:white}}@media(max-width:1000px){.header{padding:0 5%;height:95px}.header nav{gap:18px;font-size:12px}.hero{min-height:610px;grid-template-columns:1.15fr 1fr}.hero-copy{padding:60px 9%}.hero h1{font-size:45px}.hero-credentials{gap:12px;letter-spacing:0}.hero-credentials span+span{padding-left:12px}.section{padding:75px 6%}.about{gap:6%}.service{padding-right:20px}.service+.service{padding-left:20px}.charity-marker{margin-left:12%;padding:25px}.charity-copy{padding-left:9%;padding-right:10%}.s88{font-size:145px}.contact{gap:6%}}@media(max-width:720px){html{scroll-padding-top:15px}.header{height:auto;min-height:119px;flex-wrap:wrap;padding:20px 6% 13px;gap:16px}.brand-name{font-size:28px}.brand-sub{font-size:12px;letter-spacing:1px}.brand-rule{height:20px}.header nav{width:100%;gap:0;justify-content:space-between;font-size:12px}.header nav a{padding:4px 0}.header nav .nav-contact{border:0;padding:4px 0;gap:6px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:42px 7% 35px}.hero h1{font-size:44px;line-height:1.5;margin:20px 0}.eyebrow{font-size:12px;letter-spacing:1.5px}.hero-intro{font-size:16px}.hero-credentials{margin-top:30px;font-size:12px}.hero-image{min-height:290px;background-position:center 45%}.image-caption{left:7%;bottom:25px}.image-caption span:first-child{font-size:12px}.hero-index{display:none}.section{padding:58px 7%}.about{grid-template-columns:1fr;gap:27px}h2{font-size:30px;margin-top:14px}.about-copy p{font-size:15px}.about-sign{margin-top:23px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:18px}.section-heading>p br{display:none}.service-grid{grid-template-columns:1fr}.service{padding:26px 0!important;display:grid;grid-template-columns:1fr 50px}.service+.service{border-left:0;border-top:1px solid #cdd6d9}.service-no{grid-column:1}.service svg{grid-column:2;grid-row:1/3;margin:0;justify-self:end;align-self:center}.service h3{grid-row:2;grid-column:1;margin-top:14px;margin-bottom:12px;font-size:24px}.service p,.service a{grid-column:1/-1}.service a{padding-top:21px}.charity{grid-template-columns:1fr}.charity-marker{min-height:250px;margin:40px 7% 0;padding:25px}.s88{font-size:125px;letter-spacing:-4px;margin:15px 0}.marker-bottom{font-size:16px}.charity-marker:after{top:58%}.charity-copy{padding:38px 7% 46px}.charity h2{font-size:30px}.contact{grid-template-columns:1fr;gap:30px}.contact h2{font-size:30px}.contact p br{display:none}.contact-row strong{font-size:17px}footer{padding:30px 7%;flex-wrap:wrap;align-items:start;gap:25px}footer>div{order:3;width:100%}.back-top{margin-left:auto}footer .brand-name{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-image{background-image:url("architecture.png")}.office-address{margin-top:32px}.office-address address{font-style:normal;font-size:14px;line-height:1.9;margin-top:12px;color:var(--muted)}.contact .licence{font-size:12px;margin-top:24px}.header nav{font-size:14px}.service p{font-size:16px}@media(max-width:720px){.header nav{font-size:14px;flex-wrap:wrap;column-gap:16px;row-gap:6px}.hero-credentials{flex-wrap:wrap}}
.header{height:154px}.logo-window{display:block;position:relative;width:190px;height:136px;overflow:hidden;flex-shrink:0}.company-logo{position:absolute;width:234px;height:234px;max-width:none;left:-22px;top:-47px}.footer-brand .logo-window{width:160px;height:114px}.footer-brand .company-logo{width:197px;height:197px;left:-18px;top:-40px}@media(max-width:720px){.header{height:auto;padding-top:10px;gap:10px}.header .logo-window{width:160px;height:114px}.header .company-logo{width:197px;height:197px;left:-18px;top:-40px}}
.header{gap:24px}.header nav{margin-left:auto;gap:24px}.language-switch{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:14px;line-height:1.5}.language-switch a{padding:12px 5px;color:var(--muted)}.language-switch a:hover{color:#8b642c}.language-switch [aria-current]{font-weight:700;color:var(--navy)}.language-divider{color:#b0bbbf}html[lang="en"]{--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}html[lang="en"] .hero h1{font-size:clamp(38px,4.1vw,65px);line-height:1.18;letter-spacing:-.025em}html[lang="en"] h2{line-height:1.25;letter-spacing:-.02em}html[lang="en"] .marker-bottom{letter-spacing:0}html[lang="en"] .hero-credentials{flex-wrap:wrap;gap:12px}html[lang="en"] .image-caption span:last-child{letter-spacing:1px}@media(max-width:1100px){.header{height:auto;min-height:154px;flex-wrap:wrap;gap:8px 20px;padding-bottom:18px}.header nav{order:3;width:100%;margin-left:0;justify-content:space-between;flex-wrap:wrap;gap:8px 20px}.language-switch{margin-left:auto}.header nav .nav-contact{padding:6px 12px}}@media(max-width:720px){.header{padding-bottom:18px}.header nav .nav-contact{padding:4px 0}html[lang="en"] .hero h1{font-size:43px}html[lang="en"] .hero-credentials span+span{border-left:0;padding-left:0}html[lang="en"] .hero-credentials{flex-direction:column;gap:5px}}