*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{background:#0e201c;color:#18382d;font-family:"Microsoft YaHei","微软雅黑","SimHei","黑体",Arial,sans-serif}
button,a{-webkit-tap-highlight-color:transparent}
button{font-family:inherit;cursor:pointer}
a{color:inherit}
button:focus,a:focus{outline:3px solid #c89850;outline-offset:3px}
button[disabled]{cursor:default;opacity:.34}
.stage{position:absolute;left:50%;top:50%;width:1440px;height:1080px;margin:-540px 0 0 -720px;transform:scale(.75);transform-origin:50% 50%;overflow:hidden;background:#f7f4e9}
.slide{position:absolute;inset:0;top:0;right:0;bottom:0;left:0;display:none;padding:135px 84px 126px;background:#f7f4e9;overflow:hidden}
.slide.active{display:block}
.slide.dark{background:#16382d;color:#fff7e7}
.slide.ink{background:#102820;color:#fff7e7}
.mast,.control{position:absolute;z-index:3;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 84px}
.mast{height:88px;top:0;border-bottom:1px solid rgba(32,66,49,.16)}
.brand{display:flex;align-items:center;font-size:21px;letter-spacing:2px;font-weight:bold}
.brand-mark{width:28px;height:28px;display:inline-block;border:2px solid #5c825d;transform:rotate(45deg);margin:0 20px 0 6px;position:relative}
.brand-mark:after{content:"";position:absolute;left:12px;top:3px;width:2px;height:17px;background:#b17938}
.brand-divider{width:1px;height:19px;background:currentColor;opacity:.42;margin:0 13px}
.top-actions{display:flex;align-items:center}
.top-actions button,.control button{background:transparent;color:inherit;border:1px solid rgba(45,75,52,.25);font-size:20px;padding:10px 14px;border-radius:4px;margin-left:10px}
.top-actions button:hover,.control button:hover{background:rgba(101,145,95,.15)}
.control{height:83px;bottom:0;border-top:1px solid rgba(32,66,49,.17);background:#f7f4e9}
.control button.menu{margin-left:0;padding:9px 14px}
.menu-icon{color:#a96e35;margin-right:4px;font-size:25px;font-weight:bold}
.page-location{width:41%;text-align:center;font-size:19px;font-weight:bold;letter-spacing:1px}
.progress{background:rgba(99,126,99,.2);height:3px;margin-top:8px}
.progress i{display:block;background:#aa7949;height:3px;transition:width .2s ease}
.paging{display:flex;align-items:center}
.paging button{font-size:24px;padding:4px 12px;margin-left:0}
.paging span{font-size:19px;margin:0 11px;white-space:nowrap;min-width:75px;text-align:center}
.dark-chrome .mast{color:#fff7e7;border-color:rgba(255,255,255,.22);background:rgba(13,33,27,.45)}
.dark-chrome .control{color:#fff7e7;background:#143229;border-color:rgba(255,255,255,.20)}
.dark-chrome .top-actions button,.dark-chrome .control button{border-color:rgba(255,255,255,.35)}
.dark-chrome .menu-icon{color:#f1c382}
.kicker{color:#86613d;font-size:23px;font-weight:bold;letter-spacing:3px;margin:0 0 20px;display:flex;align-items:center}
.kicker:before{content:"";width:40px;height:2px;background:#a87542;display:inline-block;margin-right:16px}
.dark .kicker,.ink .kicker{color:#ebc184}
h1,h2,h3,p,figure{margin:0}
h1{font-size:90px;line-height:1.12;letter-spacing:4px;font-weight:800}
h2{font-size:58px;line-height:1.16;letter-spacing:1px;font-weight:800;margin-bottom:27px}
h3{font-size:31px;line-height:1.24}
.lead{font-size:30px;color:#496352;line-height:1.43}
.dark .lead,.ink .lead{color:#e1e8d5}
.small{font-size:22px;line-height:1.38;color:#516651}
.dark .small,.ink .small{color:#ccdbc9}
.strong{font-weight:bold;color:#1c5b43}
.rule{height:1px;background:#b6c5b3;margin:20px 0}
.credit{font-size:17px;color:#526655;line-height:1.35;margin-top:9px}
.dark .credit,.ink .credit{color:#c1cdb8}
.cover.slide,.casehero.slide{padding:0}
.cover-image,.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.cover-wash,.hero-wash{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(8,29,23,.96),rgba(11,34,27,.89) 37%,rgba(13,38,28,.40) 75%,rgba(12,37,28,.18))}
.cover-text,.hero-text{position:absolute;left:84px;top:218px;width:850px}
.cover-text h1{font-size:125px;margin:34px 0 24px;letter-spacing:8px}
.cover-sub{font-size:45px;font-weight:bold;line-height:1.25}
.cover-text .lead{margin-top:28px;max-width:660px}
.cover-line{height:2px;width:74px;background:#dfa86a;margin:34px 0 26px}
.cover .pill,.casehero .pill{color:#f7edd7;border-color:rgba(255,255,255,.43)}
.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;text-decoration:none;font-size:24px;font-weight:bold;line-height:1.2;padding:15px 23px;border:1px solid #255943;background:#1c503b;color:#fffaf0}
.primary:hover{background:#2f6a50}
.secondary{background:#fffdf6;border-color:#adbead;color:#20543e}
.secondary:hover{background:#e8eddb}
.dark .primary,.ink .primary{background:#efd4a4;color:#143629;border-color:#efd4a4}
.dark .primary:hover,.ink .primary:hover{background:#f9e3b9}
.hero-text{top:210px;width:760px}
.hero-text .number{font:700 110px/1 Georgia,serif;color:#e4b978;letter-spacing:1px;display:block;margin-bottom:14px}
.hero-text h1{font-size:79px;line-height:1.12;letter-spacing:2px}
.hero-text .hero-sub{font-size:39px;line-height:1.27;font-weight:bold;margin:22px 0 17px}
.hero-text .lead{font-size:29px;max-width:635px}
.hero-text .hero-tags{margin-top:25px}
.pill{display:inline-block;font-size:20px;font-weight:bold;padding:7px 12px;border:1px solid #9eb097;margin:0 9px 8px 0;border-radius:3px}
.directory{margin-top:25px;border-top:1px solid #b4c2af}
.directory a{display:flex;align-items:center;text-decoration:none;border-bottom:1px solid #b4c2af;height:119px;padding:9px 12px 9px 0}
.directory a:hover{background:#e8eddb}
.directory img{width:168px;height:94px;object-fit:cover;margin-right:24px}
.dir-num{width:69px;color:#a56b38;font:700 37px Georgia,serif}
.dir-text{flex:1}
.dir-text strong{display:block;font-size:33px;line-height:1.2}
.dir-text span{font-size:22px;color:#4b6555;display:block;margin-top:6px}
.dir-theme{color:#315942;background:#e7ecdd;padding:8px 13px;font-size:20px;font-weight:bold}
.dir-arrow{font-size:30px;margin-left:22px;color:#946139}
.split{display:flex;align-items:stretch}
.split>.left,.split>.right{width:calc(50% - 17px)}
.split>.right{margin-left:34px}
.visual{min-width:0}
.photo{display:block;width:100%;height:393px;object-fit:cover;background:#dbe3d0}
.photo.tall{height:490px}
.photo.contain{object-fit:contain;background:#162f27}
.photo.mini{height:282px}
.copy{padding:6px 0 0}
.points{list-style:none;padding:0;margin:0}
.points li{position:relative;padding:0 0 20px 46px;margin:0 0 15px;border-bottom:1px solid #c7d0bd}
.points li:last-child{border-bottom:0;margin-bottom:0}
.points .point-no{position:absolute;left:0;top:2px;color:#a77343;font:700 25px/1.25 Georgia,serif}
.points h3{margin:0 0 7px}
.points p{font-size:26px;line-height:1.4;color:#3e5b49}
.quote{border-left:5px solid #ae7947;background:#e9ecde;padding:18px 24px;font-size:28px;font-weight:bold;line-height:1.4;margin-top:24px}
.dark .quote{background:#254b3d;color:#fff3d8}
.quote b{color:#986136}
.chart-caption{font-size:17px;margin-top:12px;color:#566b58;line-height:1.36}
.band{display:flex;margin-top:25px;border-top:2px solid #9eab94}
.band>div{width:33.333%;padding:18px 24px 6px 0}
.band>div+div{padding-left:23px;border-left:1px solid #c5cebb}
.band h3{font-size:25px;margin-bottom:7px}
.band p{font-size:23px;line-height:1.36;color:#405d4a}
.paired-photos .photo{height:345px}
.paired-photos h3{margin-top:13px;font-size:31px}
.paired-photos p{font-size:23px;line-height:1.42;margin-top:6px}
.timeline{display:flex;margin:38px 0 25px}
.timeline>div{width:25%;min-height:212px;padding:26px 22px 9px 0;border-top:3px solid #8a9e82;position:relative}
.timeline>div+div{padding-left:23px;border-left:1px solid #c6d0bd}
.timeline>div:before{content:"";position:absolute;left:0;top:-8px;height:13px;width:13px;background:#a97544;border-radius:50%}
.timeline b{display:block;color:#926138;font-size:25px;line-height:1.15;margin-bottom:12px}
.timeline h3{font-size:29px;margin-bottom:9px}
.timeline p{font-size:24px;line-height:1.36;color:#415b4a}
.timeline-strip{display:flex}
.timeline-strip figure{width:calc(50% - 11px)}
.timeline-strip figure+figure{margin-left:22px}
.timeline-strip .photo{height:205px}
.timeline-strip .archive-top{object-position:50% 28%}
.diagram{border:1px solid #c6d2bb;background:#eef0e2;overflow:hidden}
.diagram svg{display:block;width:100%;height:auto}
.diagram.center{margin-top:22px}
.diagram text{font-family:"Microsoft YaHei","SimHei",sans-serif}
.metric-row{display:flex;margin:7px 0 30px;border-top:1px solid #b6c5b3;border-bottom:1px solid #b6c5b3}
.metric-row>div{flex:1;padding:18px 20px 19px 0}
.metric-row>div+div{border-left:1px solid #b6c5b3;padding-left:28px}
.metric-row strong{color:#235743;display:block;font:700 68px/1 Georgia,serif}
.metric-row strong span{font:700 31px "Microsoft YaHei",sans-serif}
.metric-row p{font-size:21px;line-height:1.35;margin-top:11px;color:#425d4c}
.col-uneven>.left{width:calc(57% - 17px)}
.col-uneven>.right{width:calc(43% - 17px)}
.callout{font-size:24px;line-height:1.4;padding:16px 21px;background:#ede3ce;border-left:4px solid #a77544;margin-top:19px;color:#385242}
.media-split{display:flex;align-items:flex-start;margin-top:20px}
.screen{width:790px;flex:none}
.video-box{width:100%;height:444px;background:#0c1d18;position:relative;overflow:hidden}
.video-box video{display:block;width:100%;height:100%;object-fit:contain}
.video-box .tap-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:25px;font-weight:bold;color:#132f25;background:#f0d5aa;border:0;padding:14px 22px;border-radius:5px;box-shadow:0 2px 17px rgba(0,0,0,.35);white-space:nowrap}
.video-box .tap-play:hover{background:#ffe9c4}
.media-info{flex:1;min-width:0;padding:0 0 0 35px}
.media-info h3{color:#ebd0a3;font-size:30px;margin-bottom:12px}
.media-info p{font-size:25px;line-height:1.38;color:#e1e9d8}
.video-choices{margin:17px 0 7px}
.media-actions{margin-top:17px}
.video-choices button,.media-actions a{border:1px solid #789582;background:#15382b;color:#fff8e8;padding:9px 12px;font-size:20px;border-radius:3px;text-decoration:none;margin:0 7px 8px 0;display:inline-block}
.video-choices button[aria-pressed="true"],.video-choices button:hover,.media-actions a:hover{background:#e5c996;color:#183629}
.media-status{font-size:21px;color:#f5dfba;min-height:30px;margin-top:6px;line-height:1.35}
.media-name{font-size:24px;color:#eee7d0;margin-top:14px;font-weight:bold;line-height:1.33}
.conclusion-table{width:100%;border-collapse:collapse;font-size:26px;margin-top:25px}
.conclusion-table th,.conclusion-table td{text-align:left;padding:19px 14px;border-bottom:1px solid #bdc9b6;line-height:1.25}
.conclusion-table th{font-size:21px;color:#567460;border-top:1px solid #bdc9b6}
.conclusion-table td:first-child{font-weight:bold;white-space:nowrap;color:#225240}
.conclusion-table tr:nth-child(even){background:#ecefe2}
.overlay{display:none;position:absolute;z-index:8;top:0;left:0;right:0;bottom:0;background:rgba(9,23,18,.76);padding:118px 145px}
.overlay.open{display:block}
.dialog{background:#f7f4e9;border:1px solid #9db098;box-shadow:0 15px 70px rgba(0,0,0,.28);padding:26px 32px;max-height:844px;display:flex;flex-direction:column;color:#173b2d}
.dialog header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c0cbb8;padding-bottom:14px}
.dialog h2{font-size:37px;margin:0}
.dialog header button{background:transparent;border:1px solid #b5c3ad;color:#1d4534;font-size:30px;width:47px;height:47px}
#dialog-body{overflow:auto;min-height:0;padding-top:16px;font-size:24px;line-height:1.5}
#dialog-body p{margin:0 0 14px}
.noscript{position:fixed;top:30px;left:30px;color:white;font-size:22px}
.slide.active .enter{animation:appear .33s ease-out both}
.slide.active .later{animation-delay:.10s}
@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.slide.active .enter{animation:none}.progress i{transition:none}}