*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#f5f3ed;color:#24352b;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #48795b;outline-offset:6px}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid #d9ddd3}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:650}.brand-mark{font-size:32px;color:#48795b;line-height:1}.header nav{display:flex;gap:32px;font-size:14px}.header nav a:hover,.footer a:hover{color:#48795b}.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:55px;align-items:center;padding-block:78px 84px}.eyebrow{font-size:12px;letter-spacing:1.7px;display:flex;align-items:center;gap:9px;margin:0 0 25px}.dot{width:7px;height:7px;background:#48795b;border-radius:50%}h1{font-size:clamp(36px,4.5vw,60px);line-height:1.25;letter-spacing:-2px;margin:0;font-weight:650}h1 span{color:#48795b}.intro{font-size:16px;line-height:1.95;color:#66726a;margin:26px 0 30px}.button{display:inline-flex;align-items:center;gap:34px;background:#31553e;color:#fff;padding:15px 20px;border-radius:7px;font-size:14px}.button:hover{background:#243f2e}.button span{font-size:22px;line-height:1}.version{font-size:11px;letter-spacing:1px;color:#727b73;margin:22px 0 0}.art{position:relative;height:440px;background:#e1e8db;border-radius:140px 140px 14px 14px;overflow:hidden;border:1px solid #d7dfd1}.art-label{position:absolute;top:35px;left:42px;font-size:10px;letter-spacing:2px;line-height:1.75;color:#64765e;z-index:2}.sun{position:absolute;top:82px;right:74px;width:81px;height:81px;border-radius:50%;background:#c79c5d}.arch{position:absolute;width:219px;height:300px;border-radius:110px 110px 0 0;background:#507458;left:70px;bottom:57px}.arch-inner{position:absolute;width:130px;height:230px;border-radius:80px 80px 0 0;background:#e1e8db;left:114px;bottom:57px}.ball{position:absolute;width:96px;height:96px;border-radius:50%;background:#d4b27b;left:135px;bottom:58px;box-shadow:inset -14px -10px 0 #c8a267}.stem{position:absolute;width:3px;height:127px;right:76px;bottom:57px;background:#355640}.leaf{position:absolute;background:#355640;width:70px;height:32px;border-radius:80% 0 80% 0}.leaf-one{right:73px;bottom:138px;transform:rotate(28deg)}.leaf-two{right:17px;bottom:112px;transform:rotate(-18deg)}.art-foot{position:absolute;bottom:19px;left:27px;right:27px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#5e725b}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:18px}.section-heading h2{margin:0;font-size:24px;font-weight:600;letter-spacing:-.5px}.section-heading>span{font-size:12px;color:#748074}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.work-art{position:relative;height:255px;border-radius:10px;overflow:hidden}.poster{background:#315540;color:#f1eddd;display:flex;align-items:center;padding-left:44px}.poster strong{position:relative;font-size:36px;line-height:1.4;font-weight:550;letter-spacing:1px;z-index:1}.poster-orbit{position:absolute;width:250px;height:250px;border:35px solid #829275;border-radius:50%;right:-24px;top:16px;opacity:.55}.art-number{position:absolute;bottom:21px;right:24px;font-size:12px;letter-spacing:2px}.notebook{background:#e4dac9;padding:28px 44px;color:#7f6a4a}.paper{background:#fbfaf5;padding:21px 26px;transform:rotate(-5deg);box-shadow:0 10px 30px #776b5020}.paper>span{font-size:8px;letter-spacing:2px}.paper strong{display:block;font-size:21px;font-weight:550;line-height:1.7;margin:10px 0 15px;color:#44513d}.paper>div{height:1px;background:#dce0d4;margin-top:11px}.work-meta{padding:19px 2px}.work-meta h3{font-size:16px;margin:0 0 9px;font-weight:600}.work-meta p{font-size:13px;margin:0;color:#748074;line-height:1.6}.about{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:36px;border-top:1px solid #d9ddd3;border-bottom:1px solid #d9ddd3;margin-top:52px;padding-block:43px}.about-flower{font-size:92px;color:#849b7c;text-align:center}.about .eyebrow{font-size:10px;color:#748074;margin-bottom:15px}.about h2{font-size:26px;margin:0 0 14px;font-weight:600}.about p:last-child{font-size:14px;color:#687469;line-height:1.9;margin:0;max-width:710px}.notes{padding-block:48px 54px}.notes article{padding:28px;background:#eeeee5;border:1px solid #e2e4d9;border-radius:10px}.note-tag{font-size:10px;border:1px solid #bacab5;border-radius:4px;padding:4px 7px;color:#57714e}.notes h3{font-size:18px;font-weight:550;line-height:1.6;margin:18px 0 9px}.notes p{font-size:13px;line-height:1.85;margin:0;color:#748074}.footer{display:flex;justify-content:space-between;gap:20px;padding-block:25px 30px;border-top:1px solid #d9ddd3;font-size:11px;color:#6f7b70}.footer>span:first-child{font-weight:600;color:#425544}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{padding-block:22px}.header nav{gap:19px;font-size:13px}.brand{font-size:16px}.hero{grid-template-columns:1fr;gap:38px;padding-block:44px 48px}h1{font-size:42px;letter-spacing:-1px}.intro{font-size:15px}.art{height:370px;max-width:470px;width:100%;margin-inline:auto}.arch{left:15%;width:45%;height:262px}.arch-inner{left:24%;width:27%;height:196px}.ball{left:28%;width:83px;height:83px}.sun{right:15%;top:68px;width:69px;height:69px}.section-heading{align-items:flex-start}.section-heading h2{font-size:22px}.section-heading>span{max-width:130px;line-height:1.7;text-align:right}.work-grid{grid-template-columns:1fr;gap:17px}.work-art{height:245px}.about{grid-template-columns:1fr;gap:14px;margin-top:30px;padding-block:28px}.about-flower{text-align:left;font-size:60px;line-height:1}.about h2{font-size:23px}.notes{padding-block:32px 38px}.notes article{padding:23px}.footer{flex-wrap:wrap;gap:12px}.footer>span:nth-child(2){order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}