:root{--paper:#f2eee6;--ink:#211d18;--muted:#746c60;--gold:#a47635;--line:rgba(33,29,24,.17);--dark:#171411}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif SC","Songti SC","STSong",serif;line-height:1.85}a{color:inherit;text-decoration:none}img{display:block;width:100%}.wrap{width:min(1220px,calc(100% - 96px));margin:auto}.eyebrow{font:600 .72rem/1.3 ui-sans-serif,system-ui;letter-spacing:.24em;color:var(--gold)}
header{height:76px;background:#15120f;color:#fff;display:flex;align-items:center;position:sticky;top:0;z-index:10}nav{width:min(1380px,calc(100% - 72px));margin:auto;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-size:1rem;letter-spacing:.22em}.brand img{width:34px;height:34px;filter:brightness(0) saturate(100%) invert(79%) sepia(30%) saturate(738%) hue-rotate(354deg) brightness(89%)}.links{display:flex;gap:34px;font-size:.84rem;letter-spacing:.13em}.active{color:#d5b176}
.hero{min-height:78vh;display:grid;align-items:end;color:#fff;background:linear-gradient(90deg,rgba(12,9,6,.82),rgba(12,9,6,.18)),url('/assets/furniture/grain-detail.webp') center/cover;padding:130px 0 90px}.hero h1{font-size:clamp(3.7rem,8vw,7.8rem);font-weight:400;letter-spacing:.25em;line-height:1;margin:24px 0}.hero p{font-size:1.2rem;letter-spacing:.15em;color:#ddd5c8}.hero small{display:block;max-width:610px;color:#bdb4a7;font-size:.88rem;margin-top:18px}
.intro{padding:120px 0}.intro-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw}.intro h2{font-size:clamp(2.1rem,3.5vw,3.3rem);font-weight:400;letter-spacing:.14em;line-height:1.55;margin:0}.lead{font-size:1.4rem;line-height:1.75;margin:0 0 22px}.intro p{color:var(--muted)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:75px}.principle{background:var(--paper);padding:34px}.principle b{display:block;font-size:1.1rem;font-weight:400;letter-spacing:.1em;margin:12px 0}.principle p{font-size:.88rem;margin:0}
.topics{padding:120px 0;background:var(--dark);color:#eee8de}.section-head{display:grid;grid-template-columns:130px 1fr;gap:30px;margin-bottom:60px}.section-head h2{font-size:clamp(2.3rem,4vw,4rem);font-weight:400;letter-spacing:.16em;margin:0}.section-head p{color:#aaa196;max-width:570px}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #ffffff25}.topic{min-height:300px;padding:42px;border-right:1px solid #ffffff25;border-bottom:1px solid #ffffff25;transition:.3s}.topic:nth-child(2n){border-right:0}.topic:hover{background:#211d18}.topic h3{font-size:1.65rem;font-weight:400;letter-spacing:.1em;margin:48px 0 12px}.topic p{color:#aaa196;max-width:460px}.topic .more{display:block;margin-top:25px;color:#d3ae72;font-size:.84rem}
.observe{padding:130px 0}.observe-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.observe-image{position:relative}.observe-image img{height:620px;object-fit:cover}.observe-image span{position:absolute;left:18px;bottom:16px;background:#171411;color:#fff;padding:8px 13px;font:600 .65rem ui-sans-serif,system-ui;letter-spacing:.12em}.observe-copy h2{font-size:clamp(2.2rem,4vw,3.7rem);font-weight:400;letter-spacing:.13em;line-height:1.45;margin:15px 0 30px}.steps{border-top:1px solid var(--line);margin-top:35px}.step{display:grid;grid-template-columns:45px 1fr;padding:20px 0;border-bottom:1px solid var(--line)}.step em{font:600 .72rem ui-sans-serif,system-ui;color:var(--gold);font-style:normal}.step b{font-weight:400}.step p{color:var(--muted);font-size:.9rem;margin:4px 0 0}
.buying{padding:120px 0;background:#ded6c9}.buying-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.buying h2{font-size:clamp(2.2rem,3.8vw,3.6rem);font-weight:400;letter-spacing:.13em;line-height:1.5;margin:14px 0}.checklist{counter-reset:item;border-top:1px solid #aaa093}.check{counter-increment:item;display:grid;grid-template-columns:52px 1fr;padding:25px 0;border-bottom:1px solid #aaa093}.check:before{content:"0" counter(item);font:600 .7rem ui-sans-serif,system-ui;color:var(--gold)}.check b{font-weight:400;font-size:1.05rem}.check p{margin:4px 0 0;color:#6e675d;font-size:.9rem}
.warning{padding:110px 0}.warning-box{display:grid;grid-template-columns:.8fr 1.2fr;background:#a8793f;color:#fff;padding:65px;gap:7vw}.warning-box h2{font-size:2.2rem;font-weight:400;letter-spacing:.12em;margin:12px 0}.warning-box p{color:#f2e7d7}.cta{display:inline-flex;gap:20px;border-bottom:1px solid currentColor;padding-bottom:7px;margin-top:20px;font-size:.87rem;letter-spacing:.12em}
footer{background:#11100e;color:#aaa298;padding:52px 0}.foot{display:flex;justify-content:space-between;font:500 .7rem ui-sans-serif,system-ui;letter-spacing:.1em}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}nav{width:calc(100% - 36px)}.links a:not(.active){display:none}.hero{min-height:65vh;padding-bottom:60px}.hero h1{font-size:3.5rem}.intro-grid,.observe-grid,.buying-grid,.warning-box{grid-template-columns:1fr;gap:40px}.principles{grid-template-columns:1fr}.topic-grid{grid-template-columns:1fr}.topic{border-right:0;min-height:260px;padding:30px}.section-head{grid-template-columns:1fr;gap:12px}.observe-image img{height:430px}.warning-box{padding:38px 28px}.foot{gap:22px;flex-direction:column}}