:root{--paper:#FCFBF8;--ink:#2A2723;--mist:#6B655C;--haze:#E3DED4;--ghost:#EFEBE2;--bronze:#A98C66;--bronze-d:#8A7050;--serif:"Noto Serif TC",serif;--sans:"Noto Sans TC",sans-serif;--eng:"Cormorant Garamond",serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.95;letter-spacing:.04em;overflow-x:hidden}img{display:block;width:100%;height:100%;object-fit:cover}.eng{font-family:var(--eng)}.eyebrow{font-family:var(--eng);font-weight:400;font-size:clamp(1.6rem,3.4vw,2.6rem);letter-spacing:.12em;color:var(--ink)}.sub-zh{font-family:var(--serif);font-weight:400;font-size:.92rem;letter-spacing:.45em;color:var(--mist);margin-top:.4rem}.center{text-align:center}.pill{display:inline-flex;align-items:center;gap:2rem;justify-content:space-between;font-family:var(--sans);font-weight:300;font-size:.82rem;letter-spacing:.26em;color:var(--ink);text-decoration:none;padding:.95rem 1.9rem;border:1px solid var(--haze);border-radius:999px;transition:border-color .5s,color .5s,letter-spacing .5s;cursor:pointer}.pill:hover{border-color:var(--bronze);color:var(--bronze-d);letter-spacing:.32em}.pill .ar{font-family:var(--eng);font-size:1.1rem}.connector{display:flex;flex-direction:column;align-items:center;margin:0 auto}.connector .l{width:1px;background:var(--haze);height:0;transition:height 1.3s cubic-bezier(.4,0,.2,1)}.connector.in .l{height:90px}.connector .o{width:9px;height:9px;border:1px solid var(--bronze);border-radius:50%;background:var(--paper);opacity:0;transition:opacity .6s .8s}.connector.in .o{opacity:1}.reveal{opacity:0;transform:translateY(30px);transition:opacity 1.1s cubic-bezier(.22,.61,.36,1),transform 1.1s cubic-bezier(.22,.61,.36,1)}.reveal.in{opacity:1;transform:none}.hero{position:relative;min-height:100vh;padding:clamp(2rem,5vh,4rem) clamp(20px,5vw,72px) 3rem;overflow:hidden;display:flex;flex-direction:column}.watermark{position:absolute;top:.02em;left:0;right:0;text-align:center;z-index:0;font-family:var(--eng);font-weight:400;color:var(--ghost);font-size:clamp(6rem,20vw,18rem);line-height:.9;letter-spacing:.12em;user-select:none;pointer-events:none;white-space:nowrap}.kv-grid{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(1rem,3vw,3rem);margin-top:1.5rem}.kv-nav{justify-self:start;max-width:230px}.orn-d{display:block;width:7px;height:7px;border:1px solid var(--bronze);transform:rotate(45deg);margin:0 auto 1.2rem;opacity:.85}.logo-zh{font-family:var(--serif);font-weight:500;font-size:1.2rem;letter-spacing:.2em;text-align:center}.logo-zh span{display:block;font-size:.78rem;font-weight:300;letter-spacing:.3em;color:var(--mist);margin-top:.3rem}.logo-en{font-family:var(--eng);font-style:italic;font-size:.82rem;letter-spacing:.14em;color:var(--mist);text-align:center;margin-top:.35rem}.kv-nav ul{list-style:none;margin:1.8rem 0 0;text-align:center}.kv-nav li{font-family:var(--serif);font-weight:300;font-size:.92rem;letter-spacing:.24em;padding:.5rem 0;cursor:pointer;transition:color .4s}.kv-nav li:hover{color:var(--bronze-d)}.kv-nav li a{color:inherit;text-decoration:none}.kv-foot{margin-top:1.4rem;text-align:center}.kv-foot .hr{display:block;width:32px;height:1px;background:var(--haze);margin:0 auto .9rem}.kv-foot .t{font-family:var(--serif);font-size:.8rem;letter-spacing:.2em;color:var(--mist)}.kv-col{display:flex;flex-direction:column;align-items:center;position:relative;justify-self:center}.kv-col:before{content:"";position:absolute;width:clamp(110px,14vw,168px);aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#fff,#f1ece2);top:-2%;right:-13%;z-index:0}.kv-col:after{content:"";position:absolute;width:clamp(46px,6vw,68px);aspect-ratio:1;border-radius:50%;border:1px solid var(--haze);left:-11%;bottom:18%;z-index:0}.kv-photo{position:relative;z-index:1;width:clamp(240px,30vw,380px);aspect-ratio:3/4;border:1px solid var(--haze);border-radius:50% 50% 8px 8px/34% 34% 6px 6px;overflow:hidden}.kv-photo img{object-position:50% 18%}.kv-drop{display:flex;flex-direction:column;align-items:center;margin-top:.1rem}.kv-drop .l{width:1px;height:clamp(36px,8vh,80px);background:var(--haze)}.kv-drop .o{width:8px;height:8px;border:1px solid var(--bronze);border-radius:50%;background:var(--paper)}.kv-tag{justify-self:end;display:flex;gap:clamp(1rem,2.2vw,2.2rem);align-items:flex-start}.kv-tag .main{writing-mode:vertical-rl;font-family:var(--serif);font-weight:400;font-size:clamp(1.3rem,2.4vw,1.95rem);letter-spacing:.4em;line-height:1.05}.kv-tag .note{writing-mode:vertical-rl;font-family:var(--sans);font-weight:300;font-size:.82rem;letter-spacing:.3em;line-height:1.1;color:var(--mist)}section{padding:clamp(5rem,10vw,9rem) clamp(20px,7vw,120px);position:relative}.philo{text-align:center;isolation:isolate}.philo:before{content:"";position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:clamp(280px,38vw,480px);aspect-ratio:1;border-radius:50%;background:linear-gradient(160deg,#fff,#f1ece2);opacity:.65;z-index:-1}.philo:after{content:"";position:absolute;right:16%;top:24%;width:13px;height:13px;border:1px solid var(--bronze);border-radius:50%;opacity:.45;z-index:-1}.philo p{font-family:var(--serif);font-weight:300;font-size:clamp(1.18rem,2.2vw,1.65rem);line-height:2.4;letter-spacing:.07em;margin-top:2.2rem}.profile{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5.5rem);align-items:center}.pf-photo{position:relative;justify-self:center;width:clamp(220px,26vw,330px);aspect-ratio:3/4}.pf-photo .geo{position:absolute;right:-13%;top:-9%;width:60%;height:58%;background:linear-gradient(135deg,#fff,#f1ece2);z-index:0}.pf-photo .arch{position:relative;z-index:1;width:100%;height:100%;border:1px solid var(--haze);border-radius:50% 50% 8px 8px/34% 34% 6px 6px;overflow:hidden}.pf-photo .arch img{object-position:50% 15%}.pf-vname{position:absolute;z-index:2;right:-2rem;bottom:1rem;writing-mode:vertical-rl;font-family:var(--serif);font-size:.82rem;letter-spacing:.4em;color:var(--mist)}.pf-body p{margin-top:1.5rem;font-size:.99rem;color:#3a362f;max-width:42ch}.pf-meta{margin-top:1.6rem;font-family:var(--serif);font-size:.9rem;letter-spacing:.1em;color:var(--mist);line-height:2}.pf-body .pill{margin-top:2rem}.arcwrap{text-align:center;margin-bottom:-1.5rem}.arcwrap svg{width:min(820px,92%);height:auto;overflow:visible}.arcwrap text{font-family:var(--eng);font-style:italic;font-size:25px;letter-spacing:3px;fill:var(--haze)}.svc-title{text-align:center;margin-bottom:clamp(3rem,7vw,5rem)}.pillar{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;padding:clamp(2.4rem,5vw,4rem) 0;border-top:1px solid var(--haze)}.pillar:nth-child(2n) .p-photo-wrap{order:2}.p-photo-wrap{position:relative;justify-self:center;width:100%;max-width:360px}.p-photo-wrap:before{content:"";position:absolute;width:52%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#fff,#f1ece2);right:-9%;top:-7%;z-index:0}.pillar:nth-child(2n) .p-photo-wrap:before{inset:auto auto -7% -9%;border-radius:0}.p-photo{width:100%;aspect-ratio:3/4;border:1px solid var(--haze);overflow:hidden;border-radius:6px;position:relative;z-index:1}.p-photo img{object-position:50% 15%}.p-mark{font-family:var(--serif);font-weight:500;font-size:clamp(2.4rem,6vw,4rem);color:var(--bronze);line-height:1;float:left;margin:-.2rem 1.1rem .1rem 0}.p-title{font-family:var(--eng);font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:.1em}.p-zh{font-family:var(--serif);font-weight:500;font-size:1.15rem;letter-spacing:.14em;margin:.3rem 0 1rem}.p-body{font-size:.98rem;color:#3a362f;max-width:40ch}.p-text .pill{margin-top:1.7rem}.voice{isolation:isolate}.voice:before{content:"";position:absolute;left:7%;top:9%;width:clamp(80px,10vw,130px);aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#fff,#f1ece2);z-index:-1}.voice:after{content:"";position:absolute;right:9%;top:15%;width:12px;height:12px;border:1px solid var(--bronze);border-radius:50%;opacity:.45;z-index:-1}.voice .svc-title{margin-bottom:clamp(1.6rem,4vw,2.4rem)}.voice-intro{text-align:center;font-family:var(--serif);color:var(--mist);letter-spacing:.08em;margin:0 auto clamp(2.4rem,5vw,3.2rem);max-width:36ch}.shots{column-count:3;column-gap:1.1rem;max-width:1040px;margin:0 auto}.shot{break-inside:avoid;margin:0 0 1.1rem;background:#fff;border:1px solid var(--haze);border-radius:12px;padding:8px;box-shadow:0 10px 28px #2a272312}.shot img{width:100%;height:auto;object-fit:contain;border-radius:6px;display:block}@media(max-width:820px){.shots{column-count:2}}@media(max-width:520px){.shots{column-count:1;max-width:380px}}.reserve{text-align:center;isolation:isolate}.reserve:before{content:"";position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:clamp(240px,30vw,380px);aspect-ratio:1;border-radius:50%;border:1px solid var(--ghost);z-index:-1}.reserve:after{content:"";position:absolute;right:19%;bottom:22%;width:clamp(44px,5vw,64px);aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#fff,#f1ece2);z-index:-1}.reserve p{color:var(--mist);letter-spacing:.1em;margin:1.3rem 0 2.3rem}.reserve .cta{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.access{text-align:center;color:var(--mist);font-size:.84rem;letter-spacing:.16em;padding-top:0;line-height:2}.access .hr{width:40px;height:1px;background:var(--haze);margin:0 auto 1.5rem}.credit{margin-top:2.6rem;font-size:.62rem;letter-spacing:.28em;color:#b9b2a5;font-family:var(--serif);font-weight:300}.credit .eng{font-style:italic;letter-spacing:.14em}.credit .sep{margin:0 .5em}.credit a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .4s,border-color .4s;white-space:nowrap}.credit a:hover{color:var(--bronze-d);border-bottom-color:var(--bronze)}.fab{position:fixed;right:24px;bottom:24px;z-index:50;width:96px;height:96px;border-radius:50%;background:var(--bronze);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-decoration:none;box-shadow:0 12px 30px #785f3c4d;transition:transform .45s,background .45s,box-shadow .45s}.fab:before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.45);border-radius:50%;pointer-events:none}.fab:hover{transform:translateY(-4px);background:var(--bronze-d);box-shadow:0 16px 36px #785f3c66}.fab svg{width:25px;height:25px;stroke:#fff;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.fab span{font-family:var(--serif);font-weight:400;font-size:.72rem;letter-spacing:.24em;line-height:1}@media(max-width:520px){.fab{width:80px;height:80px;right:16px;bottom:16px}.fab svg{width:21px;height:21px}.fab span{font-size:.66rem;letter-spacing:.18em}}@media(max-width:820px){.hero{min-height:auto;padding-bottom:2.4rem}.kv-grid{grid-template-columns:1fr;justify-items:center;gap:1.8rem;text-align:center}.kv-tag{flex-direction:column;align-items:center;gap:.5rem;justify-self:center}.kv-tag .main,.kv-tag .note{writing-mode:horizontal-tb;letter-spacing:.12em;text-align:center;line-height:1.8}.kv-nav{justify-self:center}.profile{grid-template-columns:1fr;gap:2.6rem}.pillar{grid-template-columns:1fr;gap:2rem}.pillar:nth-child(2n) .p-photo-wrap{order:0}.pf-meta{text-align:center}}@media(max-width:520px){section{padding-left:20px;padding-right:20px}.kv-photo{width:min(74vw,300px)}.kv-nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0 1.4rem;margin-top:1.2rem}.kv-nav li{font-size:.86rem;padding:.3rem 0}.kv-tag .main{font-size:1.35rem;letter-spacing:.18em}.kv-tag .note{font-size:.78rem;letter-spacing:.2em}.watermark{font-size:clamp(4.6rem,24vw,7rem);top:.3em}.philo p{line-height:2.15}.philo p br{display:none}.pf-photo{width:min(64vw,280px)}.pf-photo .geo{right:-8%}.pf-vname{right:-1.4rem}.pf-body{text-align:center}.pf-body .sub-zh{text-align:center!important}.pf-body p{margin-left:auto;margin-right:auto}.p-photo-wrap{max-width:300px}.philo:after{display:none}.voice:after{top:8%}.reserve:after{right:8%}.p-text{text-align:center}.p-mark{float:none;display:block;margin:0 auto .6rem}.p-body{margin-left:auto;margin-right:auto}.connector.in .l{height:64px}.reserve .cta{flex-direction:column;align-items:center}.reserve .cta .pill{width:min(100%,320px);justify-content:space-between}.access{padding-left:24px;padding-right:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.connector .l{height:90px}.connector .o{opacity:1}}