:root{color-scheme:dark;--canvas:#171613;--text:#f5eee5;--muted:#beb6aa;--accent:#ff9b64;--line:#49433a;--surface:#211f1a}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--canvas);color:var(--text);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}html[lang=en] [lang=zh-CN],html[lang=zh-CN] [lang=en]{display:none}
a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.masthead{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:24px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:18px;letter-spacing:.08em;font-weight:750}.brand img{border-radius:10px}.brand-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav a{text-decoration:none;padding-block:12px}button{font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:30px;padding:10px 18px;min-height:44px;cursor:pointer}button:hover{border-color:var(--accent)}.skip{position:fixed;left:16px;top:-100px;z-index:10;background:var(--canvas);padding:12px}.skip:focus{top:12px}
.hero{position:relative;min-height:660px;display:flex;align-items:center;isolation:isolate;overflow:hidden;border-radius:4px}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,17,15,.85),rgba(18,17,15,.5) 40%,transparent 74%);z-index:-1}.hero-copy{max-width:680px;padding:56px 48px 88px}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:650;color:var(--accent);margin:0 0 24px}h1{font-size:clamp(42px,4.6vw,66px);font-weight:550;line-height:1.1;letter-spacing:-.045em;margin:0 0 26px}h1 em{font-family:Georgia,serif;color:var(--accent);font-weight:400}html[lang=zh-CN] h1{letter-spacing:-.025em;font-size:clamp(36px,4.3vw,60px)}.lead{max-width:390px;color:#ddd3c6;font-size:17px;line-height:1.8;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--text);color:var(--canvas);text-decoration:none;padding:14px 22px;border-radius:4px;font-size:14px;font-weight:650}.button:hover{background:var(--accent);color:var(--canvas)}.hero-caption{position:absolute;bottom:24px;left:48px;color:#ddd3c6;font-size:11px;letter-spacing:.05em}.products{padding-block:100px 60px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;column-gap:60px;align-items:end;margin-bottom:48px}.section-heading .eyebrow{grid-column:1/-1}h2{font-size:clamp(30px,3vw,42px);line-height:1.2;letter-spacing:-.025em;font-weight:500;margin:0}p{color:var(--muted)}.section-heading>p:last-child{margin:0;justify-self:end}.product{padding:32px 0;border-top:1px solid var(--line)}.product-number{font-size:11px;letter-spacing:.12em;color:var(--accent);margin-bottom:26px}.product h3{font-size:25px;font-weight:550;letter-spacing:-.02em;line-height:1.3;margin:0 0 18px}.product p{font-size:15px;margin:0 0 24px;max-width:440px}.product a{font-size:13px;display:inline-block;padding-block:10px}.featured{display:grid;grid-template-columns:160px 1fr 280px;gap:40px;padding-block:40px 52px}.featured h3{font-size:32px}.featured .product-tagline{font-size:18px;color:var(--text);margin-bottom:16px}.reading-note{align-self:center;background:#eee3cd;color:#5b4830;padding:30px 32px;transform:rotate(3deg);box-shadow:8px 10px 0 #302a22;min-height:220px;font:11px/1.5 Georgia,serif;letter-spacing:.12em}.reading-note i{display:block;margin-top:20px;text-align:right}.book-lines{height:88px;margin-top:24px;background:repeating-linear-gradient(transparent 0 13px,#bcad96 13px 14px)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.product-grid .product{display:flex;flex-direction:column}.product-grid .product a{margin-top:auto;align-self:flex-start}.contact{border-top:1px solid var(--line);padding-block:76px 86px}.contact p{margin-block:24px}.email{font-size:clamp(18px,2vw,26px);overflow-wrap:anywhere}.email span{margin-left:20px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:28px;font-size:12px;color:var(--muted)}
html[lang=zh-CN] h1 em{font-style:normal;white-space:nowrap}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.hero{min-height:600px}.hero-copy{padding-inline:30px}.hero-caption{left:30px}.featured{grid-template-columns:1fr 220px;gap:24px}.featured .product-number{grid-column:1/-1;margin:0}.product-grid{gap:24px}.product h3{font-size:22px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.masthead{min-height:112px;flex-wrap:wrap;justify-content:center;gap:0;padding-block:16px}.brand{font-size:16px}nav{gap:24px;width:100%;justify-content:center;font-size:12px}nav button{padding:6px 14px}.hero{min-height:740px;align-items:flex-start}.hero-copy{padding:32px 22px;max-width:100%}.hero-art{object-position:62% bottom}.hero:before{background:linear-gradient(180deg,rgba(18,17,15,.94),rgba(18,17,15,.8) 40%,rgba(18,17,15,0) 76%)}.hero .eyebrow{font-size:9px;letter-spacing:.1em}.lead{font-size:15px;max-width:280px}.hero-caption{left:22px;bottom:16px;font-size:9px}.products{padding-block:60px 36px}.section-heading{display:block;margin-bottom:32px}.section-heading>p:last-child{margin-top:22px;font-size:14px}.featured{grid-template-columns:1fr;padding-bottom:36px}.featured h3{font-size:27px}.reading-note{display:none}.product-grid{grid-template-columns:1fr;gap:0}.product{padding-block:28px}.product-number{margin-bottom:16px}.contact{padding-block:48px 54px}footer{flex-wrap:wrap;gap:12px}footer>span:last-child{width:100%}}