:root{--ink:#494745;--muted:#77736e;--line:#d2d0cb;--paper:#f7f7f5;--accent:#7e8063}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC",sans-serif;font-size:16px;font-weight:300;letter-spacing:.035em}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input,textarea{color:inherit;font:inherit}.site-header{position:absolute;z-index:20;inset:0 0 auto;height:126px;padding:0 44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.header-brands{display:flex;align-items:center;gap:38px;transition:opacity .3s}.brand{display:flex;align-items:center;gap:14px;width:max-content}.brand img{width:68px;height:68px;object-fit:contain}.brand span,.brand-note{font-size:14px;line-height:1.55;letter-spacing:.14em}.brand-note{margin:0;color:#6f6c68;text-align:center;transition:opacity .3s}.header-mark,.menu-symbol{width:70px;height:70px;display:block;position:relative;border:1px solid #777}.header-mark:before,.header-mark:after,.header-mark i,.menu-symbol:before,.menu-symbol:after,.menu-symbol i{content:"";position:absolute;background:#777}.header-mark:before,.menu-symbol:before{width:1px;inset:0 auto 0 50%}.header-mark:after,.menu-symbol:after{height:1px;inset:50% 0 auto}.header-mark i:first-child,.menu-symbol i:first-child{width:86px;height:1px;left:-8px;top:18px;transform:rotate(-25deg)}.header-mark i:last-child,.menu-symbol i:last-child{width:1px;height:84px;left:18px;top:-7px;transform:rotate(25deg)}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:20px}.search-button{width:48px;height:48px;border:1px solid #aaa;background:transparent;font-size:22px;line-height:1}.header-actions>a{width:198px;height:48px;padding:0 20px;border:1px solid #aaa;display:flex;align-items:center;justify-content:space-between;font-size:15px}.menu-toggle{width:64px;height:48px;padding:0 5px;border:0;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:12px;cursor:pointer}.menu-toggle i{display:block;width:48px;height:1px;background:#555;transform-origin:center;transition:transform .35s}.menu-open .menu-toggle i:first-child{transform:translateY(6.5px) rotate(42deg)}.menu-open .menu-toggle i:last-child{transform:translateY(-6.5px) rotate(-42deg)}.menu-open .header-brands,.menu-open .brand-note,.menu-open .search-button{opacity:0;pointer-events:none}.menu{position:fixed;z-index:15;inset:0;background:#f5f5f3;display:grid;grid-template-columns:50% 50%;transform:translateY(-100%);transition:transform .65s cubic-bezier(.76,0,.24,1);overflow:hidden}.menu.open{transform:none}.menu:after{content:"";position:absolute;right:-15px;top:38%;width:34px;height:220px;background:#c8c7b7}.menu-visual{position:relative;background:linear-gradient(rgba(239,239,236,.45),rgba(239,239,236,.45)),url('../images/home-paper-texture.jpg') center/cover}.menu-visual>img{position:absolute;left:11%;top:25%;width:88%;height:48%;object-fit:cover;filter:grayscale(.75);}.menu-dots{position:absolute;right:-14px;top:45%;display:grid;gap:18px;z-index:2}.menu-dots i{width:8px;height:8px;border-radius:50%;background:#ccc}.menu-dots i:first-child{background:#555}.menu-content{padding:23vh 8vw 5vh 8.5vw;position:relative;display:flex;flex-direction:column}.menu-identity{display:flex;align-items:center;gap:50px;margin-bottom:7vh}.menu-identity>a{display:flex;align-items:center;gap:18px}.menu-identity img{width:100px;height:100px;object-fit:contain}.menu-identity a span{font-size:17px;line-height:1.5;letter-spacing:.14em}.menu-symbol{width:90px;height:90px}.menu-links{display:grid;grid-template-columns:repeat(4,max-content);gap:28px 48px;margin-bottom:7vh}.menu-links>a{font:400 22px "Noto Serif TC"}.menu-contact{padding-bottom:35px;border-bottom:1px solid #ccc}.menu-contact p{font-size:17px;line-height:1.85}.menu-social{display:grid;grid-template-columns:1fr 1fr;margin-top:25px}.menu-social>div{padding:0 28px;border-left:1px solid #ccc;display:flex;flex-direction:column;gap:16px}.menu-social b{font:400 18px "Noto Serif TC"}.menu-social span{display:flex;gap:20px;font-size:14px}.menu-copyright{position:absolute;right:8vw;bottom:4vh;font-size:13px;letter-spacing:.08em;color:#888}footer{height:120px;padding:0 11vw;display:flex;justify-content:center;align-items:center;gap:35px;color:#888;font-size:14px}footer i{width:280px;height:1px;background:#ccc}@media(max-width:1100px){.menu-content{padding-left:6vw;padding-right:5vw}.menu-links{grid-template-columns:repeat(3,max-content);gap:24px 35px}.menu-links>a{font-size:19px}.menu-contact p{font-size:15px}.menu-identity img{width:75px;height:75px}}@media(max-width:900px){.site-header{height:90px;padding:0 5vw;grid-template-columns:1fr auto}.brand-note,.search-button,.header-actions>a,.brand span,.header-mark{display:none}.header-brands{gap:0}.brand img{width:52px;height:52px}.menu-toggle{width:44px}.menu-toggle i{width:38px}.menu{display:flex;flex-direction:column;padding:110px 8vw 45px;overflow:auto}.menu:after,.menu-visual,.menu-identity,.menu-contact,.menu-social,.menu-copyright{display:none}.menu-content{display:block;padding:0}.menu-links{display:flex;flex-direction:column;gap:18px;margin:0}.menu-links>a{font:400 21px "Noto Serif TC"}.menu-open .header-brands{opacity:1}.menu-open .brand img{filter:none}}@media(max-width:700px){body{font-size:15px}footer{padding:0 6vw;text-align:center}footer i{display:none}}