:root{--paper:#f8f6ef;--ink:#343e36;--muted:#798075;--green:#586e55;--line:#dfe2d6;--orange:#dc865e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft JhengHei","PingFang TC",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.skip{position:absolute;top:-100px;left:20px;z-index:5;background:white;padding:15px}.skip:focus{top:12px}header,main,footer{max-width:1120px;margin:auto}header{height:110px;display:flex;justify-content:space-between;align-items:center;padding:0 36px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-family:Georgia,serif;font-size:22px}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--paper);background:var(--green);font-style:italic;font-size:28px;padding-bottom:5px}.nav{text-decoration:none;font-size:13px}.nav span{margin-left:16px;color:var(--green)}main{padding:0 36px}.intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;min-height:480px;gap:30px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:600;color:var(--green);margin:0 0 23px}.eyebrow>span{display:inline-block;background:var(--green);border-radius:50%;width:6px;height:6px;margin-right:9px;vertical-align:middle}h1{font-size:clamp(30px,3.8vw,45px);line-height:1.6;letter-spacing:1px;margin:0;font-weight:700}h1>span{color:var(--green)}.lead{font-size:14px;line-height:2.1;color:var(--muted);margin:20px 0 25px}.explore{display:inline-flex;align-items:center;gap:32px;font-size:13px;text-decoration:none;border-bottom:1px solid #8b9b82;padding:0 0 8px}.art{height:340px;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:290px;height:290px;border-radius:50%;border:1px dashed #c8d0be;transform:rotate(-12deg)}.note{width:200px;height:248px;background:#e8eddf;transform:rotate(8deg);border:1px solid #d7decf;box-shadow:8px 12px 0 #e9e6d9;display:flex;flex-direction:column;align-items:center;position:relative}.tape{position:absolute;top:-14px;left:65px;width:70px;height:29px;background:#e7ce9dbd;transform:rotate(-11deg)}.note-top{font:italic 20px Georgia,serif;margin:36px 0 3px;color:#7c886e}.flower{font-size:100px;line-height:1.15;color:#788b64}.note-bottom{text-align:center;font:italic 17px/1.35 Georgia,serif;color:#78816b}.star{position:absolute;z-index:2}.one{top:30px;right:32px;font-size:56px;color:#d6a975;transform:rotate(12deg)}.two{bottom:51px;left:24px;font-size:35px;color:#8c9c7b}.tag{position:absolute;bottom:21px;right:10px;background:#fffdf7;border:1px solid #e1dfd1;border-radius:4px;padding:12px 17px;transform:rotate(-7deg);font-size:12px;color:#78816b}.projects{padding:25px 0 0;border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.section-head .eyebrow{margin:0 0 10px}h2{font-size:25px;font-weight:650;letter-spacing:1px;margin:0}.count{font:11px Georgia,serif;margin-left:14px;padding:5px 7px;border:1px solid #d8ddcf;border-radius:50%;vertical-align:middle;color:var(--green)}.section-head>p{color:var(--muted);font-size:12px;margin:0 0 4px}.project-card{display:grid;grid-template-columns:1.1fr 1fr;text-decoration:none;border:1px solid #dfdfd0;border-radius:20px;overflow:hidden;background:#fffdf8;transition:box-shadow .2s,transform .2s}.project-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #4654390c}.project-art{position:relative;min-height:300px;background:#f5ead7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background-image:radial-gradient(#c7aa7033 .7px,transparent .7px);background-size:10px 10px}.art-label{font-size:8px;letter-spacing:2px;color:#aa8b65}.mini-wheel{position:relative;width:172px;height:172px;border:6px solid #e5b675;border-radius:50%;background:conic-gradient(#f5dba4 0deg 90deg,#d4dfc8 90deg 180deg,#e8c8bc 180deg 270deg,#d0e1da 270deg);box-shadow:0 0 0 4px #fff7e4,0 5px 0 5px #d8c6a4;transform:rotate(-14deg)}.mini-wheel:after{content:"";position:absolute;top:-17px;left:65px;border-left:11px solid transparent;border-right:11px solid transparent;border-top:22px solid #d97f59}.mini-wheel>span{position:absolute;font-size:29px}.mini-wheel>span:nth-child(1){top:21px;right:24px}.mini-wheel>span:nth-child(2){bottom:21px;right:24px}.mini-wheel>span:nth-child(3){bottom:21px;left:24px}.mini-wheel>span:nth-child(4){top:21px;left:24px}.mini-wheel>b{position:absolute;inset:52px;border-radius:50%;background:#e18a63;color:#fff9eb;border:4px solid #fff5df;display:grid;place-items:center;font-size:13px;white-space:nowrap;transform:rotate(14deg)}.art-caption{font-size:18px;font-weight:700;letter-spacing:3px;color:#8c6b4c}.doodle{position:absolute;right:44px;top:70px;font-size:38px;color:#cfaa71}.project-copy{padding:36px 42px;display:flex;flex-direction:column;justify-content:center}.meta{display:flex;gap:14px;align-items:center;font-size:10px}.pill{background:#edf0e6;color:#6d7a60;border-radius:20px;padding:6px 10px}.available{color:#8c937f;display:flex;align-items:center;gap:5px}.available i{width:5px;height:5px;background:#90a17a;border-radius:50%}h3{font-size:28px;letter-spacing:2px;margin:21px 0 8px}.project-copy>p{font-size:13px;line-height:2;color:var(--muted);margin:0 0 24px}.project-link{font-size:13px;color:var(--green);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}.closing{text-align:center;margin:30px 0 50px;font-size:12px;color:#969b8c}.closing>span{color:#b7ad8d;margin-right:7px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:25px 36px 35px;color:#8b9282;font-size:11px}footer a{font:16px Georgia,serif;text-decoration:none;color:var(--green)}.domain{font-size:10px;letter-spacing:1px}@media(max-width:680px){header{height:82px;padding:0 23px}.brand{font-size:19px}.nav{font-size:11px}.nav span{margin-left:4px}main{padding:0 23px}.intro{grid-template-columns:1fr;padding:42px 0 35px;gap:15px}.eyebrow{font-size:9px}h1{font-size:30px}.lead{font-size:13px}.art{height:260px;max-width:340px;width:100%;margin:auto}.orbit{width:228px;height:228px}.note{width:164px;height:208px}.note-top{margin-top:29px;font-size:17px}.flower{font-size:78px}.note-bottom{font-size:15px}.tape{left:51px;width:62px}.one{top:12px;right:17px;font-size:43px}.two{left:25px;bottom:35px}.tag{bottom:3px;right:9px;font-size:10px}.section-head{align-items:start}.section-head>p{display:none}.project-card{grid-template-columns:1fr}.project-art{min-height:275px}.project-copy{padding:27px}h3{font-size:25px}.closing{font-size:11px;margin-bottom:35px}footer{padding:23px;flex-wrap:wrap;gap:15px}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card{transition:none}}