@charset "UTF-8";
:root{--red:#7e2228;--red2:#411519;--cream:#efe6da;--paper:#f4eee6;--ink:#21191a;--muted:#766768;--line:#d9cac7;--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:#2e1013;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);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:#b79d9f}.header-download{background:#d9b79e;color:#2d1314;padding:11px 17px;font-size:12px;font-weight:900}
.hero{padding:68px 0;background:linear-gradient(145deg,#371417,#5b1d22);color:#fff}.hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;min-height:570px}.eyebrow,.heading span,.story aside span,.client-copy>span,.table-grid>div>span,.desktop-grid>div>span,.notice-grid>div>span,.faq-title span,.final-grid span{display:block;font-size:9px;letter-spacing:.17em;color:#ddb8a2;font-weight:900;margin-bottom:13px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,7vw,96px);line-height:.9;letter-spacing:-.055em;margin:18px 0 22px}.hero .lead{font-size:17px;line-height:1.85;color:#f0d7d2}.hero p{font-size:13px;line-height:1.8;color:#c7a6a9}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.primary{background:#e2c0a6;color:#351517;padding:14px 18px;font-size:12px;font-weight:900}.secondary{border:1px solid #86555a;padding:13px 18px;font-size:12px;color:#efd8db}.hero-poster{margin:0;background:#200b0d;min-height:500px;display:grid;place-items:center;position:relative;padding:30px}.hero-poster img{max-height:430px;width:auto;object-fit:contain}.hero-poster figcaption{position:absolute;left:16px;bottom:13px;color:#9d777a;font-size:10px}
.gallery{padding:68px 0 92px;background:#fff}.heading{max-width:850px;margin-bottom:32px}.heading h2,.story h2,.client-copy h2,.table-grid h2,.desktop-grid h2,.notice-grid 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:1.25fr .875fr .875fr;gap:12px}.gallery-grid figure{margin:0;background:#f2ebe4;border:1px solid var(--line);min-height:430px;padding:17px;display:flex;flex-direction:column}.gallery-grid img{height:330px;width:100%;object-fit:contain}.gallery-grid .feature img{height:350px}.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;color:var(--muted);line-height:1.55}
.story{padding:88px 0;background:#eaded1}.story-grid{display:grid;grid-template-columns:350px 1fr;gap:88px}.story article{columns:2;column-gap:34px}.story article p{break-inside:avoid;margin:0 0 18px;font-size:13px;line-height:1.9;color:#65585a}
.magazine{padding:90px 0;background:#241012}.magazine-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-template-rows:240px 240px;gap:10px}.magazine figure{margin:0;background:#35171a;border:1px solid #523036;position:relative;display:grid;place-items:center;padding:20px}.magazine img{max-height:170px;width:auto;object-fit:contain}.magazine figcaption{position:absolute;left:13px;bottom:10px;color:#a98889;font-size:10px}.m1{grid-row:1/3}.m1 img{max-height:360px}.m4{grid-column:2/4}.m4 img{max-height:180px}
.client{padding:96px 0;background:#fff}.client-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;align-items:center}.client-copy p{font-size:13px;line-height:1.85;color:var(--muted)}.client-copy a{display:inline-block;margin-top:15px;color:var(--red);font-size:12px;font-weight:900}.client figure{margin:0;background:#f1e8e1;min-height:510px;display:grid;place-items:center;position:relative;padding:28px}.client figure img{max-height:430px;width:auto;object-fit:contain}.client figcaption{position:absolute;left:15px;bottom:12px;color:#877476;font-size:10px}
.tables{padding:92px 0;background:#40171a;color:#fff}.table-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:72px;align-items:center}.table-grid figure{margin:0;background:#200c0e;min-height:500px;display:grid;place-items:center;position:relative;padding:28px}.table-grid figure img{max-height:430px;width:auto;object-fit:contain}.table-grid figcaption{position:absolute;left:15px;bottom:12px;color:#8d696c;font-size:10px}.table-grid h2{color:#fff}.table-grid p{font-size:13px;line-height:1.85;color:#c9aeb0}
.desktop{padding:92px 0;background:#eee5dc}.desktop-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px;align-items:center}.desktop-grid>div p{font-size:13px;line-height:1.85;color:var(--muted)}.desktop-grid figure{margin:0;background:#231d1d;min-height:470px;display:grid;place-items:center;position:relative;padding:28px}.desktop-grid figure img{max-height:390px;max-width:95%;object-fit:contain}.desktop-grid figcaption{position:absolute;left:15px;bottom:12px;color:#837677;font-size:10px}
.notice{padding:80px 0;background:#fff}.notice-grid{display:grid;grid-template-columns:360px 1fr;gap:80px}.notice-grid ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.notice-grid li{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}
.faq-section{padding:92px 0;background:#f6f1eb}.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:var(--red);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:#7e2228;color:#fff}.final-grid{min-height:176px;display:grid;grid-template-columns:1fr auto;gap:55px;align-items:center}.final-grid h2{font-family:Georgia,serif;font-size:31px;margin:7px 0 8px}.final-grid p{margin:0;color:#edcfd2;font-size:12px}.final-grid a{background:#f3dfcf;color:#4c181c;padding:14px 18px;font-size:12px;font-weight:900}
.footer{background:#1a090b;color:#7c6264;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){.hero-grid,.story-grid,.client-grid,.table-grid,.desktop-grid,.notice-grid,.faq-grid{grid-template-columns:1fr}.story article{columns:1}.magazine-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.m1,.m4{grid-column:auto;grid-row:auto}}
@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:46px 0}.hero h1{font-size:50px}.hero .lead{font-size:15px}.hero-poster{min-height:380px}.hero-poster img{max-height:320px}.gallery,.story,.magazine,.client,.tables,.desktop,.notice,.faq-section{padding:66px 0}.gallery-grid{display:flex;overflow:auto}.gallery-grid figure{min-width:82%;min-height:390px}.gallery-grid img,.gallery-grid .feature img{height:290px}.magazine-grid{display:flex;overflow:auto}.magazine figure{min-width:220px;min-height:260px}.magazine img,.m1 img,.m4 img{max-height:180px}.client figure,.table-grid figure,.desktop-grid figure{min-height:410px}.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,9,11,.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:#8d7072;margin-top:3px}.mobile-bar a{background:#f0d7c6;color:#4b171b;padding:9px 16px;font-size:12px;font-weight:900}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}