:root{--pine:#123b30;--paper:#f5f1e8;--muted:#58675b;--line:#d8ddd2;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--pine);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body,figure{margin:0}img{display:block;width:100%;height:auto}a{color:inherit;text-underline-offset:4px}.wrap{width:min(1280px,calc(100% - 80px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;z-index:3;padding:12px}.case-header{padding:24px 40px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px}.case-header a{text-decoration:none}.case-header nav{display:flex;gap:24px}.kicker{font-size:11px;letter-spacing:.12em;font-weight:650;margin:0 0 20px}.case-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center;padding-block:64px}.case-hero h1{font-family:"Songti SC",SimSun,serif;font-size:76px;font-weight:400;letter-spacing:.06em;line-height:1.1;margin:0 0 28px}.case-hero h1 span{display:block;font:14px/1.6 Arial,sans-serif;letter-spacing:.36em;margin-top:20px}.lead{font-size:24px;line-height:1.65}.scope{font-size:12px;color:var(--muted);line-height:1.8;margin:24px 0}.case-hero figure img{aspect-ratio:1.35;object-fit:cover}.case-hero figcaption,figcaption{font-size:12px;line-height:1.7;color:var(--muted);padding:12px 0}.button{display:inline-block;background:var(--pine);color:var(--paper);padding:16px 24px;font-size:14px;text-decoration:none;border-radius:2px}.overview{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:34px 70px;border-top:1px solid var(--line)}h2{font-family:"Songti SC",SimSun,serif;font-size:36px;font-weight:400;line-height:1.45;margin:0 0 22px}.overview p,.overview dd,.steps p,.delivery p{font-size:14px;line-height:1.85;color:var(--muted)}dl{margin:0}dl>div{padding:16px 0;border-bottom:1px solid var(--line)}dl>div:first-child{padding-top:0}dt{font-size:13px;font-weight:700;margin-bottom:8px}dd{margin:0}.process-section{background:#e9ece2;padding-block:70px}.section-head{margin-bottom:32px}.section-head h2{margin-bottom:12px;font-size:44px}.section-head>p:last-child{font-size:14px;line-height:1.75;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-bottom:32px}.steps span{font:28px Georgia,serif;color:#7c8d78}.steps h3{font-size:17px;font-weight:600;margin:16px 0 10px}.steps p{margin:0}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.comparison img{aspect-ratio:16 / 9;object-fit:cover}.palette{display:flex;gap:20px;align-items:center;margin-top:22px}.palette>div{min-width:124px}.palette span{display:block;background:var(--swatch);height:50px;border:1px solid #c3ccbf}.palette p{font-size:11px;color:var(--muted);line-height:1.7}.palette>p{margin-left:auto;max-width:420px;font-size:13px}.deliverable-section{padding-block:74px}.original{margin:0 0 44px}.original img{border-radius:2px}.deliverable-pair{display:grid;grid-template-columns:1fr 1fr;gap:44px}.delivery>a{display:block;background:#e6e9df}.delivery img{width:100%;height:auto}.delivery>div{padding:26px 0 34px}.delivery h3{font-size:24px;font-weight:500;margin:8px 0}.delivery .kicker{font-size:11px;color:var(--pine);margin:0}.text-link{font-size:13px;font-weight:600}.banner-delivery{margin-top:22px}.banner-delivery>div{max-width:700px}.format-table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7;text-align:left}caption{text-align:left;font-size:20px;padding:12px 0 22px}th,td{border-top:1px solid var(--line);padding:16px 20px 16px 0;vertical-align:top}th{font-weight:600}td{color:var(--muted)}.download-note{padding:24px 0;font-size:13px;line-height:1.8}.download-note a{display:inline-block;margin-left:12px}.case-end{background:var(--pine);color:var(--paper);padding-block:64px}.case-end p:not(.kicker){font-size:14px;line-height:1.8;color:#c1ccbb}.light{background:var(--paper);color:var(--pine);margin:14px 0}.back{font-size:13px;margin-left:24px}footer{padding-block:24px;font-size:11px;color:var(--muted)}a:focus-visible{outline:2px solid #708a50;outline-offset:5px}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.case-header{padding:20px}.case-hero{gap:30px}.case-hero h1{font-size:58px}.lead{font-size:20px}.overview{gap:32px}.steps{grid-template-columns:1fr 1fr}.palette{flex-wrap:wrap}.palette>p{max-width:none;margin:0}.deliverable-pair{gap:24px}}
@media(max-width:600px){.case-header{flex-wrap:wrap;font-size:12px;gap:14px}.case-header nav{gap:20px}.case-hero,.overview{grid-template-columns:1fr;gap:24px;padding-block:34px}.case-hero h1{font-size:54px}.lead{font-size:21px}.scope{margin:18px 0}.case-hero figure img{aspect-ratio:1.5}.overview h2{font-size:28px}.section-head h2{font-size:32px}.steps,.comparison,.deliverable-pair{grid-template-columns:1fr}.steps{gap:24px}.steps span{font-size:22px}.steps h3{margin:8px 0}.comparison{gap:14px}.process-section,.deliverable-section{padding-block:42px}.palette>div{min-width:0;flex:1}.palette p{font-size:10px}.delivery>div{padding-top:20px}.banner-delivery{margin-top:0}.banner-delivery>a{overflow:auto}.banner-delivery img{min-width:650px}.download-note a{margin:12px 0 0;display:block}table{min-width:620px}.case-end{padding-block:42px}.case-end h2{font-size:29px}.back{display:block;margin:14px 0 0}footer{font-size:10px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:600px){.banner-delivery img{min-width:0}}