:root{--ink:#15344b;--accent:#bb4d27;--paper:#faf9f6;--muted:#52626c;--line:#d8dfe0;--serif:"Noto Serif TC","PMingLiU",serif;--sans:"Microsoft JhengHei","PingFang TC",system-ui,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:1rem;line-height:1.9}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:6px}.wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}.header{width:min(1248px,calc(100% - 96px));margin:auto;padding:25px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-family:var(--serif);font-size:1.75rem;font-weight:700;letter-spacing:.12em;display:flex;align-items:center;gap:24px}.brand span{font-family:var(--sans);font-size:.875rem;font-weight:400;letter-spacing:.12em;color:var(--muted)}nav{display:flex;gap:28px;font-size:.9375rem}.skip{position:absolute;left:16px;top:-100px;z-index:10;padding:10px;background:white}.skip:focus{top:8px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center;padding-block:70px 85px}.eyebrow,.section-label>span{font-size:.875rem;letter-spacing:.15em;color:var(--muted)}h1{font-family:var(--serif);font-size:clamp(4rem,7vw,6.5rem);font-weight:600;line-height:1.2;letter-spacing:.06em;margin:22px 0}.name-mark{color:var(--accent)}.hero-subtitle{font-family:var(--serif);font-size:clamp(1.6rem,2.7vw,2.25rem);line-height:1.65;margin:0 0 22px}.intro{max-width:440px;color:var(--muted);margin-bottom:30px}.hero-links{display:flex;align-items:center;gap:28px}.button{background:var(--ink);color:white;padding:12px 26px;display:inline-block;font-size:.9375rem}.button:hover{background:#264b65;text-decoration:none}.text-link{font-size:.9375rem}.text-link span{margin-left:8px;color:var(--accent)}.portrait{margin:0;position:relative}.portrait:before{content:"";position:absolute;top:20px;bottom:30px;left:20px;right:-20px;background:#dce8ed;z-index:-1}.portrait-window{aspect-ratio:806/1206;overflow:hidden;position:relative;background:#e9f8fb;max-height:590px}.portrait-window img{position:absolute;width:107.94%;max-width:none;height:auto;left:-3.97%;top:-29.68%}.portrait figcaption{display:flex;justify-content:space-between;font-size:.875rem;padding-top:12px;letter-spacing:.1em}.portrait figcaption span{color:var(--muted)}.section{padding-block:76px;display:grid;grid-template-columns:1fr 1.65fr;gap:70px}.about{border-top:1px solid var(--line)}h2{font-family:var(--serif);font-size:2.125rem;line-height:1.6;font-weight:600;margin:16px 0 0}h3{font-size:1.25rem;margin:0 0 7px;font-weight:600}.section-body p{margin-top:0;color:var(--muted)}.section-body .lead{color:var(--ink);font-size:1.4rem;margin-bottom:18px}.identity{display:flex;gap:30px;align-items:center;padding-top:24px;border-top:1px solid var(--line);margin-top:28px;font-size:.9375rem}.identity span{color:var(--muted)}.identity strong{font-weight:500}.service-band{background:var(--ink);color:white}.service-band .section-label>span{color:#c2d2db}.services article{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid #456071}.services article:first-child{padding-top:0}.services article:last-child{border-bottom:0;padding-bottom:0}.number{font-size:.875rem;color:#e4b999;padding-top:4px}.services p{margin:0;color:#d3dee5;max-width:480px}.contact{align-items:center}.phone{font-size:clamp(1.7rem,3.7vw,2.75rem);font-weight:500;letter-spacing:.015em;display:inline-block;line-height:1.5;border-bottom:2px solid var(--accent);margin:6px 0 12px}.phone span{font-size:1.5rem;margin-left:12px;color:var(--accent)}.section-body .phone-note{font-size:.875rem}.footer{border-top:1px solid var(--line);padding:26px 0 32px;display:flex;gap:28px;align-items:center;color:var(--muted);font-size:.875rem}.footer p{margin:0;margin-right:auto}.footer strong{color:var(--ink);margin-right:12px;letter-spacing:.1em}@media(min-width:1100px){.portrait-window{aspect-ratio:806/1206;max-height:none}}@media(max-width:900px){.wrap,.header{width:calc(100% - 48px)}.hero{gap:40px;padding-block:50px 60px}.brand span{display:none}.section{gap:40px;grid-template-columns:1fr 1.5fr}.footer{flex-wrap:wrap;gap:14px 26px}.footer p{flex-basis:100%}.portrait:before{right:-10px;left:10px}}@media(max-width:620px){html{scroll-padding-top:24px}.header{padding:18px 0;flex-wrap:wrap;gap:12px}.brand{font-size:1.45rem}nav{gap:16px;font-size:.875rem}.hero{grid-template-columns:1fr;gap:34px;padding-top:36px}.hero h1{font-size:4.3rem;margin-block:12px}.hero-subtitle{font-size:1.75rem}.intro{max-width:none}.portrait{width:80%;max-width:360px;margin:auto}.portrait-window{max-height:none}.section{grid-template-columns:1fr;gap:26px;padding-block:48px}h2{font-size:1.85rem;margin-top:10px}.section-label h2 br{display:none}.identity{gap:20px}.phone{font-size:2rem}.contact .section-body{min-width:0}.footer{font-size:.875rem}.services article{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}