:root{--ink:#17392f;--leaf:#54735f;--cream:#f6f0e3;--paper:#fffaf0;--gold:#c58f45;--peach:#e5a68f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans TC",sans-serif}main{overflow:hidden}.hero{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:7vw;padding:6vw 8vw;background:radial-gradient(circle at 90% 10%,#fff 0,transparent 28%),var(--paper)}.portrait-wrap{position:relative;max-width:620px}.portrait{position:relative;z-index:2;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 32%;border-radius:260px 260px 34px 34px;box-shadow:0 35px 75px rgba(34,59,49,.2)}.sun{position:absolute;width:230px;height:230px;border-radius:50%;background:var(--peach);right:-70px;top:-55px;opacity:.68}.place{position:absolute;z-index:3;left:-35px;bottom:52px;background:var(--ink);color:white;padding:13px 18px;font-size:.72rem;letter-spacing:.18em;transform:rotate(-90deg);transform-origin:left bottom}.intro{max-width:590px}.eyebrow{font-size:.76rem;letter-spacing:.25em;color:var(--gold);font-weight:700}.intro h1{font-family:"Noto Serif TC",serif;font-size:clamp(3rem,6vw,6.6rem);line-height:1.1;margin:.18em 0 .35em;letter-spacing:.02em}.intro h1 em{font-style:normal;color:var(--leaf)}.lead{font-size:clamp(1rem,1.35vw,1.3rem);line-height:2;max-width:480px;color:#496057}.cta{display:inline-flex;gap:2.4rem;align-items:center;margin-top:2rem;padding:16px 22px;border-bottom:1px solid var(--ink);color:var(--ink);text-decoration:none;font-weight:700}.cta span{font-size:1.35rem}.quote{padding:10vw 8vw;text-align:center;background:var(--ink);color:white}.quote p{font-family:"Noto Serif TC",serif;font-size:clamp(2rem,4.3vw,4.5rem);line-height:1.5;margin:0}.quote span{display:block;margin-top:2.5rem;color:#d9b77f;letter-spacing:.45em;font-size:.72rem}.about{padding:9vw 8vw 11vw}.about h2{font-family:"Noto Serif TC",serif;font-size:clamp(2.2rem,4vw,4rem);line-height:1.45;margin:.3em 0 1.2em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.cards article{background:rgba(255,255,255,.58);padding:2.5rem;border:1px solid rgba(23,57,47,.12);min-height:260px}.cards b{font-family:"Noto Serif TC",serif;color:var(--gold);font-size:1rem}.cards h3{font-family:"Noto Serif TC",serif;font-size:1.7rem;margin:1.3rem 0 .8rem}.cards p{line-height:1.9;color:#53685f;margin:0}footer{display:flex;justify-content:space-between;align-items:center;padding:2rem 8vw;background:#102d25;color:white}footer span{font-family:"Noto Serif TC",serif;font-size:1.1rem;letter-spacing:.08em}footer small{color:#c9d5ce;letter-spacing:.13em}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding:70px 24px 60px;gap:55px}.portrait-wrap{width:88%;margin:auto}.sun{width:150px;height:150px;right:-35px}.place{left:-18px}.intro h1{font-size:3.25rem}.quote{padding:95px 24px}.quote p{font-size:2rem}.about{padding:85px 24px}.cards{grid-template-columns:1fr}.cards article{min-height:auto}footer{padding:24px;align-items:flex-start;gap:10px;flex-direction:column}}