:root{color:#293a33;font-synthesis:none;--muted:#67736c;--line:#dedfd5;--green:#354d3e;scroll-behavior:smooth;background:#f8f7f2;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline-offset:6px;outline:3px solid #8b6e3d}p{line-height:1.8}h1,h2,h3,p{margin-top:0}::selection{background:#dce6b9}.shell{width:min(1160px,100% - 64px);margin-inline:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:#fff;padding:12px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:112px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{font-size:46px;line-height:1}.brand>span:last-child{letter-spacing:-1px;font-size:24px}.brand strong{font-weight:650}.brand small{letter-spacing:2.5px;margin-top:3px;font-size:10px;display:block}.site-header nav{gap:32px;font-size:13px;display:flex}.site-header nav a{padding:12px 0}.site-header nav a:hover{color:#7a8d5c}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;min-height:580px;padding-block:64px 70px;display:grid}.eyebrow{letter-spacing:2px;margin-bottom:24px;font-size:10px;font-weight:650;line-height:1.5}.hero .eyebrow{align-items:center;gap:9px;display:flex}.eyebrow>span{background:#8c9f68;border-radius:50%;width:7px;height:7px}.hero h1{letter-spacing:-3px;margin-bottom:25px;font-size:clamp(42px,4.8vw,64px);font-weight:600;line-height:1.36}.handmade{color:#617847;display:inline-block;position:relative}.handmade svg{fill:none;stroke:#adc082;stroke-width:3px;stroke-linecap:round;width:100%;height:15px;position:absolute;bottom:-2px;left:0}.hero-description{color:var(--muted);margin-bottom:28px;font-size:14px;line-height:2}.button{background:var(--green);color:#fff;border-radius:7px;justify-content:space-between;align-items:center;gap:38px;min-height:50px;padding:12px 22px;font-size:13px;transition:background .2s;display:inline-flex}.button:hover{background:#50684f}.button span{font-size:20px}.hero-note{color:var(--muted);letter-spacing:.4px;margin:14px 0 0;font-size:10px}.hero-art{background:radial-gradient(#edeedd 0,#0000 65%);width:100%;max-width:460px;height:390px;margin-left:auto;position:relative}.hero-paper{background:#fffef9;border:1px solid #e2e0d4;flex-direction:column;gap:18px;width:215px;height:275px;padding:24px 23px 18px;display:flex;position:absolute;top:46px;left:66px;transform:rotate(-9deg);box-shadow:0 12px 30px #36412716}.hero-paper-grid{background-image:linear-gradient(#dbdfd0 1px,#0000 1px),linear-gradient(90deg,#dbdfd0 1px,#0000 1px);background-size:16px 16px;flex:1}.hero-paper>span{letter-spacing:2px;font-size:9px;line-height:1.8}.hero-mini-card{background:#eadbc9;width:175px;height:126px;padding:22px;font-family:Georgia,serif;font-size:22px;line-height:1.15;position:absolute;bottom:64px;right:7px;transform:rotate(10deg);box-shadow:0 12px 25px #36412712}.hero-mini-card em{font-size:17px}.hero-mini-card i{color:#977563;font-size:25px;font-style:normal;position:absolute;bottom:12px;right:16px}.hero-star{color:#b5c77e;font-size:142px;line-height:1;position:absolute;top:40px;right:26px;transform:rotate(8deg)}.orbit-note{color:#7d856e;z-index:1;font:italic 17px/1.6 Georgia,serif;position:absolute;top:7px;left:7px;transform:rotate(-10deg)}.tape{background:#d8dbbaaa;width:92px;height:26px;position:absolute;top:33px;left:146px;transform:rotate(-15deg)}.art-caption{letter-spacing:2px;color:#777e71;font-size:9px;position:absolute;bottom:6px;right:8px}.projects{padding-bottom:74px;scroll-margin-top:28px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.section-heading .eyebrow{color:var(--muted);margin-bottom:10px}h2{letter-spacing:-.8px;margin-bottom:0;font-size:27px;font-weight:550}.section-heading>p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.project-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.project-card{border:1px solid #334d3910;border-radius:10px;padding:19px 22px 24px;overflow:hidden}.paper{background:#ebefdf}.beads{background:#f0e5dc}.gathering{background:#ece9dd}.stars{background:#e3e8ec}.card-top{justify-content:space-between;align-items:center;display:flex}.project-number{letter-spacing:2px;color:#657365;font-size:11px}.status-badge{color:#52614e;background:#ffffff35;border:1px solid #65735b40;border-radius:100px;padding:4px 10px;font-size:10px;line-height:1.5;display:inline-block}.illustration{justify-content:center;align-items:center;height:175px;margin:12px 0 9px;display:flex;position:relative}.paper-sheet{background:#fffcf4;border:1px solid #bcc2a24d;width:102px;height:132px;position:absolute;box-shadow:0 6px 12px #3b432a10}.paper-back{left:calc(50% - 62px);transform:rotate(-16deg)}.paper-front{padding:12px;transform:rotate(7deg)}.paper-grid{background-image:linear-gradient(#c8d0b7 1px,#0000 1px),linear-gradient(90deg,#c8d0b7 1px,#0000 1px);background-size:10px 10px;height:91px}.paper-front span{letter-spacing:1px;margin-top:7px;font-size:4px;display:block}.pencil{background:linear-gradient(90deg,#9ba770 0 50%,#b1bd89 50%);border-radius:1px 1px 0 0;width:8px;height:103px;position:absolute;top:53px;right:calc(50% - 73px);transform:rotate(28deg)}.pencil:after{content:"";border-top:13px solid #c9ad86;border-left:4px solid #0000;border-right:4px solid #0000;position:absolute;bottom:-13px}.bead-board{background:#fff9ee;border-radius:4px;grid-template-columns:repeat(9,10px);gap:3px;padding:14px;display:grid;transform:rotate(-8deg);box-shadow:0 8px 16px #60473712}.bead{background:#ead9ca;border-radius:50%;width:10px;height:10px;display:block;position:relative}.bead:after{content:"";background:#fff9ee;border-radius:50%;width:3px;height:3px;position:absolute;top:3.5px;left:3.5px}.bead.filled{background:#bb715c}.table-line{border-bottom:1px solid #b8b5a2;position:absolute;bottom:34px;left:8%;right:8%}.place-card{background:#fffef7;border:1px solid #d0c9b780;width:124px;height:97px;padding:11px 15px;transform:rotate(-6deg);box-shadow:8px 10px #dbd2bf77}.card-flower{color:#8a9870;margin-bottom:5px;font-size:14px;display:block}.welcome{font:19px/.96 Georgia,serif;display:block}.card-rule{background:#b0aa92;width:20px;height:1px;margin-top:8px;display:block}.leaf{background:#96a27f;border-radius:100% 0;width:16px;height:36px;position:absolute;bottom:36px;right:14px;transform:rotate(20deg)}.leaf-two{background:#b0b998;bottom:28px;right:30px;transform:rotate(-45deg)}.star-print{color:#d8dfc8;text-align:center;background:#334954;width:126px;height:149px;padding:5px 9px;transform:rotate(8deg);box-shadow:0 8px 14px #203b471c}.star-print svg{width:100%;height:117px;display:block}.star-print span{letter-spacing:1.1px;font-size:5px}.project-english{letter-spacing:1.5px;color:#69716a;min-height:12px;margin-bottom:9px;font-size:8px}.card-copy h3{letter-spacing:-.5px;margin-bottom:11px;font-size:20px;font-weight:550}.project-description{color:#647064;min-height:45px;margin-bottom:21px;font-size:12px;line-height:1.85}.project-link{border-top:1px solid #53634c26;justify-content:space-between;align-items:center;min-height:44px;padding-top:10px;font-size:11px;display:flex}.project-link span[aria-hidden]{font-size:18px}.project-link:hover{text-decoration:underline}.about{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:60px 1fr 82px;align-items:center;gap:26px;margin-bottom:45px;padding-block:43px;scroll-margin-top:24px;display:grid}.about-icon{color:#93a370;font-size:62px}.about .eyebrow{color:var(--muted);margin-bottom:8px}.about h2{margin-bottom:14px;font-size:23px}.about p:last-child{color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.9}.about-label{color:#6a7a52;border:1px solid #adb68e;justify-content:center;align-items:center;height:78px;font-size:13px;line-height:1.8;display:flex;transform:rotate(9deg)}.site-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding-bottom:34px;font-size:10px;display:flex}.footer-brand{color:#354d3e;font-size:14px;font-weight:650}.site-footer p{margin:0}.detail{padding-block:44px 70px}.back-link{color:var(--muted);margin-bottom:34px;padding:12px 0;font-size:12px;display:inline-block}.detail-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:70px;display:grid}.detail h1{letter-spacing:-2px;margin-bottom:18px;font-size:44px;font-weight:600}.detail .eyebrow{margin-bottom:15px}.detail h2{margin:30px 0 12px;font-size:20px}.detail p,.detail li{color:var(--muted);font-size:14px;line-height:1.9}.detail .detail-intro{color:#3f5143;margin-top:25px;font-size:18px}.detail ol{padding-left:22px}.detail li{padding:5px 0}.development-note{background:#eeeee4;border-radius:8px;margin-top:32px;padding:22px 24px}.development-note h2{margin:0 0 12px;font-size:17px}.development-note p:last-child{margin-bottom:0}.detail-art{border-radius:12px;margin-top:42px;padding:45px 20px 20px}.detail-art .illustration{margin-block:40px 60px;transform:scale(1.45)}.detail-art p{text-align:center;color:#5b6a61;margin:0;font-size:10px}.not-found{padding-block:110px 140px}.not-found h1{font-size:36px}.not-found p{color:var(--muted)}.not-found .button{margin-top:15px}@media (width>=1440px){.hero{min-height:630px}}@media (width<=1000px){.project-grid{grid-template-columns:repeat(2,1fr);gap:20px}.project-card{padding:22px 27px}.illustration{height:185px}.project-description{min-height:0}.hero{gap:15px;min-height:530px}.hero-art{transform-origin:100%;transform:scale(.88)}.hero h1{font-size:51px}.detail-grid{gap:36px}.detail h1{font-size:36px}}@media (width<=640px){.shell{width:calc(100% - 40px)}.site-header{height:86px}.brand>span:last-child{font-size:21px}.brand-mark{font-size:38px}.brand small{font-size:8px}.site-header nav{gap:17px;font-size:11px}.hero{flex-direction:column;align-items:stretch;gap:22px;padding-block:45px 34px;display:flex}.hero .eyebrow{margin-bottom:20px;font-size:9px}.hero h1{letter-spacing:-2.5px;font-size:48px}.hero-description{font-size:13px;line-height:1.9}.desktop-break{display:none}.hero-art{transform-origin:50%;align-self:center;max-width:360px;height:320px;margin:-15px 0 -20px;transform:scale(.86)}.hero-paper{top:18px;left:40px}.hero-star{font-size:120px;top:10px;right:0}.orbit-note{font-size:14px;top:-5px;left:0}.hero-mini-card{width:152px;height:115px;font-size:20px;bottom:24px;right:-3px}.tape{top:5px;left:120px}.art-caption{font-size:8px;bottom:-13px;right:5px}.projects{padding-bottom:42px}.section-heading{margin-bottom:24px;display:block}.section-heading h2{margin-bottom:12px;font-size:25px}.section-heading>p br{display:none}.section-heading>p{font-size:12px}.project-grid{gap:14px}.project-card{padding:15px 15px 16px}.card-copy h3{font-size:18px}.status-badge{padding:3px 8px;font-size:9px}.project-english{letter-spacing:.7px;font-size:7px}.project-description{min-height:61px;margin-bottom:12px;font-size:11px}.project-link{font-size:10px}.illustration{height:145px;margin:5px -14px;transform:scale(.88)}.about{grid-template-columns:1fr;gap:14px;margin-bottom:28px;padding-block:30px}.about-icon{font-size:42px;line-height:1}.about-label{display:none}.about h2{font-size:22px}.about p:last-child{font-size:12px}.site-footer{grid-template-columns:1fr auto;gap:9px;padding-bottom:25px;font-size:9px;display:grid}.site-footer p{grid-area:2/1/auto/-1}.detail{padding-block:24px 45px}.back-link{margin-bottom:22px}.detail-grid{grid-template-columns:1fr;gap:25px}.detail h1{font-size:35px}.detail .detail-intro{font-size:16px}.detail-art{grid-row:2;margin-top:0;padding-block:20px}.detail-art .illustration{margin-block:20px 35px;transform:scale(1.2)}.not-found{padding-block:75px 100px}.not-found h1{font-size:28px}}@media (width<=380px){.project-grid{grid-template-columns:1fr}.project-card{padding:20px 25px}.illustration{height:175px;transform:none}.project-description{min-height:0}.project-english{font-size:8px}.card-copy h3{font-size:22px}.hero h1{font-size:42px}.hero-art{align-self:center;width:310px;margin-inline:-15px;transform:scale(.78)}.site-header nav{gap:12px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}}
