@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;600;700&display=swap');
:root{--ink:#242d2c;--paper:#f8f6f1;--muted:#6a706b;--line:#dcded5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC',sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;z-index:99;background:white;padding:10px}.top{display:flex;justify-content:space-between;align-items:center;padding:23px 5vw;border-bottom:1px solid var(--line);gap:24px}.brand{font-family:'Noto Serif TC',serif;font-size:24px;font-weight:700;letter-spacing:.12em}.brand small{display:block;font-family:sans-serif;font-size:9px;letter-spacing:.3em;color:var(--muted)}nav{display:flex;align-items:center;gap:28px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;background:var(--accent);color:white;font-size:13px;letter-spacing:.08em;border:1px solid var(--accent)}.button.ghost{background:transparent;color:var(--ink);border-color:#aaa}.hero{position:relative;margin:24px 2vw 0;min-height:680px;height:76vh;max-height:880px;display:flex;align-items:flex-end;color:white;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,26,30,.55),transparent 85%),linear-gradient(0deg,rgba(8,26,30,.35),transparent 60%)}.hero-copy{position:relative;z-index:1;padding:65px 6vw;width:100%}.eyebrow{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);font-weight:600}.hero .eyebrow{color:#fff}h1,h2,h3{font-family:'Noto Serif TC',serif;font-weight:600;line-height:1.5}h1{font-size:clamp(35px,4.4vw,68px);letter-spacing:.06em;margin:20px 0 28px}h2{font-size:clamp(26px,3vw,39px);margin:12px 0 24px}h3{font-size:22px;margin:16px 0 8px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:25px}.hero-bottom p{font-size:13px;letter-spacing:.12em}.hero .button{background:var(--paper);border-color:var(--paper);color:var(--ink)}.wrap{max-width:1200px;margin:auto;padding:90px 32px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.intro p{max-width:510px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.section-head h2{margin-bottom:0}.section-head a{font-size:13px;border-bottom:1px solid;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 30px}.card{min-width:0}.card-image{aspect-ratio:1.5;overflow:hidden;background:#e5e5dc}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover img{transform:scale(1.03)}.card p{color:var(--muted);font-size:14px}.card .meta{font-size:11px;letter-spacing:.15em;color:var(--accent);margin-top:18px}.card .arrow{font-size:13px;border-bottom:1px solid;display:inline-block}.band{background:#eceee6}.band .wrap{padding-top:65px;padding-bottom:65px}.planning{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.planning a{border-top:1px solid #b9c0b4;padding-top:24px}.planning p{color:var(--muted);font-size:14px}.page-title{padding-bottom:35px}.page-title h1{font-size:clamp(30px,4vw,54px);margin:15px 0}.crumb{font-size:12px;color:var(--muted)}.room-lead{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.room-lead>img{width:100%;aspect-ratio:1.3;object-fit:cover}.facts{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.facts span{padding:7px 14px;border:1px solid var(--line);font-size:12px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}.gallery img{width:100%;aspect-ratio:1.35;object-fit:cover}.prose{max-width:820px;margin:0 auto;overflow-wrap:anywhere}.prose p{margin:1em 0}.prose img{width:auto;height:auto;max-height:680px;margin:25px auto}.prose h1,.prose h2,.prose h3{font-size:24px}.prose a{color:var(--accent);text-decoration:underline}.prose table{width:100%;border-collapse:collapse;display:block;overflow:auto}.prose td,.prose th{padding:10px;border:1px solid var(--line)}.notice{font-size:13px;color:var(--muted);padding:18px 22px;background:#eeeee7;border-left:2px solid var(--accent);margin:20px 0 35px}.contact{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid var(--line);padding-top:50px}.contact h2{font-size:30px}footer{border-top:1px solid var(--line);padding:35px 5vw;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.footer-links{display:flex;gap:18px}.empty-photo{padding:55px 25px;background:#eceee6;text-align:center;color:var(--muted)}@media(max-width:750px){.top{padding:18px 20px;flex-wrap:wrap;gap:15px}.brand{font-size:20px}nav{gap:18px;overflow:auto;width:100%;font-size:12px;white-space:nowrap;padding-bottom:3px}nav .button{padding:6px 13px}.hero{min-height:570px;height:75vh;margin:12px 12px 0}.hero-copy{padding:35px 24px}.hero-bottom{align-items:start;flex-direction:column}.hero-bottom p{margin:0}.wrap{padding:60px 22px}.intro{grid-template-columns:1fr;gap:10px}.cards{gap:35px 16px}.card h3{font-size:18px}.card p{font-size:12px}.planning{grid-template-columns:1fr;gap:25px}.room-lead{grid-template-columns:1fr;gap:25px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact{align-items:start;flex-direction:column;gap:5px}footer{flex-direction:column}.section-head{align-items:start}.prose{font-size:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}