*{margin:0;padding:0;box-sizing:border-box}.page{width:100vw;height:100vh;background-color:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden}.logo{position:absolute;top:40px;left:40px;font-size:32px;font-weight:900;letter-spacing:2px;line-height:1.2}.nav{position:absolute;left:40px;font-size:14px;font-weight:500;letter-spacing:1px;color:#000;cursor:pointer;transition:opacity .3s ease}.nav:hover{opacity:.6}.nav.works{top:100px}.nav.about{top:130px}.nav.contact{top:160px}.role-cn{position:absolute;top:40px;right:40px;font-size:14px;font-weight:400;letter-spacing:.5px;text-align:right}.name-small{position:absolute;top:64px;right:40px;font-size:14px;font-weight:500;text-align:right}.hero{position:absolute;left:50%;transform:translate(-50%);font-size:120px;font-weight:900;line-height:1.1;letter-spacing:8px;white-space:nowrap}.hero-cn{top:calc(50% - 80px);letter-spacing:8px}.hero-en{top:calc(50% + 20px);letter-spacing:12px}.calli{position:absolute;bottom:200px;left:40px;font-size:28px;font-weight:700;letter-spacing:2px}.product{position:absolute;bottom:170px;left:40px;font-size:28px;font-weight:700;letter-spacing:2px}.cn-role{position:absolute;bottom:185px;right:40px;font-size:28px;font-weight:700;letter-spacing:2px;text-align:right}.year{position:absolute;bottom:40px;left:40px;font-size:16px;font-weight:400;letter-spacing:1px}.stem,.animal,.season{position:absolute;bottom:40px;font-size:16px;font-weight:400;letter-spacing:1px}.stem{right:120px}.animal{right:70px}.season{right:40px}@media (max-width: 1024px){.hero{font-size:80px}.calli,.product,.cn-role{font-size:22px}}@media (max-width: 768px){.logo{top:20px;left:20px;font-size:24px}.nav{left:20px;font-size:12px}.nav.works{top:70px}.nav.about{top:95px}.nav.contact{top:120px}.role-cn,.name-small{top:20px;right:20px;font-size:12px}.name-small{top:40px}.hero{font-size:60px;letter-spacing:4px}.hero-cn{top:calc(50% - 60px)}.hero-en{top:calc(50% + 10px)}.calli,.product{bottom:150px;left:20px;font-size:18px}.product{bottom:125px}.cn-role{bottom:137px;right:20px;font-size:18px}.year{bottom:20px;left:20px;font-size:14px}.stem,.animal,.season{bottom:20px;font-size:14px}.stem{right:100px}.animal{right:60px}.season{right:20px}}@media (max-width: 480px){.hero{font-size:40px;letter-spacing:2px}.calli,.product,.cn-role{font-size:16px}.logo{font-size:20px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}