:root{--paper:#f2f0e9;--ink:#45462e;--wine:#643643;--acid:#dce44b;--line:#45462e3d;--serif:Georgia,"Times New Roman",serif;--sans:Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--page:clamp(22px,5.4vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{width:100%;height:auto;display:block}::selection{background:var(--acid);color:var(--ink)}.skip-link{z-index:100;background:var(--acid);padding:10px 14px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{height:82px;padding:0 var(--page);border-bottom:1px solid var(--line);z-index:20;background:var(--paper);justify-content:space-between;align-items:center;display:flex;position:relative}.wordmark{align-items:baseline;gap:12px;display:flex}.wordmark-main,.footer-brand{font:italic 24px var(--serif);letter-spacing:-1.3px}.wordmark-cn{letter-spacing:.16em;font-size:11px}.primary-nav{letter-spacing:.08em;align-items:center;gap:clamp(24px,4vw,64px);font-size:12px;display:flex}.primary-nav a{position:relative}.primary-nav a:hover,.site-footer a:hover{color:var(--wine)}.primary-nav i{font:10px var(--serif);color:var(--wine);margin-left:2px}.nav-cart{align-items:center;gap:10px;display:flex}.cart-count{background:var(--acid);letter-spacing:0;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:inline-grid}.menu-toggle{display:none}.site-footer{padding:65px var(--page) 24px;background:var(--ink);color:var(--paper)}.footer-top{grid-template-columns:1.2fr 1fr 1fr;align-items:start;gap:24px;padding-bottom:70px;display:grid}.footer-brand{font-size:32px}.footer-brand span{font:11px var(--sans);letter-spacing:.16em;margin-top:4px;display:block}.footer-top p{font:clamp(22px,3vw,38px)/1.35 var(--serif);margin:0}.footer-top nav{justify-items:start;gap:11px;font-size:12px;display:grid}.footer-bottom{letter-spacing:.1em;border-top:1px solid #f2f0e952;justify-content:space-between;padding-top:17px;font-size:10px;display:flex}.site-announcer{opacity:0;pointer-events:none;background:var(--ink);color:var(--paper);z-index:50;padding:11px 18px;font-size:13px;transition:all .2s;position:fixed;bottom:16px;left:50%;transform:translate(-50%,18px)}.site-announcer.is-visible{opacity:1;transform:translate(-50%)}.eyebrow{letter-spacing:.22em;text-transform:uppercase;font-size:10px}.serif{font-family:var(--serif)}.button{background:var(--ink);min-height:50px;color:var(--paper);border:1px solid var(--ink);letter-spacing:.08em;justify-content:center;align-items:center;padding:0 24px;font-size:12px;transition:all .2s;display:inline-flex}.button:hover{background:var(--wine);border-color:var(--wine)}.button-light{color:var(--ink);background:0 0}.button-light:hover{color:var(--paper)}.section-kicker{letter-spacing:.16em;align-items:center;gap:12px;font-size:10px;display:flex}.section-kicker:before{content:"";background:currentColor;width:26px;height:1px}.muted{opacity:.72}.inline-arrow{margin-left:14px;font-size:18px}@media (width<=700px){.site-header{height:68px}.wordmark-main{font-size:22px}.menu-toggle{cursor:pointer;background:0 0;border:0;place-content:center;gap:6px;width:42px;height:42px;display:grid}.menu-toggle span{background:var(--ink);width:22px;height:1px;transition:all .2s}.menu-open .menu-toggle span:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.primary-nav{background:var(--paper);padding:28px var(--page) 34px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:22px;display:none;position:absolute;inset:67px 0 auto}.menu-open .primary-nav{display:flex}.primary-nav a{font-size:14px}.footer-top{grid-template-columns:1fr 1fr;padding-bottom:42px}.footer-top p{grid-area:1/2}.footer-top nav{grid-column:1/-1;grid-template-columns:1fr 1fr;margin-top:10px}.footer-bottom{flex-wrap:wrap;gap:12px}.footer-bottom span:nth-child(2){order:3;width:100%}}:focus-visible{outline:2px solid var(--wine);outline-offset:5px}.variant-option:has(input:focus-visible){outline:2px solid var(--wine);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}
