:root{
  --font-head:"Noto Serif TC","Cormorant Garamond",serif;--font-body:"Noto Sans TC",system-ui,sans-serif;
  --r-card:10px;--r-btn:8px;--r-pill:99px;
  --btn-border:1px solid transparent;--tile-border:1px solid var(--line);--shadow:none;--nav-border:1px solid var(--line);
  --bg:#f4f0e8;--surface:#fbf9f4;--ink:#1d1b18;--muted:#6c665d;--line:#d9d2c4;--accent:#8c3b2e;--accent2:#b79b5d;
  --btn-bg:#1d1b18;--btn-ink:#f4f0e8;--chip-bg:#1d1b18;--chip-ink:#f4f0e8;--nav-bg:rgba(244,240,232,.92);
  --bar-bg:#1d1b18;--bar-ink:#e9e2d2;--band-bg:#1d1b18;--band-ink:#f4f0e8;
  --ph-s:22%;--ph-l1:80%;--ph-l2:66%;--on-accent:#fff;
}
h1{font-weight:600;letter-spacing:.06em}
h2{font-weight:600;letter-spacing:.04em}
.eyebrow{font-family:"Cormorant Garamond",serif;font-size:15px}
.tile{padding:14px}
.tile .ph{outline:1px solid var(--line);outline-offset:6px;margin:6px 6px 0}
.tile .cap{padding:18px 6px 6px;font-size:13px;letter-spacing:.04em;flex-direction:column;gap:2px}
.tile .cap b{font-family:"Cormorant Garamond",serif;font-size:15px;letter-spacing:.12em;color:var(--accent)}
.hero-art .ph{outline:1px solid var(--ink);outline-offset:12px;margin:12px}
.hero h1{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:14px 0;margin-bottom:20px;display:inline-block}
.btn{letter-spacing:.2em;font-weight:500}