:root{--paper:#f7f6ef;--ink:#244b40;--muted:#68776b;--line:#dcded3;--yellow:#e9bf61}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #b68024;outline-offset:6px}.skip{position:absolute;top:-60px;background:white;padding:12px;z-index:10}.skip:focus{top:0}header,main,footer{max-width:1200px;margin:auto}header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:21px;font-weight:650;gap:12px}.brand small{font-size:9px;letter-spacing:1.5px;font-weight:500;border-left:1px solid var(--line);padding-left:14px;margin-left:4px}.mark{font-family:Georgia,serif;font-size:40px;line-height:1;font-weight:bold;position:relative}.mark span{font-size:18px;position:absolute;top:18px;left:13px;color:var(--paper)}nav{display:flex;gap:34px;font-size:14px}nav a:hover,.text-link:hover{color:#af6c1e}.hero{padding:85px 0 68px;display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;margin:0 0 22px}.eyebrow i{display:inline-block;width:7px;height:7px;background:#72966a;border-radius:50%;margin-right:8px}h1{font-size:64px;line-height:1.3;letter-spacing:-3px;margin:0 0 26px;font-weight:600}.underline{position:relative;white-space:nowrap}.underline:after{content:"";position:absolute;bottom:0;left:0;right:0;height:8px;border-top:3px solid var(--yellow);border-radius:50%}.intro{font-size:16px;color:var(--muted);line-height:2;margin-bottom:30px}.button{display:inline-flex;background:var(--ink);color:white;border-radius:4px;padding:13px 23px;gap:35px;font-size:14px}.button:hover{background:#38644d}.text-link{margin-left:24px;font-size:13px}.hero-foot{margin:45px 0 0;font-size:11px;letter-spacing:3px;color:var(--muted)}.art{height:435px;background:#e6e9da;border-radius:47% 47% 6px 6px;position:relative;overflow:hidden}.art-caption{position:absolute;top:48px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px}.sun{width:110px;height:110px;background:var(--yellow);border-radius:50%;position:absolute;top:100px;right:65px}.orbit{position:absolute;top:83px;right:48px;width:144px;height:144px;border:1px solid #b4bda7;border-radius:50%}.desk{height:35%;position:absolute;bottom:0;background:#bcc9ad;width:100%;border-top:1px solid #9cab8d}.cat{position:absolute;z-index:2;border-radius:48% 48% 20% 20%}.cat-back{width:150px;height:165px;background:#31584a;bottom:92px;left:86px;transform:rotate(-9deg)}.cat-front{width:130px;height:126px;background:#f5efe0;bottom:72px;left:205px;transform:rotate(9deg)}.ear{position:absolute;top:-20px;width:60px;height:70px;background:inherit;clip-path:polygon(10% 0,100% 100%,0 100%)}.e1{left:3px;transform:rotate(-10deg)}.e2{right:3px;transform:scaleX(-1) rotate(-10deg)}.face{position:absolute;top:38px;left:0;width:100%;text-align:center;letter-spacing:8px;font-size:25px;color:#f5efe0}.face span{font-size:15px}.cat-front .face{color:#31584a;top:26px;letter-spacing:6px}.label{position:absolute;z-index:3;bottom:25px;left:34px;right:34px;font-size:12px;letter-spacing:2px;display:flex;justify-content:space-between}.label span{font-size:23px}.star{position:absolute;top:118px;left:57px;font-size:35px;color:#668368}.plant{position:absolute;bottom:140px;right:46px;width:65px;height:140px;border-left:3px solid #557d55;transform:rotate(15deg)}.plant span{position:absolute;width:46px;height:25px;background:#759566;border-radius:0 100% 0 100%;left:0;top:20px;transform:rotate(-30deg)}.plant span:nth-child(2){top:60px;left:-44px;transform:rotate(20deg)}.plant span:nth-child(3){top:90px}.plant span:nth-child(4){top:0;left:-39px;transform:rotate(20deg)}.strip{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;font-size:11px;letter-spacing:2.5px}.strip b{font-size:18px;margin-left:35px}section{scroll-margin-top:24px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:90px 0}h2{font-size:34px;line-height:1.5;font-weight:550;letter-spacing:-1px;margin:0}h2 span{color:#83907b}.about p:not(.eyebrow){color:var(--muted);margin:0 0 18px;font-size:15px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.tags span{font-size:11px;border:1px solid #cbd2c3;border-radius:3px;padding:3px 10px}.works{border-top:1px solid var(--line);padding:65px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-head .eyebrow{margin-bottom:10px}.muted{font-size:12px;color:var(--muted)}.project{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}.project-visual{background:#dce3d4;padding:45px 37px 23px;border-radius:7px}.mini-browser{border:1px solid #abbba5;border-radius:7px;background:var(--paper);box-shadow:0 16px 25px #244b4012;transform:rotate(-3deg);overflow:hidden}.browser-top{border-bottom:1px solid #dcded3;padding:10px 14px;font-size:8px;color:#a2b298}.browser-top span{margin-left:34px;color:#68776b}.mini-body{position:relative;padding:25px}.mini-body small{font-size:8px;letter-spacing:1.5px}.mini-body strong{display:block;font-size:25px;line-height:1.55;margin-top:10px}.mini-sun{position:absolute;right:24px;top:50px;font-size:60px;color:#cb9851}.mini-button{display:inline-block;font-size:8px;background:var(--ink);color:white;padding:6px 12px;margin-top:17px}.visual-caption{display:block;font-size:9px;letter-spacing:2px;margin-top:29px}.project-copy h3{font-size:27px;margin:0 0 17px;font-weight:550}.project-copy p:not(.eyebrow){font-size:14px;color:var(--muted)}.project-copy .eyebrow{margin-bottom:15px}details{border-top:1px solid var(--line);margin-top:27px;padding-top:17px;font-size:13px}summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}.work-note{font-size:12px;color:var(--muted);margin:25px 0 0}.work-note span{font-size:20px;margin-right:9px}.notes{padding:55px 0 65px;border-top:1px solid var(--line)}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.note-grid article{border-top:1px solid var(--line);padding-top:23px}.note-number{font-family:Georgia,serif;font-style:italic;font-size:24px;color:#8f9b83}.note-grid h3{font-size:18px;font-weight:550;margin:14px 0}.note-grid p{font-size:14px;color:var(--muted);margin:0}.ending{padding:45px 25px 50px;background:#e9ede1;text-align:center;border-radius:7px;margin-bottom:55px}.ending>span{font-size:36px}.ending h2{font-size:26px;margin:10px 0}.ending p{font-size:13px;color:var(--muted)}.ending a{font-size:12px;display:inline-block;border-bottom:1px solid #99aa92;padding-bottom:3px;margin-top:12px}footer{border-top:1px solid var(--line);padding:25px 0 33px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}footer strong{font-size:15px;color:var(--ink);margin-right:24px}footer a:hover{text-decoration:underline}@media(max-width:1300px){header,main,footer{margin-left:7%;margin-right:7%}h1{font-size:54px}.hero{gap:35px}.art{height:405px}.cat-back{left:40px}.cat-front{left:150px}}@media(max-width:800px){header{height:90px}.brand small{display:none}nav{gap:18px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:48px;gap:35px}h1{font-size:48px}.art{height:375px;max-width:480px;width:100%;justify-self:center}.cat-back{left:22%}.cat-front{left:49%}.hero-foot{margin-top:30px}.about{grid-template-columns:1fr;gap:25px;padding:55px 0}.project{grid-template-columns:1fr;gap:30px}.note-grid{gap:22px}.strip{font-size:8px;letter-spacing:1px}.strip b{margin-left:7px}.section-head{display:block}.section-head .muted{display:block;margin-top:10px}h2{font-size:29px}.ending h2{font-size:23px}footer{display:block}footer>a{display:block;margin-top:9px}.works{padding:45px 0}}@media(max-width:480px){header,main,footer{margin-left:6%;margin-right:6%}.brand{font-size:17px;gap:8px}.mark{font-size:34px}nav{gap:13px}nav a:last-child{display:none}h1{font-size:43px}.intro{font-size:14px}.text-link{margin-left:15px}.button{padding:11px 18px;gap:22px}.art{height:340px}.art-caption{top:35px}.sun{top:80px;right:40px}.orbit{top:63px;right:23px}.cat-back{width:130px;height:150px;left:17%;bottom:76px}.cat-front{width:114px;height:112px;left:49%;bottom:60px}.plant{right:24px}.star{left:33px;top:86px}.note-grid{grid-template-columns:1fr;gap:28px}.note-grid article{padding-top:15px}.note-grid h3{display:inline;margin-left:12px}.note-grid p{margin-top:12px}.project-visual{padding:32px 23px 19px}.mini-body{padding:19px}.mini-body strong{font-size:23px}.mini-sun{right:15px;font-size:48px}.ending{padding:30px 16px}.ending h2{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}