:root{--paper:#f7f5f7;--white:#fff;--ink:#3f333d;--muted:#776c74;--rose:#b092a3;--line:#ded5dc;--wash:#eee7ed;--serif:'Noto Serif TC',serif;--latin:'Cormorant Garamond',Georgia,serif;--sans:'Noto Sans TC',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}figure,p,h1,h2,h3,h4{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #7f536e;outline-offset:6px}::selection{background:#d9c4d3}.skip-link{position:fixed;top:-70px;left:20px;padding:12px;background:white;z-index:100}.skip-link:focus{top:10px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:var(--paper);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:22px}.wordmark{font-family:var(--latin);font-size:47px;line-height:1;letter-spacing:-2px}.brand-dot{color:var(--rose)}.brand-name{font-size:12px;letter-spacing:2px;padding-top:8px}.header nav{display:flex;gap:30px;align-items:center;font-size:13px}.header nav a:hover{color:#8b617c}.nav-book{border:1px solid var(--line);padding:10px 20px;margin-left:10px}.nav-book span{margin-left:20px}.menu-toggle{display:none}.hero{position:relative;padding:25px 5.5% 0;display:grid;grid-template-columns:1fr 1.04fr;column-gap:4%;max-width:1700px;margin:auto}.hero-copy{padding:62px 0 30px 6%}.hero-intro{font-size:12px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.hero-intro>span{display:inline-block;width:25px;height:1px;background:var(--rose)}h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,5.2vw,78px);letter-spacing:.12em;line-height:1.5;margin:28px 0 24px}.hero-description{font-size:14px;line-height:2.2;color:var(--muted);letter-spacing:1.5px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:17px 25px;font-size:13px;letter-spacing:1px;min-height:54px;transition:background .2s}.dark{background:var(--ink);color:white}.dark:hover{background:#66515f}.hero-copy .button{margin-top:35px}.hero-explore{display:flex;width:210px;justify-content:space-between;margin-top:28px;font-size:12px;letter-spacing:1px}.hero-visual{position:relative;min-height:580px;height:min(50vw,690px);border-radius:45% 45% 0 0;isolation:isolate;overflow:hidden}.hero-visual img{object-position:48% 50%;filter:saturate(.74)}.hero-visual:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(58,39,32,.24));z-index:0}.image-word{font-family:var(--latin);position:absolute;bottom:62px;right:28px;font-size:clamp(38px,4.3vw,66px);color:white;line-height:.94;z-index:1;letter-spacing:-1px}.hero-visual figcaption{position:absolute;bottom:16px;right:20px;color:white;font-size:10px;letter-spacing:1px;z-index:1;text-shadow:0 1px 3px #333}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:2px;color:var(--muted)}.section{padding:110px max(5.5%,calc((100vw - 1440px)/2))}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-left:11%;padding-right:11%}.english{font-family:var(--latin);color:var(--muted);font-size:22px;margin-bottom:18px}h2{font-family:var(--serif);font-size:36px;font-weight:400;line-height:1.7;letter-spacing:3px}.about-copy{padding-top:16px;font-size:14px;color:var(--muted);line-height:2.3;letter-spacing:.8px}.about-copy p+p{margin-top:22px}.signature{display:block;font-family:var(--latin);font-style:italic;font-size:43px;color:var(--rose);margin-top:16px}.services{background:var(--wash)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:46px}.section-head>p{font-size:13px;line-height:2;color:var(--muted);letter-spacing:1px}.service-layout{display:grid;grid-template-columns:.85fr 1fr;gap:9%}.service-visual{height:530px;position:relative}.service-visual img{filter:saturate(.6);object-position:center}.service-visual figcaption{position:absolute;bottom:14px;left:18px;font-size:10px;color:white;text-shadow:0 1px 5px black}.service-list{border-top:1px solid #b8aab4}details{border-bottom:1px solid #cec0ca}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px;padding:16px 0}summary::-webkit-details-marker{display:none}.service-list summary>span:first-child{display:flex;flex-direction:column;gap:2px}.service-list strong{font-family:var(--serif);font-weight:400;font-size:21px;letter-spacing:1px}.service-list small{font-family:var(--latin);font-size:16px;color:var(--muted)}.plus{height:16px;width:16px;position:relative;flex-shrink:0}.plus:before,.plus:after{content:'';position:absolute;top:7px;left:0;width:16px;height:1px;background:var(--muted)}.plus:after{transform:rotate(90deg);transition:transform .2s}details[open] .plus:after{transform:rotate(0)}.service-description{font-size:13px;color:#675962;max-width:420px;padding-bottom:23px;line-height:2}.service-description a{display:inline-block;margin-top:14px;font-size:12px;border-bottom:1px solid #b8aab4}.service-note{font-size:12px;color:var(--muted);margin-top:30px;text-align:right}.text-link{font-size:12px;padding:10px 0;border-bottom:1px solid #b8aab4}.text-link span{margin-left:22px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px;align-items:start}.gallery-grid figure:nth-child(2){margin-top:65px}.gallery-grid img{aspect-ratio:4/5;filter:saturate(.65);height:auto}.gallery-grid figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;font-size:14px;letter-spacing:1px}.gallery-grid small{font-size:10px;letter-spacing:.5px;color:var(--muted)}.image-note{font-size:11px;color:var(--muted);text-align:center;margin-top:40px}.booking{background:var(--ink);color:#f5edf3;display:grid;grid-template-columns:1.15fr 1fr;gap:12%}.booking .english{color:#cebac8}.booking h2{font-size:34px}.booking-heading>p:not(.english){color:#d4c5cf;font-size:13px;line-height:2.1;margin-top:24px;letter-spacing:1px}.light{background:#efe7ed;color:var(--ink);margin-top:32px}.light:hover{background:white}.handle{display:block;font-size:11px;color:#cbb9c5;letter-spacing:1px;margin-top:15px}.booking-info{padding-top:10px}.booking-info h3{font-size:15px;font-weight:400;letter-spacing:2px}.booking-info ol{list-style:none;padding:0;margin:30px 0}.booking-info li{display:flex;gap:24px;margin-bottom:24px}.booking-info li>span{font-family:var(--latin);font-size:25px;color:#c1a4b7;line-height:1.3}.booking-info h4{font-weight:400;font-size:14px;letter-spacing:1px}.booking-info li p{color:#cbbec7;font-size:12px;margin-top:5px}.map-link{border-top:1px solid #756470;padding:25px 0 0;display:flex;justify-content:space-between;align-items:center}.map-link strong{display:block;font-size:14px;font-weight:400;letter-spacing:1px}.map-link small{color:#cbbec7;font-size:12px}.map-link>span:last-child{font-size:25px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:9%}.faq h2{font-size:30px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-color:var(--line)}.faq-list summary{font-size:14px;min-height:72px}.faq-list p{font-size:13px;color:var(--muted);max-width:550px;padding-bottom:23px;line-height:2}footer{padding:48px 5.5% 32px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.footer-brand .wordmark{font-size:40px}footer p{font-size:12px;color:var(--muted);text-align:right;letter-spacing:1px}footer>div{display:flex;gap:28px;font-size:11px}footer>small{font-size:10px;text-align:right;color:var(--muted);letter-spacing:1px}.mobile-book{display:none}
@media(min-width:1500px){.hero-copy{padding-top:95px}.hero-visual{min-height:650px}}
@media(max-width:1050px){.header nav{gap:18px}.brand-name{font-size:10px;letter-spacing:1px}.brand{gap:14px}.header{padding:0 4%;height:90px}.nav-book{padding:8px 13px;margin:0}.hero{padding-left:5%;padding-right:5%;gap:3%}.hero-copy{padding-left:0;padding-top:42px}.hero-visual{min-height:530px}.hero-intro{font-size:10px}.hero-description{font-size:13px}.section{padding:85px 6%}.service-layout{gap:6%}.service-visual{height:520px}.gallery-grid{gap:18px}.gallery-grid figcaption{display:block}.gallery-grid small{display:block;margin-top:4px}.booking{gap:7%}.booking h2{font-size:29px}}
@media(max-width:760px){html{scroll-padding-top:24px}.header{height:80px;padding:0 6%}.wordmark{font-size:40px}.brand-name{font-size:11px;letter-spacing:1.5px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;border:0;background:none;padding:9px}.menu-toggle span{height:1px;width:26px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.header nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);padding:15px 6% 28px;box-shadow:0 18px 20px #3f333d0d;align-items:stretch;gap:0}.header nav.is-open{display:flex;flex-direction:column}.header nav a{padding:14px 0}.header nav .nav-book{padding:12px 16px;margin-top:8px}.hero{padding:24px 6% 0;grid-template-columns:1fr;gap:0}.hero-copy{padding:10px 0 35px}.hero-intro{font-size:11px;letter-spacing:1.4px}h1{font-size:clamp(42px,10.5vw,65px);line-height:1.5;letter-spacing:.13em;margin:22px 0 20px}.hero-description{font-size:13px;letter-spacing:1px}.hero-copy .button{margin-top:25px;font-size:12px;padding:14px 21px;min-height:50px;gap:30px}.hero-explore{display:inline-flex;width:auto;margin:0 0 0 18px;gap:14px;font-size:11px}.hero-visual{height:auto;min-height:0;aspect-ratio:1.05;border-radius:42% 42% 0 0}.hero-visual img{position:absolute;inset:0}.image-word{font-size:46px;bottom:40px;right:20px}.hero-visual figcaption{font-size:9px;bottom:12px}.hero-bottom{font-size:10px;padding:20px 0;letter-spacing:1px}.hero-bottom span:last-child{display:none}.section{padding:66px 7%}.about{grid-template-columns:1fr;gap:24px}.english{font-size:21px;margin-bottom:12px}h2{font-size:29px;letter-spacing:2px;line-height:1.7}.about-copy{padding:0;font-size:13px;line-height:2.2}.about-copy p+p{margin-top:18px}.signature{margin-top:15px;font-size:38px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:18px;font-size:12px}.service-layout{grid-template-columns:1fr;gap:28px}.service-visual{height:auto;aspect-ratio:1.45}.service-list strong{font-size:19px}.service-list small{font-size:15px}summary{min-height:77px}.service-note{text-align:left;font-size:11px;margin-top:24px}.text-link{display:inline-block;margin-top:15px;font-size:11px}.gallery-grid{grid-template-columns:1fr 1fr;gap:22px 16px}.gallery-grid figure:nth-child(2){margin-top:35px}.gallery-grid figure:last-child{grid-column:1/-1;width:68%;margin-top:0}.gallery-grid figure:last-child img{aspect-ratio:1.15}.gallery-grid figcaption{font-size:12px;letter-spacing:0;margin-top:12px}.image-note{font-size:10px;text-align:left;line-height:1.8;margin-top:27px}.booking{grid-template-columns:1fr;gap:45px}.booking h2{font-size:29px}.booking-info{border-top:1px solid #756470;padding-top:30px}.booking-info ol{margin:25px 0}.booking-info li{margin-bottom:23px}.faq{grid-template-columns:1fr;gap:25px}.faq h2{font-size:27px}.faq-list summary{font-size:13px;gap:15px;min-height:70px}.faq-list p{font-size:12px}footer{padding:36px 7% 110px;grid-template-columns:1fr;gap:20px}footer p,footer>small{text-align:left;font-size:11px}footer>small{font-size:10px}footer>div{gap:25px}.mobile-book{display:flex;position:fixed;z-index:30;bottom:0;left:0;right:0;min-height:65px;padding:10px 5% calc(10px + env(safe-area-inset-bottom));gap:10px;background:#f7f5f7f5;backdrop-filter:blur(12px);border-top:1px solid var(--line)}.mobile-book a{font-size:12px;display:flex;align-items:center;justify-content:center;min-height:44px}.mobile-book a:first-child{width:30%;border:1px solid var(--line)}.mobile-book a:last-child{flex:1;background:var(--ink);color:white;gap:20px}}
@media(max-width:380px){.brand{gap:11px}.brand-name{font-size:10px}.hero-explore{margin-left:12px;gap:7px;font-size:10px}.hero-copy .button{gap:16px;padding:14px 16px;font-size:11px}.hero-intro{font-size:10px}.booking h2{font-size:25px}.service-list strong{font-size:17px}.image-word{font-size:40px}.gallery-grid figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.contact-options{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:24px}.contact-options a{font-size:14px;border-bottom:1px solid #b092a3;padding:7px 0}.contact-options a:hover{color:white}@media(max-width:760px){.mobile-book a:first-child{width:auto;flex:1}.mobile-book a:nth-child(2){flex:1;border:1px solid var(--line)}.mobile-book a:last-child{flex:1.3;gap:5px}}

/* Readable Traditional Chinese typography */
body{font-size:17px}.brand-name,.hero-intro,.hero-bottom,.service-note,.image-note,.hero-visual figcaption,.service-visual figcaption,.gallery-grid small,footer>small{font-size:14px}.header nav,.button,.hero-explore,.service-description a,.text-link,.handle,.map-link small,footer p,footer>div,.contact-options a{font-size:16px}.hero-description,.about-copy,.section-head>p,.service-description,.booking-heading>p:not(.english),.booking-info li p,.faq-list p{font-size:17px;line-height:2}.gallery-grid figcaption,.booking-info h3,.booking-info h4,.map-link strong,.faq-list summary{font-size:18px}.gallery-grid figcaption{flex-wrap:wrap}.hero-explore{width:240px}.header nav{gap:22px}@media(max-width:1050px){.header{padding-left:3%;padding-right:3%}.header nav{gap:14px}.brand{gap:12px}.brand-name{letter-spacing:0}.nav-book{padding:10px}.nav-book span{margin-left:8px}}@media(max-width:760px){.brand-name{font-size:14px;letter-spacing:0}.brand{gap:12px}.wordmark{font-size:38px}.hero-intro{font-size:14px;letter-spacing:.5px}.hero-copy .button{font-size:16px;gap:20px;padding:15px 20px}.hero-explore{display:flex;width:220px;margin:20px 0 0;font-size:16px}.hero-bottom{font-size:14px;letter-spacing:.5px}.hero-visual figcaption{font-size:14px;right:12px;letter-spacing:0}.image-word{bottom:60px}.service-list strong{font-size:21px}.gallery-grid{grid-template-columns:1fr}.gallery-grid figure:nth-child(2),.gallery-grid figure:last-child{margin-top:0;width:100%}.gallery-grid img{aspect-ratio:1.2}.gallery-grid figcaption{font-size:18px}.gallery-grid small,.service-note,.image-note{font-size:14px}.faq-list summary{font-size:18px}.faq-list p{font-size:17px}footer p{font-size:16px}footer>small{font-size:14px}.mobile-book{gap:7px;padding-left:4%;padding-right:4%}.mobile-book a{font-size:16px}.mobile-book a:last-child{flex:1.2}.booking h2{font-size:29px}.header nav{font-size:16px}}