:root{--navy:#1F3A5F;--bronze:#9A6F45;--gold:#C09001;--ink:#1F2A37;--gray:#6B7280;--line:#E3DED6;--bg:#FAF8F5;--mist:#E8EDF3;--cream:#F5EBDD;--sans:"PingFang TC","Noto Sans TC","Microsoft JhengHei",-apple-system,"Segoe UI",Roboto,sans-serif;--head:Georgia,"PingFang TC","Noto Sans TC","Microsoft JhengHei",serif}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:calc(112px - clamp(64px,9vw,112px))}
body{font:16px/1.8 var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
.w{max-width:1160px;margin:auto;padding:0 24px}.sec{padding:clamp(64px,9vw,112px) 0}
.lb{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);font-weight:600;margin-bottom:16px;line-height:1.6}
h2,h3{font-family:var(--head);color:var(--navy);line-height:1.25;font-weight:700}
h2{font-size:clamp(26px,3.4vw,42px);margin-bottom:20px}h3{font-size:clamp(20px,2.2vw,26px);margin-bottom:12px}
p+p{margin-top:14px}.g{color:var(--gold)}.mut{color:var(--gray)}
.hl{background:var(--cream);padding:18px 22px;border-left:3px solid var(--bronze);color:var(--navy);font-weight:600;margin:22px 0}
.bn{background:var(--navy);color:#fff;padding:22px 28px;font-weight:600;border-radius:3px;margin-top:28px}
.card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:28px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sp{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,80px);align-items:center}.sp.rv2 .ph{order:-1}
.ph img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:4px;box-shadow:0 18px 40px -22px rgba(31,58,95,.45)}
.nav{position:fixed;inset:0 0 auto;height:72px;z-index:20;transition:.3s}
.nav.s{background:#FAF8F5;border-bottom:1px solid var(--line)}
.nav .w{display:flex;align-items:center;height:72px;gap:32px}.nav img{height:30px;width:auto}
.nav nav{margin-left:auto;display:flex;gap:30px}.nav nav a{font-size:15px;color:var(--navy);padding:6px 0;border-bottom:2px solid transparent;font-weight:500}
.nav nav a.on,.nav nav a:hover{border-color:var(--gold)}
.lg{font-size:13px;letter-spacing:.08em;border:1px solid var(--navy);color:var(--navy);padding:5px 14px;border-radius:20px;font-weight:600}
.bg{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer}.bg i{display:block;height:2px;background:var(--navy);margin:6px 8px}
.hero{min-height:100svh;display:flex;align-items:center;background:url(images/hero-skyline.jpg) 72% center/cover;position:relative}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,248,245,.86) 0,rgba(250,248,245,.55) 42%,rgba(250,248,245,0) 72%)}
.hero .w{position:relative;width:100%;margin:0 auto;padding-top:72px}.hero h1{font:700 clamp(40px,6.2vw,84px)/1.06 var(--head);color:var(--navy);letter-spacing:-.01em}
.hero .sub{font-size:clamp(18px,2vw,24px);color:var(--navy);margin-top:24px;font-weight:500}.hero .loc{margin-top:36px;font-size:13px;letter-spacing:.14em;color:var(--bronze);font-weight:600}
.ic{width:44px;height:44px;border-radius:50%;background:var(--mist);display:grid;place-items:center;margin-bottom:16px}.ic svg{width:22px;height:22px;fill:none;stroke:var(--navy);stroke-width:1.6}
.card h4{font:700 18px/1.4 var(--head);color:var(--navy);margin-bottom:6px}.card p{color:var(--gray);font-size:15px}
.alt{background:#fff}.mist{background:var(--mist)}
.cap{display:block;transition:.3s}.cap:hover{transform:translateY(-4px);box-shadow:0 18px 34px -22px rgba(31,58,95,.5)}
.cap b{display:block;font:700 26px var(--head);letter-spacing:.12em;color:var(--navy)}.cap em{display:block;font-style:normal;color:var(--bronze);font-weight:600;margin:6px 0 14px}
.cap small{display:block;color:var(--gray);font-size:13px;line-height:1.5}.cap p{margin-top:14px}
.cap.c1{background:var(--cream)}.cap.c3{background:var(--navy);border-color:var(--navy)}.cap.c3 b{color:#fff}.cap.c3 em{color:#E0A82E}.cap.c3 small,.cap.c3 p{color:#D5DDE8}
.it{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.it div{background:#fff;border:1px solid var(--line);border-left:3px solid var(--bronze);padding:13px 16px;font-size:14.5px;line-height:1.55;color:var(--navy);font-weight:500}
.st{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:40px;position:relative}
.st:before{content:"";position:absolute;top:19px;left:10%;right:10%;height:1px;background:var(--line)}
.st div{position:relative;text-align:center}.st i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;font:700 15px var(--head);margin:0 auto 14px;font-style:normal}
.st b{display:block;font-size:15px;color:var(--navy);line-height:1.5}.st span{display:block;font-size:13.5px;color:var(--gray);margin-top:6px;line-height:1.6}
.hw{margin-top:48px;position:relative;border-radius:4px;overflow:hidden;color:#fff;padding:clamp(34px,5vw,56px) clamp(24px,5vw,56px);background:url(images/howwework-banner.jpg) center/cover}
.hw:before{content:"";position:absolute;inset:0;background:rgba(31,58,95,.62)}.hw>*{position:relative}.hw h3{color:#fff;margin-bottom:8px}
.num{font:700 clamp(72px,9vw,112px)/1 var(--head);color:var(--gold);margin:8px 0 4px}
.ph3 b{display:block;font:700 40px var(--head);color:var(--navy)}.ph3 em{display:block;font-style:normal;color:var(--bronze);font-weight:600;margin:4px 0 12px}
.ct{text-align:center;max-width:780px;margin:auto}.ct .m{display:inline-block;margin-top:26px;font:600 clamp(21px,1.9vw,26px) var(--head);color:var(--navy);border-bottom:2px solid var(--gold);padding-bottom:4px;word-break:break-all}
.ft{background:var(--navy);color:#C9D3E0;font-size:14px;padding:30px 0}.ft .w{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}.ft img{height:26px;width:auto}
.js .rv{opacity:0;transform:translateY(20px);transition:opacity .9s,transform .9s}.js .rv.in{opacity:1;transform:none}
@media(max-width:860px){.g3,.sp,.it{grid-template-columns:1fr!important}.sp.rv2 .ph{order:0}.ph img{aspect-ratio:4/3}
.bg{display:block;margin-left:2px}.lg{margin-left:auto}.nav .w{gap:10px}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--line);margin:0;padding:8px 24px 16px}.nav nav.o{display:flex}.nav nav a{padding:12px 0}
.hero{align-items:flex-start;min-height:92svh;background-position:70% bottom}.hero:before{background:linear-gradient(180deg,rgba(250,248,245,.94) 0,rgba(250,248,245,.9) 48%,rgba(250,248,245,.5) 68%,rgba(250,248,245,0) 86%)}.hero .w{padding-top:clamp(140px,19svh,190px)}.hero h1{font-size:clamp(30px,8.4vw,40px)}.hero .sub{font-weight:600;text-shadow:0 0 3px #FAF8F5,0 0 10px #FAF8F5,0 0 20px rgba(250,248,245,.9)}.hero .loc{color:#6F4B27;font-weight:700;text-shadow:0 0 3px #FAF8F5,0 0 10px #FAF8F5,0 0 20px rgba(250,248,245,.9)}.hero .loc{margin-top:26px}.g3{gap:14px}.qc{display:grid;grid-template-columns:44px 1fr;column-gap:16px;align-items:center;padding:18px 20px}.qc .ic{grid-row:span 2;margin:0}.qc h4{margin:0 0 2px;font-size:16.5px}.qc p{font-size:14px}.cap{padding:24px 22px}
.st{grid-template-columns:1fr;gap:26px}.st:before{display:none}.st div{text-align:left;display:grid;grid-template-columns:38px 1fr;column-gap:14px}.st i{margin:0;grid-row:span 2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .rv{opacity:1;transform:none;transition:none}}