:root{--navy:#0e2038;--warm:#f6f3ec;--gold:#a78e65;--pale:#d8cbb7;--ink:#36404b;--muted:#6b737c;--line:#d9d8d3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--warm);color:var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.skip{position:fixed;z-index:1000;top:-60px;left:20px;background:#fff;padding:10px 18px}.skip:focus{top:10px}.eyebrow{font-size:.72rem;letter-spacing:.24em;font-weight:700;margin:0 0 24px}.gold{color:var(--gold)}
.site-header{position:fixed;z-index:100;inset:0 0 auto;color:#fff;transition:.3s}.site-header.scrolled{background:rgba(246,243,236,.96);color:var(--navy);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav-wrap{width:min(1380px,calc(100% - 80px));height:86px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;flex-direction:column;line-height:1.35}.brand span{font-weight:700;letter-spacing:.08em}.brand small{font-size:.58rem;letter-spacing:.17em;opacity:.7}.site-header nav{display:flex;gap:38px;font-size:.9rem;letter-spacing:.08em}.site-header nav a{border-bottom:1px solid transparent}.site-header nav a:hover,.site-header nav a:focus-visible{border-color:var(--gold)}.menu-button{display:none}
.hero{min-height:100svh;background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:150px 0 90px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.06) 50%,transparent 50.1%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 100%,100% 88px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;position:relative}.hero h1,.section h2{font-family:"Noto Serif TC","Songti TC",serif;font-weight:500;color:var(--navy)}.hero h1{font-size:clamp(3.4rem,6vw,5.75rem);line-height:1.2;letter-spacing:.02em;margin:0 0 35px;color:#fff}.lead{max-width:640px;color:rgba(255,255,255,.75);font-size:1.05rem}.actions{display:flex;align-items:center;gap:34px;margin-top:42px}.button{background:var(--warm);color:var(--navy);padding:13px 22px;font-size:.9rem}.text-link{border-bottom:1px solid rgba(255,255,255,.4);padding:9px 0;font-size:.9rem}.hero-mark{min-height:505px;border:1px solid rgba(216,203,183,.38);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.hero-mark p{letter-spacing:.5em;margin:0 0 -10px}.hero-mark strong{font-family:Georgia,serif;font-size:clamp(6rem,11vw,10rem);font-weight:400;line-height:1;color:var(--pale)}.hero-mark b{width:70px;height:1px;background:var(--gold);margin:35px 0 24px}.hero-mark span{text-align:center;letter-spacing:.14em;font-size:.88rem;color:rgba(255,255,255,.72)}.hero-mark i{position:absolute;width:28px;height:28px}.hero-mark i:first-child{top:-1px;left:-1px;border-top:3px solid var(--gold);border-left:3px solid var(--gold)}.hero-mark i:last-child{right:-1px;bottom:-1px;border-right:3px solid var(--gold);border-bottom:3px solid var(--gold)}.scroll-cue{position:absolute;left:30px;bottom:28px;font-size:.58rem;letter-spacing:.25em;opacity:.55;writing-mode:vertical-rl}
.section{padding:140px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:70px}.section h2{font-size:clamp(2.5rem,4vw,4rem);line-height:1.3;margin:0}.section-head>p{max-width:520px;margin:0;color:var(--muted)}.services{background:#fff}.service-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.service{min-height:410px;padding:58px 52px;position:relative;border-bottom:1px solid var(--line)}.service:nth-child(odd){border-right:1px solid var(--line)}.service.featured{box-shadow:inset 4px 0 var(--gold);background:#fbfaf7}.big-num{position:absolute;right:28px;top:8px;font:7.5rem/1 Georgia,serif;color:#eeeae1}.service-icon{font-size:2.2rem;color:var(--gold);height:62px}.service h3,.person h3,.offices h3{font-family:"Noto Serif TC",serif;color:var(--navy)}.service h3{font-size:1.55rem;margin:18px 0}.service p{color:var(--muted)}.service small{display:block;margin-top:24px;color:#777;font-size:.8rem}
.about{background:#efebe2}.about-grid{display:grid;grid-template-columns:5fr 7fr;gap:11%;align-items:center}.timeline{border-left:1px solid var(--gold);margin-left:38px}.timeline>div{position:relative;padding:0 0 50px 44px}.timeline>div:last-child{padding-bottom:0}.timeline>div:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gold);left:-5px;top:13px}.timeline strong{font:2.25rem Georgia,serif;color:var(--navy)}.timeline em{font:normal .65rem sans-serif;letter-spacing:.14em}.timeline p{margin:7px 0 0;color:var(--muted)}.about-copy h2{margin-bottom:42px}.about-copy>p{font-size:1.05rem;margin:0 0 22px}.about-copy .about-note{color:var(--navy);font-family:"Noto Serif TC",serif;font-size:1.15rem;border-left:2px solid var(--gold);padding-left:20px;margin-top:32px}.values{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--pale);margin-top:44px;padding-top:28px}.values span{font-family:"Noto Serif TC",serif;color:var(--navy);font-size:1.25rem}.values small{font-family:sans-serif;display:block;font-size:.5rem;letter-spacing:.13em;color:var(--gold)}
.approach{background:#fff}.approach .section-head{margin-bottom:55px}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.approach-grid article{position:relative;padding:52px 42px 48px;min-height:370px}.approach-grid article+article{border-left:1px solid var(--line)}.approach-grid span{font:3.8rem/1 Georgia,serif;color:#e7e1d7;display:block;margin-bottom:35px}.approach-grid h3{font-family:"Noto Serif TC",serif;color:var(--navy);font-size:1.35rem;line-height:1.5;margin:0 0 22px}.approach-grid p{color:var(--muted);font-size:.94rem;margin:0}
.people{display:grid;grid-template-columns:1fr 1fr;gap:70px}.person{display:grid;grid-template-columns:5fr 7fr;gap:36px;border-top:1px solid var(--gold);padding-top:28px}.portrait{aspect-ratio:4/5;background:#ded9cf;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:rgba(14,32,56,.35)}.portrait:before{content:"";position:absolute;width:55%;aspect-ratio:1;border:1px solid rgba(14,32,56,.18);border-radius:50%;top:18%}.portrait:after{content:"";position:absolute;width:80%;height:48%;border:1px solid rgba(14,32,56,.18);border-radius:50% 50% 0 0;bottom:-22%}.portrait-photo:before,.portrait-photo:after{display:none}.portrait-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.portrait span{font:2.7rem Georgia,serif;z-index:1}.portrait small{position:absolute;left:16px;bottom:14px;font-size:.5rem;letter-spacing:.13em}.role{color:var(--gold);font-size:.7rem;letter-spacing:.16em;margin:0}.person h3{font-size:2.1rem;margin:4px 0 12px}.person-copy>strong{font-size:.85rem;color:var(--navy)}.person-copy>p:not(.role){color:var(--muted);font-size:.9rem;margin:22px 0}.person ul{padding:18px 0 0;margin:0;border-top:1px solid var(--line);list-style:none}.person li{font-size:.8rem}.person li:before{content:"—";color:var(--gold);margin-right:8px}.internal-support{border-top:1px solid var(--gold);padding:32px 38px 36px;background:#efebe2;align-self:start}.internal-support h3{font-family:"Noto Serif TC",serif;color:var(--navy);font-size:2rem;margin:8px 0 36px}.internal-support div{display:flex;justify-content:space-between;gap:20px;align-items:baseline;border-top:1px solid rgba(14,32,56,.16);border-bottom:1px solid rgba(14,32,56,.16);padding:18px 0}.internal-support div strong{font-family:"Noto Serif TC",serif;color:var(--navy);font-size:1.15rem}.internal-support div span{color:var(--gold);font-size:.8rem;white-space:nowrap}.internal-support>p:not(.role){color:var(--muted);font-size:.9rem;margin:28px 0 20px}.internal-support small{display:block;color:#777;font-size:.72rem}
.contact{background:var(--navy);color:#fff}.contact h2{color:#fff}.contact-grid{display:grid;grid-template-columns:4fr 8fr;gap:10%}.contact-grid>div:first-child>p:last-child{color:rgba(255,255,255,.65);margin-top:35px}.offices{display:grid;grid-template-columns:1fr 1fr;gap:55px}.offices article{border-top:1px solid var(--gold);padding-top:28px}.offices article>p{color:var(--gold);font-size:.65rem;letter-spacing:.2em}.offices h3{color:#fff;font-size:1.7rem;margin:0 0 28px}.offices dl>div{display:grid;grid-template-columns:55px 1fr;border-top:1px solid rgba(255,255,255,.12);padding:12px 0}.offices dt{font-size:.75rem;color:rgba(255,255,255,.5)}.offices dd{margin:0;font-size:.85rem;overflow-wrap:anywhere}.offices dd a{border-bottom:1px solid rgba(255,255,255,.25)}.offices dd a:hover,.offices dd a:focus-visible{border-color:var(--gold)}.office-links{display:flex;flex-wrap:wrap;gap:26px}.office-link{display:inline-block;margin-top:28px;color:#fff;font-size:.85rem;border-bottom:1px solid var(--gold);padding-bottom:3px}
footer{background:#09182b;color:#fff;padding:56px 0 25px}.footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:50px;align-items:center}.footer-brand{display:flex;flex-direction:column}.footer-brand strong{letter-spacing:.08em}.footer-brand span{font-size:.55rem;letter-spacing:.18em;color:rgba(255,255,255,.5)}footer p,footer a{font-size:.75rem;color:rgba(255,255,255,.6)}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:20px;font-size:.65rem;color:rgba(255,255,255,.35)}
@media(max-width:1023px){.wrap{width:min(100% - 64px,900px)}.hero-grid{gap:40px}.approach-grid{grid-template-columns:1fr}.approach-grid article{min-height:0}.approach-grid article+article{border-left:0;border-top:1px solid var(--line)}.people{grid-template-columns:1fr}.person{grid-template-columns:240px 1fr}.contact-grid{grid-template-columns:1fr;gap:65px}}
@media(max-width:767px){html{scroll-padding-top:70px}.wrap,.nav-wrap{width:calc(100% - 40px)}.nav-wrap{height:70px}.brand span{font-size:.88rem}.brand small{display:none}.menu-button{display:flex;width:44px;height:44px;border:0;background:none;flex-direction:column;justify-content:center;gap:7px;padding:10px}.menu-button span{width:24px;height:1px;background:currentColor}.site-header nav{display:none;position:absolute;left:0;right:0;top:70px;background:var(--warm);color:var(--navy);padding:18px 20px 28px;flex-direction:column;gap:0;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a{padding:12px 4px;border-bottom:1px solid var(--line)}.hero{padding:108px 0 78px}.hero-grid,.section-head,.about-grid{grid-template-columns:1fr}.hero-grid{gap:46px}.hero h1{font-size:clamp(2.45rem,11.8vw,3.35rem);line-height:1.26;margin-bottom:28px}.hero .lead{font-size:.96rem;line-height:1.75;margin:0}.actions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:32px}.button,.text-link{width:auto}.hero-mark{min-height:330px}.hero-mark strong{font-size:6.8rem}.scroll-cue{display:none}.section{padding:88px 0}.section-head{gap:24px;margin-bottom:45px}.section h2{font-size:2.5rem}.service-grid{grid-template-columns:1fr}.service{min-height:0;padding:45px 24px}.service:nth-child(odd){border-right:0}.big-num{font-size:5.7rem;right:10px}.about-grid>div:first-child{order:2;margin-top:50px}.about-copy{order:1}.timeline{margin-left:0}.values{grid-template-columns:1fr 1fr;gap:24px 12px}.approach-grid article{padding:38px 12px 36px}.approach-grid span{font-size:3.2rem;margin-bottom:24px}.person{grid-template-columns:1fr}.portrait{max-width:340px}.offices{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}