:root{--ink:#252119;--brown:#907452;--red:#d82630;--cream:#f5f0e7;--paper:#fff;--line:#ddd3c3;--muted:#71695f;--shell:1360px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}
body{margin:0;min-width:320px;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);line-height:1.76;background:#fff}
img{display:block;max-width:100%}a{text-decoration:none;color:inherit}
.header-shell,.hero,.before-section,.gallery-section,.steps-section,.display-shell,.travel-section,.faq-section,.footer-center{width:min(calc(100% - 56px),var(--shell));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.header-shell{height:74px;display:grid;grid-template-columns:250px 1fr 140px;gap:25px;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:900;letter-spacing:.13em}.brand img,.laptop-footer img{height:28px;width:auto;background:var(--ink);padding:5px 9px}.site-nav{display:flex;justify-content:center;gap:25px;font-size:12px;font-weight:800;color:#71695f}.top-btn{background:var(--red);color:#fff;padding:10px 14px;text-align:center;font-size:12px;font-weight:900}.menu-button{display:none}
.kicker{font-size:10px;font-weight:900;letter-spacing:.15em;color:var(--brown);margin:0 0 12px}.hero{position:relative;display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:end;padding:82px 0 55px}.hero-number{position:absolute;top:45px;right:0;font-size:clamp(120px,17vw,235px);font-weight:950;line-height:.8;color:#f1ece3;z-index:-1}.hero h1{margin:0;font-size:clamp(52px,6.7vw,92px);line-height:.95;letter-spacing:-.068em}.hero-copy>p:not(.kicker){color:var(--muted);font-size:18px}.hero-buttons{display:flex;gap:20px;align-items:center;margin-top:28px}.primary{display:inline-flex;background:var(--red);color:#fff;padding:15px 20px;font-weight:900}.hero-buttons>a:last-child{border-bottom:1px solid currentColor;font-size:13px;font-weight:850}.hero-image{margin:0}.hero-image img{width:100%;max-height:520px;object-fit:contain;background:var(--cream)}figcaption{margin-top:8px;color:var(--muted);font-size:10px}
.before-section{display:grid;grid-template-columns:190px 1fr;gap:50px;padding:95px 0}.before-label{border-right:1px solid var(--line)}.before-label span,.before-label strong{display:block}.before-label span{color:var(--brown);font-size:9px;font-weight:900;letter-spacing:.15em}.before-label strong{font-size:34px;line-height:1;margin-top:8px}.before-content h2,.gallery-intro h2,.steps-intro h2,.display-copy h2,.travel-text h2,.faq-title h2,.laptop-footer h2{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.15;letter-spacing:-.045em}.before-list{margin-top:30px;border-top:2px solid var(--ink)}.before-list article{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.before-list em{font-style:normal;color:var(--brown);font-weight:900}.before-list h3{margin:-3px 0 5px}.before-list p{margin:0;color:var(--muted)}.text-download{display:inline-flex;margin-top:25px;border-bottom:2px solid var(--red);color:var(--red);font-weight:900}
.gallery-section{padding:95px 0}.gallery-intro{max-width:930px}.gallery-intro>p:not(.kicker){color:var(--muted)}.editorial-gallery{position:relative;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:20px;margin-top:42px}.editorial-gallery figure{margin:0}.gallery-a{grid-row:1/3}.editorial-gallery img{width:100%;height:100%;object-fit:contain;background:var(--cream)}.gallery-b{transform:translateY(20px)}.gallery-c{transform:translateX(-30px)}
.steps-section{background:var(--cream);width:100%;padding:95px max(28px,calc((100% - var(--shell))/2))}.steps-intro{max-width:900px}.steps-intro>span,.faq-title>span{font-size:9px;font-weight:900;letter-spacing:.15em;color:var(--brown)}.steps-intro>p{color:var(--muted)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:38px;border-top:2px solid var(--ink);border-left:1px solid var(--line)}.steps-grid article{min-height:210px;padding:20px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.steps-grid b{font-size:28px;color:var(--brown)}.steps-grid h3{margin:42px 0 6px}.steps-grid p{margin:0;color:var(--muted);font-size:11px}.steps-download{display:inline-flex;margin-top:28px;background:var(--red);color:#fff;padding:14px 18px;font-weight:900}
.display-section{background:#24211d;color:#fff}.display-shell{display:grid;grid-template-columns:.86fr 1.14fr;gap:65px;align-items:center;padding:95px 0}.display-copy p:not(.kicker){color:#b2aaa0}.display-shell figure{margin:0}.display-shell img{width:100%;max-height:500px;object-fit:contain;background:#12100e}
.travel-section{padding:95px 0;display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:end}.travel-text p:not(.kicker){color:var(--muted)}.travel-section figure{margin:0}.travel-section img{width:100%;max-height:460px;object-fit:contain;background:var(--cream)}.travel-download{grid-column:1/-1;justify-self:end;display:inline-flex;background:var(--ink);color:#fff;padding:14px 18px;font-weight:900}
.faq-section{padding:95px 0}.faq-title{display:grid;grid-template-columns:170px 1fr;gap:25px}.faq-list{margin-top:30px;border-top:2px solid var(--ink)}details{border-bottom:1px solid var(--line)}summary{list-style:none;position:relative;padding:20px 45px 20px 0;font-weight:850;cursor:pointer}summary span{position:absolute;right:0}.faq-list p{margin:-3px 0 20px;color:var(--muted)}.faq-action{text-align:right;margin-top:25px}.faq-action a{display:inline-flex;background:var(--red);color:#fff;padding:14px 18px;font-weight:900}
.laptop-footer{background:var(--cream);padding:90px 0 35px;text-align:center;border-top:1px solid var(--line)}.footer-center{max-width:900px}.laptop-footer img{margin:auto}.footer-kicker{margin:20px 0 8px;color:var(--brown);font-size:9px;font-weight:900;letter-spacing:.16em}.footer-copy{max-width:760px;margin:18px auto;color:var(--muted);font-size:11px}.footer-links{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:25px 0}.footer-links a{font-size:11px;font-weight:850;border-bottom:1px solid #a99b87}.footer-button{display:inline-flex;background:var(--ink);color:#fff;padding:14px 20px;font-weight:900;margin-bottom:28px}.laptop-footer small{display:block;color:#9b8f80;font-size:9px}
.mobile-download-bar{display:none}
@media(max-width:850px){.header-shell{grid-template-columns:1fr auto}.site-nav,.top-btn{display:none}.menu-button{display:block}.site-nav.is-open{display:grid;position:absolute;top:70px;left:18px;right:18px;background:#fff;border:1px solid var(--line);padding:12px}.hero,.before-section,.display-shell,.travel-section{grid-template-columns:1fr}.before-label{border-right:0;border-bottom:1px solid var(--line);padding-bottom:15px}.editorial-gallery{grid-template-columns:1fr 1fr}.steps-grid{grid-template-columns:1fr 1fr}.travel-download{grid-column:auto;justify-self:start}}
@media(max-width:600px){body{padding-bottom:60px}.header-shell,.hero,.before-section,.gallery-section,.steps-section,.display-shell,.travel-section,.faq-section,.footer-center{width:min(calc(100% - 28px),var(--shell))}.brand span{display:none}.hero{padding:52px 0}.hero h1{font-size:clamp(44px,13vw,61px)}.hero-copy>p:not(.kicker){font-size:16px}.hero-buttons{display:grid}.editorial-gallery,.steps-grid{grid-template-columns:1fr;grid-template-rows:auto}.gallery-a{grid-row:auto}.gallery-b,.gallery-c{transform:none}.steps-section{padding:70px 14px}.display-shell,.travel-section{padding-top:70px;padding-bottom:70px}.faq-title{grid-template-columns:1fr}.mobile-download-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;height:60px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:8px 14px}.mobile-download-bar a{background:var(--red);padding:9px 15px;font-weight:900}}