:root{--night:#1C0F14;--night-2:#26141B;--night-3:#3A1F29;--bone:#EFE5D6;--bone-2:#B9A89E;--ash:#86707A;--line:rgba(239,229,214,.12);--gold:#D4A24C;--gold-soft:rgba(212,162,76,.14);--c-strengthen:#C4566B;--c-emit:#D4A24C;--c-operate:#6F93AD;--c-conjure:#94A55E;--c-transmute:#B08FA4;--serif:"Noto Serif TC","Noto Serif JP",serif;--sans:"Noto Sans TC",system-ui,sans-serif;--jp:"Noto Serif JP","Noto Serif TC",serif;--latin:"Cormorant Garamond",serif;--ease:cubic-bezier(.16,1,.3,1)}.band-light{--night:#F2E7E1;--night-2:#E8DAD3;--night-3:#D6C2BB;--bone:#2A181E;--bone-2:#5E4A50;--ash:#806B72;--line:rgba(42,24,30,.13);--gold:#9E6F22;--gold-soft:rgba(158,111,34,.12);--c-strengthen:#A1324A;--c-emit:#9E6F22;--c-operate:#3E6683;--c-conjure:#5E7030;--c-transmute:#85607A}.band-wine{--night:#3D0F1A;--night-2:#4B1623;--night-3:#5E2030;--ash:#BC9CA4;--line:rgba(239,229,214,.16)}:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 72px);scroll-behavior:smooth;background:#1c0f14}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--night);color:var(--bone);font-family:var(--sans);font-weight:300;line-height:1.85;font-size:15.5px;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}::selection{background:#d4a24c59}.num{font-variant-numeric:tabular-nums}@view-transition{navigation:auto;}::view-transition-old(root){animation:vt-out .35s var(--ease) both}::view-transition-new(root){animation:vt-in .55s var(--ease) both}@keyframes vt-out{to{opacity:0;filter:blur(3px)}}@keyframes vt-in{0%{opacity:0;filter:blur(4px);transform:translateY(6px)}}.vt-mark{view-transition-name:site-mark}.progress{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#94603a,#d4a24c);z-index:60;pointer-events:none}.top{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);background:linear-gradient(#1c0f14 30%,#1c0f1400);transition:background .35s,border-color .35s;border-bottom:1px solid transparent}.top.solid{background:#1c0f14f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#efe5d614}.top-in{max-width:1240px;margin:0 auto;padding:18px 40px;display:flex;align-items:center;gap:36px;color:#efe5d6}.mark{font-family:var(--serif);font-weight:500;font-size:20px;letter-spacing:.2em;display:inline-flex;gap:.02em}.mark span{display:inline-block;transition:transform .5s var(--ease),color .3s}.mark:hover span{transform:translateY(-3px)}.mark:hover span:last-child{color:#d4a24c}.mark span:nth-child(2){transition-delay:.03s}.mark span:nth-child(3){transition-delay:.06s}.mark span:nth-child(4){transition-delay:.09s}.mark span:nth-child(5){transition-delay:.12s}.mark span:nth-child(6){transition-delay:.15s}.nav{display:flex;gap:26px;font-size:13.5px;color:#b9a89e}.nav a{position:relative;padding:4px 0;transition:color .3s}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#d4a24c;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}.nav a:hover{color:#efe5d6}.nav a:hover:after,.nav a.on:after{transform:scaleX(1);transform-origin:left}.btn-gold{position:relative;overflow:hidden;display:inline-block;margin-left:auto;font-size:13px;color:#1c0f14;background:#d4a24c;padding:7px 16px;transition:transform .3s var(--ease)}.btn-gold:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);transition:left .7s var(--ease)}.btn-gold:hover{transform:translateY(-1px)}.btn-gold:hover:after{left:120%}.menu-btn{display:none;margin-left:auto;width:40px;height:40px;position:relative}.menu-btn i{position:absolute;left:10px;right:10px;height:1px;background:#efe5d6;transition:transform .4s var(--ease),top .4s var(--ease)}.menu-btn i:first-child{top:16px}.menu-btn i:last-child{top:23px}.menu-open .menu-btn i:first-child{top:20px;transform:rotate(45deg)}.menu-open .menu-btn i:last-child{top:20px;transform:rotate(-45deg)}.drawer{position:fixed;inset:0;z-index:45;background:#1c0f14f7;display:flex;flex-direction:column;justify-content:center;padding:80px 32px;gap:6px;opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}.drawer a{font-family:var(--serif);font-size:28px;color:#efe5d6;padding:8px 0;border-bottom:1px solid rgba(239,229,214,.1);opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.menu-open .drawer{opacity:1;pointer-events:auto}.menu-open .drawer a{opacity:1;transform:none}.menu-open .drawer a:nth-child(2){transition-delay:.04s}.menu-open .drawer a:nth-child(3){transition-delay:.08s}.menu-open .drawer a:nth-child(4){transition-delay:.12s}.menu-open .drawer a:nth-child(5){transition-delay:.16s}.menu-open .drawer a:nth-child(6){transition-delay:.2s}@media (max-width:820px){.nav,.top-in>.btn-gold{display:none}.menu-btn{display:block}.top-in{padding:12px 20px}}.sec{padding:96px 40px;position:relative;background:var(--night);color:var(--bone)}.sec-grid{display:grid;grid-template-columns:96px minmax(0,1fr);gap:40px;max-width:1160px;margin:0 auto}.side{display:flex;flex-direction:column;align-items:center;gap:14px}.sn{font-family:var(--jp);font-weight:300;font-size:46px;line-height:1;color:var(--night-3);transition:color 1.6s var(--ease)}.in .sn{color:var(--bone)}.sl{width:1px;height:0;background:var(--line);transition:height 1.2s var(--ease) .2s}.in .sl{height:36px}.se{writing-mode:vertical-rl;font-family:var(--latin);font-weight:500;font-size:22px;letter-spacing:.26em;color:var(--bone-2);opacity:0;transform:translateY(-8px);transition:opacity 1.2s var(--ease) .4s,transform 1.2s var(--ease) .4s}.in .se{opacity:1;transform:none}.sec-head .sub{font-size:14px;color:var(--ash)}.sec-head h2{font-family:var(--serif);font-weight:500;font-size:clamp(26px,3.2vw,38px);line-height:1.35;margin-top:2px}@media (max-width:780px){.sec{padding:64px 20px}.sec-grid{grid-template-columns:1fr;gap:14px}.side{flex-direction:row}.sn{font-size:30px}.sl{width:0;height:1px!important;transition:width 1.2s var(--ease) .2s}.in .sl{width:28px}.se{writing-mode:horizontal-tb;font-size:17px;letter-spacing:.2em;transform:translate(-8px)}}.rv{opacity:0;filter:blur(6px);transform:translateY(8px);transition:opacity 1s var(--ease),filter 1s var(--ease),transform 1s var(--ease);transition-delay:calc(var(--i,0) * 70ms)}.in .rv,.rv.in{opacity:1;filter:none;transform:none}footer.site-foot{padding:32px max(40px,calc((100% - 1160px)/2)) 44px;background:#1c0f14;border-top:1px solid rgba(239,229,214,.08);display:flex;gap:24px;flex-wrap:wrap;font-size:12.5px;color:#86707a}footer.site-foot span:last-child{margin-left:auto}footer.site-foot a:hover{color:#efe5d6}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.rv{opacity:1;filter:none;transform:none}.sn{color:var(--bone)}.sl{height:36px}.se{opacity:1;transform:none}@view-transition{navigation:none;}}