@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
:root{--black:#050505;--paper:#f4f3f1;--blue:#175eff;--line:#ffffff2b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#f2f2ef;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}header{height:92px;position:absolute;z-index:3;top:0;width:100%;padding:0 4vw;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.brand img{width:40px;height:40px;object-fit:cover;object-position:15% 17%;border-radius:50%;filter:grayscale(1) brightness(2)}.brand span{display:grid;gap:5px;line-height:1}.brand b{font-size:13px;letter-spacing:.12em}.brand small{font-size:8px;letter-spacing:.34em;color:#a3a3a3}nav{display:flex;gap:44px;margin-left:80px}nav a{font-size:13px;color:#a6a6a6}nav a:first-child,nav a:hover{color:white;border-bottom:1px solid white;padding-bottom:8px}.menu{display:none;background:none;border:0;width:32px}.menu i{display:block;height:1px;background:#fff;margin:7px 0}.hero{height:100vh;min-height:760px;position:relative;overflow:hidden;background:#090909}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.copy{position:absolute;z-index:1;left:7.1vw;top:21vh;width:44vw}.copy>p{font-size:11px;letter-spacing:.35em;color:#9b9b9b;margin:0 0 23px}.hero h1,.intro h2,.product h2,.proof h2,.closing h2{font-family:"Noto Serif SC","Songti SC",serif;font-weight:500;letter-spacing:-.09em}.hero h1{font-size:clamp(66px,8.4vw,142px);line-height:.95;margin:0 0 28px}.copy>span{display:block;color:#b6b6b6;letter-spacing:.12em;font-size:13px}.copy a{display:inline-flex;align-items:center;justify-content:space-between;width:245px;margin-top:38px;padding:13px 17px;border:1px solid #ffffffa1;font-size:13px}.copy a b{font-size:20px;font-weight:400}.hero aside{position:absolute;z-index:1;right:4.5vw;top:39vh;color:#8f8f8f;font-size:10px;line-height:2.35;letter-spacing:.25em}.more{position:absolute;bottom:43px;left:4.2vw;color:#8f8f8f;font-size:9px;line-height:1.6;letter-spacing:.25em}.intro{min-height:720px;padding:118px 9vw 100px;background:var(--paper);color:#151515;position:relative;overflow:hidden}.intro:after{content:"C";position:absolute;right:-3vw;bottom:-36vw;font:900 79vw/.8 Arial;color:#e6e5e2}.intro>*{position:relative;z-index:1}.intro>span,.product>span,.proof>span,.closing>span{font-size:10px;letter-spacing:.18em;color:#6c6c6c}.intro h2{font-size:clamp(58px,7.4vw,121px);line-height:1.04;margin:110px 0 35px}.intro p{margin-left:43%;max-width:420px;font-size:15px;line-height:2;color:#555}.manifesto{min-height:730px;padding:115px 7vw;background:#080808;display:grid;grid-template-columns:1.3fr 1fr;gap:7%;position:relative;overflow:hidden}.manifesto:after{content:"×";font:75vw/.6 Arial;position:absolute;right:-14vw;bottom:-13vw;color:#111}.manifesto>*{z-index:1}.manifesto>p{font:500 clamp(42px,5.2vw,82px)/1.04 Georgia,serif;letter-spacing:-.07em;margin:0}.manifesto h3{font:500 clamp(30px,3.4vw,55px)/1.35 "Noto Serif SC",serif;margin:0;border-bottom:1px solid var(--line);padding:12px 0}.manifesto span{align-self:end;grid-column:2;color:#999;font-size:13px;line-height:2;max-width:330px}.product{padding:120px 7vw;background:#e6e4df;color:#101010}.product h2{font-size:clamp(46px,6vw,92px);margin:100px 0 65px}.product>div{border-top:1px solid #222;display:grid;grid-template-columns:repeat(3,1fr)}.product article{padding:25px 25px 100px 0;border-right:1px solid #777;min-height:240px}.product article+article{padding-left:25px}.product article:last-child{border:0}.product b,.product a{font:500 clamp(27px,3vw,48px) "Noto Serif SC",serif}.product p{font-size:13px;color:#555}.proof{padding:125px 7vw;min-height:760px;background:#d9d9d6;color:#111;position:relative}.proof h2{font-size:clamp(58px,7vw,112px);line-height:1;margin:105px 0}.numbers{position:absolute;right:7vw;top:235px;width:37%;border-top:1px solid #333}.numbers article{padding:28px 0;border-bottom:1px solid #777}.numbers b{font:500 clamp(62px,7vw,110px)/.85 Georgia,serif;letter-spacing:-.08em}.numbers i{font:400 .45em "Noto Serif SC";margin-left:6px}.numbers p{font-size:12px;color:#555}.note{width:45%;font-size:12px;line-height:2;color:#555}.closing{padding:125px 7vw;background:#050505;min-height:670px;position:relative}.closing:after{content:"C";position:absolute;right:3vw;bottom:-14vw;color:#111;font:900 52vw/.8 Arial}.closing>*{position:relative;z-index:1}.closing h2{font-size:clamp(57px,7.4vw,118px);line-height:1.05;margin:100px 0 28px}.closing p{color:#999}.closing a{display:inline-block;border-bottom:1px solid #fff;padding:10px 0;margin-top:25px;font-size:14px}footer{padding:30px 4vw;background:#050505;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#888;font-size:11px}@media(max-width:800px){header{height:68px;padding:0 20px}.brand b{font-size:10px}.brand small{font-size:6px}.brand img{width:31px;height:31px}nav{display:none}.menu{display:block}.hero{min-height:700px}.hero>img{object-position:61% center}.copy{left:10vw;top:26vh;width:75vw}.hero h1{font-size:65px}.copy>span{font-size:11px;line-height:1.8}.hero aside{display:none}.more{left:20px}.intro{min-height:590px;padding:80px 10vw}.intro h2{font-size:54px;margin:75px 0 25px}.intro p{margin-left:0}.manifesto{padding:80px 10vw;grid-template-columns:1fr;min-height:650px}.manifesto>p{font-size:48px}.manifesto span{grid-column:1}.product,.proof,.closing{padding:80px 10vw}.product h2{margin:70px 0 45px}.product>div{grid-template-columns:1fr}.product article,.product article+article{min-height:auto;padding:23px 0;border-right:0;border-bottom:1px solid #777}.proof{min-height:780px}.proof h2{font-size:64px;margin:75px 0}.numbers{position:static;width:100%;margin-bottom:45px}.note{width:100%}.closing{min-height:530px}.closing h2{font-size:58px;margin:75px 0 25px}footer{display:block}footer p{margin-top:20px}}