@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&family=Outfit:wght@200;300;400;500;600&display=swap");*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden;background:#faf0ee;color:#12302a}:root{--bg:#faf0ee;--bg2:#f2e4e1;--ink:#12302a;--ink2:#2a4f47;--ink3:#6b8f87;--wine:#1e6b5a;--wine2:#28856f;--gold:#e8a5a0;--gold2:#f5c6c2;--cream:#fdf6f5}.tnav{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .5s;padding:0 clamp(20px,4vw,56px);height:64px;display:flex;align-items:center;justify-content:space-between}.tnav.solid{background:rgba(246,241,234,.92);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 1px 0 rgba(0,0,0,.04)}.tnav .logo{background:none;border:none;cursor:pointer;font-family:Playfair Display,serif;font-size:18px;font-weight:600;font-style:italic;color:var(--wine);text-decoration:none}.lsw{display:inline-flex;border:1px solid rgba(107,143,135,.25);border-radius:2px;overflow:hidden}.lsw button{background:none;border:none;border-right:1px solid rgba(107,143,135,.15);padding:6px 12px;font-family:Outfit,sans-serif;font-size:11px;font-weight:500;letter-spacing:1.5px;cursor:pointer;color:var(--ink3);transition:all .3s}.lsw button:last-child{border-right:none}.lsw button:hover{color:var(--wine)}.lsw button.on{background:var(--wine);color:var(--cream);border-color:var(--wine)}.nvl{background:none;border:none;font-family:Outfit,"Noto Serif TC",sans-serif;font-size:11px;font-weight:400;letter-spacing:2.5px;text-transform:uppercase;color:var(--ink3);cursor:pointer;padding:8px 0;transition:color .3s;min-height:44px;display:flex;align-items:center;text-decoration:none}.nvl.active,.nvl:hover{color:var(--wine)}.nvl.active{font-weight:500}.hbg{display:none;background:none;border:none;cursor:pointer;width:44px;height:44px;position:relative;z-index:1001}.hbg i{position:absolute;left:10px;width:24px;height:1.5px;background:var(--ink);transition:all .4s}.hbg i:first-child{top:14px}.hbg i:nth-child(2){top:21px}.hbg i:nth-child(3){top:28px}.hbg.x i:first-child{transform:rotate(45deg);top:21px}.hbg.x i:nth-child(2){opacity:0}.hbg.x i:nth-child(3){transform:rotate(-45deg);top:21px}.mob{position:fixed;inset:0;background:var(--bg);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;opacity:0;pointer-events:none;transition:opacity .4s}.mob.show{opacity:1;pointer-events:all}.mob .nvl{font-size:15px;letter-spacing:4px;min-height:48px}@media (max-width:900px){.hbg{display:flex;align-items:center;justify-content:center}.dsk{display:none!important}}@media (max-width:768px){.tnav{height:56px;padding:0 20px}}.content-fade-in,.page-fade-in{animation:page-fade-in .52s cubic-bezier(.22,1,.36,1) both}.page-fade-in:has(>.loading-screen){animation:none}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.content-fade-in,.page-fade-in{animation:none}}