@charset "UTF-8";
:root{--ink:#201d1a;--paper:#f3eee6;--cream:#ede6db;--muted:#746d66;--line:#d8d0c6;--dark:#24201c;--shell:min(1180px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.shell{width:var(--shell);margin:auto}
.site-header{background:#f8f5ef;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header-inner{height:70px;display:grid;grid-template-columns:190px 1fr auto;gap:24px;align-items:center}.brand img{max-height:37px;width:auto}.header-inner nav{display:flex;justify-content:center;gap:24px;font-size:12px;color:#6f6862}.header-download{background:#2a2622;color:#fff;padding:11px 17px;font-size:12px;font-weight:900}
.hero{padding:64px 0 0;background:#f1ebe1}.hero-inner{text-align:center}.eyebrow,.heading span,.intro aside span,.showcase-copy>span,.table-grid>div>span,.desktop-head span,.choice-title span,.content-copy>span,.faq-title span,.final-grid span{display:block;font-size:9px;letter-spacing:.17em;color:#8a6d59;font-weight:900;margin-bottom:13px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(56px,6.8vw,94px);line-height:.9;letter-spacing:-.055em;margin:18px 0 22px}.hero-lead{max-width:850px;margin:auto;font-size:16px;line-height:1.9;color:#675f58}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.primary{background:#27231f;color:#fff;padding:14px 18px;font-size:12px;font-weight:900}.secondary{border:1px solid #bdb2a6;padding:13px 18px;font-size:12px}.hero-image{margin:46px auto 0;background:#26211d;min-height:490px;display:grid;place-items:center;position:relative;padding:28px}.hero-image img{max-height:430px;width:auto;object-fit:contain}.hero-image figcaption{position:absolute;left:17px;bottom:13px;color:#9f948b;font-size:10px}
.gallery{padding:68px 0 92px;background:#fff}.heading{max-width:870px;margin-bottom:32px}.heading h2,.intro h2,.showcase-copy h2,.table-grid h2,.desktop-head h2,.choice-title h2,.content-copy h2,.faq-title h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(35px,4.3vw,56px);line-height:1.05;letter-spacing:-.04em;margin:0}.heading p{font-size:13px;line-height:1.8;color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:1fr .9fr 1.1fr;gap:12px}.gallery-grid figure{margin:0;background:#f1ede7;border:1px solid var(--line);padding:17px;min-height:445px;display:flex;flex-direction:column}.gallery-grid img{height:345px;width:100%;object-fit:contain}.gallery-grid figcaption{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.gallery-grid b{display:block;font-size:13px;margin-bottom:5px}.gallery-grid span{font-size:11px;line-height:1.55;color:var(--muted)}
.intro{padding:88px 0;background:#e9e1d5}.intro-grid{display:grid;grid-template-columns:350px 1fr;gap:90px}.intro article{columns:2;column-gap:34px}.intro article p{break-inside:avoid;margin:0 0 18px;font-size:13px;line-height:1.9;color:#615a54}
.mobile-showcase{padding:96px 0;background:#fff}.showcase-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;align-items:center}.showcase-copy>p{font-size:13px;line-height:1.85;color:var(--muted)}.showcase-copy ul{list-style:none;padding:0;margin:26px 0;border-top:1px solid var(--line)}.showcase-copy li{display:grid;grid-template-columns:105px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.showcase-copy li span{color:var(--muted)}
.mobile-images{min-height:560px;position:relative;background:#ece6de}.mobile-images figure{position:absolute;margin:0;background:#28231f;padding:24px 19px 40px;box-shadow:0 20px 38px rgba(54,45,38,.16)}.mobile-images img{max-height:420px;width:auto;object-fit:contain}.mobile-images figcaption{position:absolute;left:12px;bottom:10px;color:#9b9189;font-size:9px}.mobile-images .a{left:9%;top:32px;transform:rotate(-3deg)}.mobile-images .b{right:9%;bottom:25px;transform:rotate(4deg) scale(.88)}
.table-view{padding:92px 0;background:#26221e;color:#fff}.table-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:75px;align-items:center}.table-grid figure{margin:0;background:#15120f;min-height:500px;padding:27px;display:grid;place-items:center;position:relative}.table-grid figure img{max-height:430px;width:auto;object-fit:contain}.table-grid figcaption{position:absolute;left:15px;bottom:12px;color:#82776f;font-size:10px}.table-grid h2{color:#fff}.table-grid p{font-size:13px;line-height:1.85;color:#bcb2aa}
.desktop-showcase{padding:96px 0;background:#f5f1ea}.desktop-head{max-width:820px;margin-bottom:34px}.desktop-head p{font-size:13px;line-height:1.8;color:var(--muted)}.desktop-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:13px}.desktop-image{margin:0;background:#dcd5cb;min-height:535px;padding:30px;display:grid;place-items:center;position:relative}.desktop-image img{max-height:430px;max-width:95%;object-fit:contain}.desktop-image figcaption{position:absolute;left:15px;bottom:12px;color:#746a62;font-size:10px}.desktop-notes{display:grid;gap:11px}.desktop-notes article{background:#fff;border:1px solid var(--line);padding:23px}.desktop-notes b{font-size:15px}.desktop-notes p{margin:50px 0 0;font-size:12px;line-height:1.7;color:var(--muted)}
.choice{padding:88px 0;background:#fff}.choice-grid{display:grid;grid-template-columns:340px 1fr;gap:80px}.choice-list{border-top:1px solid var(--line)}.choice-list>div{display:grid;grid-template-columns:190px 1fr 130px;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.choice-list span{color:var(--muted)}.choice-list a{text-align:right;font-weight:900;color:#6f4f3a}
.content{padding:92px 0;background:#ded5c9}.content-grid{display:grid;grid-template-columns:340px 1fr;gap:75px;align-items:center}.content-copy p{font-size:13px;line-height:1.8;color:#655d56}.icons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.icons figure{margin:0;background:#f3eee7;border:1px solid #cfc5b9;min-height:210px;padding:18px 12px 12px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.icons img{height:120px;width:120px;object-fit:contain}.icons figcaption{width:100%;padding-top:10px;border-top:1px solid #d5ccc1;text-align:center;font-size:10px;color:#6d645c}
.faq-section{padding:92px 0;background:#fff}.faq-grid{display:grid;grid-template-columns:340px 1fr;gap:85px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:22px 46px 22px 0;font-weight:900;position:relative}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:4px;top:16px;color:#7d5d48;font-size:24px}details[open] summary::after{content:"−"}details p{margin:0 0 22px;font-size:13px;line-height:1.8;color:var(--muted)}
.final{background:#6b5849;color:#fff}.final-grid{min-height:176px;display:grid;grid-template-columns:1fr auto;gap:55px;align-items:center}.final-grid span{color:#dac7b7}.final-grid h2{font-family:Georgia,serif;font-size:31px;margin:7px 0 8px}.final-grid p{margin:0;color:#dbcfc5;font-size:12px}.final-grid a{background:#fff;color:#5d493a;padding:14px 18px;font-size:12px;font-weight:900}
.footer{background:#1a1714;color:#756d66;padding:32px 0 86px}.footer-grid{display:grid;grid-template-columns:180px 1fr auto;gap:28px;align-items:center}.footer img{max-height:34px;width:auto}.footer p{font-size:11px}.footer nav{display:flex;gap:17px;font-size:11px}.mobile-bar{display:none}
@media(max-width:980px){.intro-grid,.showcase-grid,.table-grid,.choice-grid,.content-grid,.faq-grid{grid-template-columns:1fr}.intro article{columns:1}.desktop-layout{grid-template-columns:1fr}.mobile-images{min-height:510px}}
@media(max-width:760px){:root{--shell:min(100% - 28px,1180px)}body{padding-bottom:64px}.header-inner nav,.header-download{display:none}.header-inner{grid-template-columns:1fr;height:62px}.hero{padding-top:44px}.hero h1{font-size:50px}.hero-lead{font-size:14px}.hero-image{min-height:370px;margin-top:36px}.hero-image img{max-height:310px}.gallery,.intro,.mobile-showcase,.table-view,.desktop-showcase,.choice,.content,.faq-section{padding:66px 0}.gallery-grid{display:flex;overflow:auto}.gallery-grid figure{min-width:82%;min-height:390px}.gallery-grid img{height:290px}.mobile-images{min-height:420px}.mobile-images img{max-height:320px}.mobile-images .a{left:4%;top:24px}.mobile-images .b{right:4%;bottom:20px}.table-grid figure,.desktop-image{min-height:420px}.choice-list>div{grid-template-columns:1fr;gap:7px}.choice-list a{text-align:left}.icons{display:flex;overflow:auto}.icons figure{min-width:160px}.final-grid{grid-template-columns:1fr;gap:18px;padding:30px 0}.final-grid a{justify-self:start}.footer-grid{grid-template-columns:1fr}.footer nav{flex-wrap:wrap}.mobile-bar{position:fixed;z-index:100;left:0;right:0;bottom:0;height:60px;background:rgba(26,23,20,.97);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:8px 14px calc(8px + env(safe-area-inset-bottom))}.mobile-bar span{display:flex;flex-direction:column}.mobile-bar b{font-size:12px}.mobile-bar small{font-size:9px;color:#877f78;margin-top:3px}.mobile-bar a{background:#f0e8dd;color:#2b251f;padding:9px 16px;font-size:12px;font-weight:900}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}