*{box-sizing:border-box}html{background:#f6f5ee}body{margin:0;color:#354d3d;background:#f6f5ee;font-family:"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}header{height:112px;max-width:1440px;margin:auto;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;text-decoration:none;font-family:Georgia,serif;font-size:31px;letter-spacing:-1px;color:#2e4939}.wordmark svg{width:27px;height:34px;margin-right:12px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.brand-dot{color:#b89560}.header-note{font-size:9px;letter-spacing:3px;color:#7b8877}.status{font-size:11px;letter-spacing:2px;display:flex;align-items:center;gap:9px}.status i{width:5px;height:5px;background:#809a6d;border-radius:50%;box-shadow:0 0 0 4px #809a6d12}.intro{text-align:center;position:relative;z-index:2;padding:39px 20px 0}.eyebrow{font-size:9px;letter-spacing:4px;margin:0 0 24px;color:#81917d}h1{font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;font-size:clamp(30px,3.5vw,49px);font-weight:400;letter-spacing:5px;line-height:1.5;margin:0}h1 em{font-style:normal;color:#718364}.description{font-size:12px;line-height:2.15;letter-spacing:2px;color:#7e8978;margin:21px 0 0}.landscape{position:relative;max-width:1440px;margin:-55px auto 0;height:clamp(390px,41vw,590px);overflow:hidden;mask-image:linear-gradient(transparent,#000 18%,#000 90%,transparent)}#forest{display:block;width:100%;height:100%}.scene-caption{position:absolute;bottom:50px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;color:#f8f5e8;font-size:9px;letter-spacing:2px}.below{display:flex;align-items:center;flex-direction:column;gap:22px;margin:4px 0 47px;position:relative}.construction{display:flex;align-items:center;gap:17px;color:#84907d}.construction p{font-size:9px;letter-spacing:2.5px;margin:0;display:flex;align-items:center;gap:16px}.construction p span:not(.line){color:#b4b9a9}.line{height:1px;width:35px;background:#c7cdbd}button{display:flex;align-items:center;gap:8px;border:1px solid #d6dcce;background:transparent;color:#6c8065;border-radius:24px;padding:10px 17px;font:10px "PingFang SC",sans-serif;letter-spacing:1.5px;cursor:pointer;transition:background .25s,border-color .25s}button:hover{background:#e7ecdf;border-color:#a5b69b}button:focus-visible,a:focus-visible{outline:2px solid #6c8065;outline-offset:5px}button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4}footer{max-width:1440px;margin:auto;padding:0 5.5% 29px;display:flex;justify-content:space-between;color:#9ba391;font-size:9px;letter-spacing:1px}.tiny-leaf{font-size:20px;vertical-align:middle;margin-left:10px;color:#819778}.deer{animation:bound 1.45s ease-in-out infinite;transform-origin:0 65px}.leg{transform-origin:var(--joint-x) var(--joint-y);animation:stride 1.45s ease-in-out infinite}.back-near{animation-delay:-.72s}.front-far{animation-delay:-.72s}.back-far{animation-delay:-.14s}.front-near{animation-delay:-.12s}.head{transform-origin:75px -40px;animation:nod 1.45s ease-in-out infinite}.tail{transform-origin:-102px 45px;animation:nod .725s ease-in-out infinite}.shadow{transform-origin:0 166px;animation:shadow 1.45s ease-in-out infinite}.mist{animation:mist 24s ease-in-out infinite alternate}.grass{transform-box:fill-box;transform-origin:center bottom;animation:sway 5s ease-in-out infinite alternate}.mote{animation:float 9s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.paused *, .paused *:before{animation-play-state:paused!important}@keyframes bound{0%,100%{transform:translateY(0) rotate(-1deg)}45%{transform:translateY(-17px) rotate(1.5deg)}75%{transform:translateY(-4px) rotate(-1deg)}}@keyframes stride{0%,100%{transform:rotate(-24deg)}50%{transform:rotate(27deg)}}@keyframes nod{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}@keyframes shadow{0%,100%{transform:scaleX(1);opacity:.16}45%{transform:scaleX(.77);opacity:.1}}@keyframes mist{from{transform:translateX(-90px);opacity:.45}to{transform:translateX(110px);opacity:.95}}@keyframes sway{from{transform:skewX(-7deg)}to{transform:skewX(8deg)}}@keyframes float{0%,100%{transform:translate(0,0);opacity:0}30%,70%{opacity:.8}50%{transform:translate(18px,-30px)}}@media(min-width:1600px){main{padding-top:20px}.landscape{border-radius:50% 50% 0 0 / 6% 6% 0 0}}@media(max-width:600px){header{height:85px;padding:0 7%}.wordmark{font-size:26px}.header-note{display:none}.intro{padding-top:32px}.eyebrow{font-size:8px;letter-spacing:2.5px;margin-bottom:22px}h1{font-size:30px;letter-spacing:2px}.description{font-size:11px;letter-spacing:1px;line-height:2.2}.landscape{height:440px;margin-top:-32px}#forest{width:160%;max-width:none;margin-left:-30%}.scene-caption{bottom:42px;font-size:8px;left:7%;right:7%}.below{margin-top:-3px;margin-bottom:39px}.construction p{font-size:8px;letter-spacing:1.6px;gap:11px}.line{width:23px}footer{padding:0 7% 23px;font-size:8px;letter-spacing:.5px}.tiny-leaf{margin-left:3px}}@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) *{animation:none!important}}
