:root{font-family:'Microsoft YaHei','Noto Sans SC',sans-serif;color:#101315;background:#f5f6f4;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #cfff5e;outline-offset:5px}::selection{background:#cfff5e;color:#101315}
.site-header{height:72px;padding:0 clamp(22px,4vw,68px);display:flex;align-items:center;justify-content:space-between;background:#f5f6f4;border-bottom:1px solid #d9ddda}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:700}.brand-symbol{display:grid;place-items:center;width:31px;height:31px;background:#101315;color:#d5ff72}.site-header nav{display:flex;gap:40px;font-size:13px}.site-header nav a:hover,.header-action:hover{color:#477100}.header-action{font-size:13px;font-weight:700}.header-action span{margin-left:12px;font-size:18px}
.hero{height:min(700px,calc(100svh - 150px));min-height:510px;background:#101315;color:#f4f6f3;position:relative;overflow:hidden;isolation:isolate}#hero-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-1}.hero-frame{position:absolute;inset:25px clamp(22px,4vw,68px) auto;display:flex;justify-content:space-between;color:#9da6a0;font-size:10px;font-weight:700}.hero-content{position:absolute;left:clamp(28px,9vw,150px);top:50%;transform:translateY(-47%);width:min(870px,calc(100% - 80px))}.hero-overline{font-size:12px;display:flex;align-items:center;gap:11px;margin:0 0 22px;color:#d1dacd}.signal{width:8px;height:8px;background:#cfff5e;border-radius:50%;box-shadow:0 0 14px #cfff5e}.hero h1{font-size:clamp(64px,8.5vw,142px);font-weight:900;line-height:1.12;margin:0;white-space:nowrap;letter-spacing:0}.hero h1 span{color:#cfff5e}.hero h1 i{font-style:normal;color:#f4f6f3}.hero-bottom{display:flex;align-items:end;gap:44px;margin-top:42px}.hero-bottom p{font-size:clamp(18px,2vw,29px);line-height:1.55;margin:0;font-weight:500}.hero-cta{width:63px;height:63px;border:1px solid #aeb8af;border-radius:50%;display:grid;place-items:center;font-size:27px;transition:background .25s,color .25s,transform .25s}.hero-cta:hover{background:#cfff5e;color:#101315;transform:rotate(-45deg)}.hero-side{position:absolute;right:clamp(20px,3vw,48px);top:50%;writing-mode:vertical-rl;color:#9da6a0;font-size:10px}.hero-progress{position:absolute;left:clamp(22px,4vw,68px);right:clamp(22px,4vw,68px);bottom:30px;display:flex;align-items:center;gap:13px;color:#aeb8af;font-size:10px}.progress-line{height:1px;width:100px;background:#6f7871;position:relative}.progress-line:after{content:'';position:absolute;left:0;top:-1px;width:34px;height:3px;background:#cfff5e}
.works{padding:98px clamp(22px,6vw,110px) 120px;background:#f5f6f4}.section-head{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:20px;padding-bottom:31px}.section-head p{font-size:11px;font-weight:700;margin:0;color:#62706a}.section-head h2{font-size:clamp(32px,3.5vw,54px);line-height:1.2;margin:0}.section-head h2 span{color:#84918a}.section-head>span{text-align:right;font-size:12px;color:#65716a}.work-list{border-top:1px solid #afb8b2}.work-item{min-height:142px;display:grid;grid-template-columns:1fr 2fr 1fr 60px;gap:20px;align-items:center;border-bottom:1px solid #afb8b2;padding:24px 18px;transition:padding .3s,background .3s}.work-item.live:hover{background:#cfff5e;padding-left:32px;padding-right:28px}.work-index{font-size:11px;color:#64716a}.work-name{font-size:clamp(20px,2.3vw,34px);font-weight:700}.work-desc{font-size:12px;color:#5d6963;line-height:1.7}.work-arrow{font-size:29px;text-align:right}.upcoming .work-name{color:#6d7972}.upcoming .work-arrow{color:#9ca7a0}
.about{background:#dce4df;min-height:445px;padding:82px clamp(22px,6vw,110px);display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start;position:relative;overflow:hidden}.about-label{font-size:11px;font-weight:700;color:#4e6257}.about h2{font-size:clamp(32px,3.5vw,54px);line-height:1.42;margin:0 0 24px}.about h2 span{color:#51705c}.about p{max-width:480px;font-size:14px;line-height:2;color:#4d6156;margin:0}.about-mark{position:absolute;right:5vw;bottom:-70px;font-size:290px;font-weight:900;color:#c3d0c7;line-height:1;pointer-events:none}footer{min-height:112px;padding:30px clamp(22px,6vw,110px);display:flex;justify-content:space-between;align-items:center;gap:20px;background:#101315;color:#f5f6f4}footer a{font-weight:700;font-size:18px}footer span,footer small{color:#aeb8af;font-size:11px}
@media(max-width:800px){.hero{min-height:520px}.section-head{grid-template-columns:1fr 2fr}.section-head>span{display:none}.work-item{grid-template-columns:90px 1fr 45px}.work-desc{display:none}.about{grid-template-columns:1fr 2fr}.about-mark{font-size:220px;right:-15px}}@media(max-width:600px){.site-header{height:62px}.site-header nav{display:none}.header-action{font-size:11px}.brand{font-size:15px}.hero{height:min(620px,calc(100svh - 120px));min-height:455px}.hero-frame{font-size:8px}.hero-content{left:25px;width:calc(100% - 55px)}.hero-overline{font-size:11px}.hero h1{font-size:clamp(50px,14vw,78px)}.hero-bottom{margin-top:35px;gap:20px}.hero-bottom p{font-size:18px}.hero-cta{width:48px;height:48px;font-size:21px}.hero-side{display:none}.works{padding:75px 22px 90px}.section-head{display:block}.section-head p{margin-bottom:15px}.work-item{min-height:118px;grid-template-columns:75px 1fr 24px;gap:10px;padding:15px 0}.work-item.live:hover{padding-left:8px;padding-right:8px}.work-index{font-size:9px}.work-name{font-size:20px}.work-arrow{font-size:23px}.about{display:block;min-height:380px;padding:65px 22px}.about-label{margin-bottom:40px}.about-mark{opacity:.5}footer{flex-wrap:wrap}footer span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}