:root{--paper:#f5f2e9;--ink:#29382e;--muted:#657065;--line:#d6d8cc;--gold:#d7bd89}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft JhengHei",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #b48539;outline-offset:6px}header{height:98px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:25px;letter-spacing:2px;line-height:1.3}.brand small{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:5px;margin-top:7px}nav{display:flex;gap:32px;align-items:center;font-size:13px}.nav-cta{border:1px solid var(--ink);padding:9px 20px}.hero{display:grid;grid-template-columns:1fr 1fr;padding:40px 5.5% 0;gap:0 45px}.hero-copy{padding:65px 0 60px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2.5px;margin:0 0 25px}h1,h2{font-family:Georgia,"PMingLiU","Noto Serif TC",serif;font-weight:400;line-height:1.45;letter-spacing:2px}h1{font-size:clamp(38px,4.6vw,68px);margin:20px 0 25px}.lead{color:var(--muted);font-size:15px;line-height:2}.button{display:inline-flex;gap:52px;background:var(--ink);color:var(--paper);padding:15px 25px;margin:24px 0 12px;font-size:14px}.button:hover{background:#415846}.hero-note{font-size:11px;color:var(--muted);letter-spacing:1px}.hero-art{min-height:500px;background-image:url('assets/recruitment.jpg');background-size:213% auto;background-position:94% 0%;position:relative;border-radius:48% 48% 2px 2px;overflow:hidden}.art-label{position:absolute;bottom:24px;left:28px;color:white;font-family:Georgia,serif;letter-spacing:4px;line-height:1.6;font-size:11px;background:#29382ebd;padding:13px 18px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:24px 0;font-size:11px;letter-spacing:2px}.wrap{max-width:1200px;margin:auto;padding:95px 5.5%}h2{font-size:36px;margin:0 0 24px}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:start}.section-heading>p{max-width:410px;font-size:14px;color:var(--muted);margin-top:5px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:38px}.benefits>div{border-top:1px solid var(--line);padding-top:22px}.benefits span{font-size:30px;font-family:Georgia,serif}.benefits h3{font-size:16px;font-weight:400;margin:10px 0}.benefits p{font-size:13px;color:var(--muted)}.craft{background:#e9ecdf}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}figure{margin:0}.crop{height:350px;background-image:url('assets/recruitment.jpg');background-repeat:no-repeat;background-size:320% auto}.dress{background-position:0% 67%}.indigo{background-position:46% 67%}.hands{background-size:290% auto;background-position:100% 71%}figcaption{padding-top:16px}figcaption span{font-size:9px;letter-spacing:2px}figcaption h3{font-size:18px;font-weight:400;margin:6px 0}.process{display:grid;grid-template-columns:1fr 1.25fr;gap:60px}.process>div>p:last-child{color:var(--muted);font-size:14px}ol{list-style:none;padding:0;margin:0}li{display:flex;gap:28px;border-bottom:1px solid var(--line);padding:0 0 22px;margin-bottom:24px}li>span{font-family:Georgia,serif;color:#8d967a;font-size:28px}li h3{font-size:17px;font-weight:400;margin:0}li p{font-size:13px;color:var(--muted);margin:8px 0 0}.faq{padding-top:0;max-width:940px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-size:15px;gap:18px}summary::-webkit-details-marker{display:none}summary span{font-size:20px}details[open] summary span{transform:rotate(45deg)}details p{font-size:14px;color:var(--muted);max-width:680px}.join{text-align:center;background:var(--ink);color:var(--paper);padding:80px 24px}.join h2{font-size:44px}.join>p{font-size:14px;color:#d0d6c8}.join .eyebrow{color:var(--gold);font-size:10px}.join .button{background:var(--gold);color:var(--ink)}.contact-pending{border:1px solid #849078;display:inline-block;padding:12px 20px;font-size:13px;margin:20px 0}.join .tiny{font-size:11px;color:#b8c1b0}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 5.5%}footer>p,footer>a:last-child{font-size:10px;letter-spacing:1px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:5;padding:10px}@media(max-width:760px){header{height:82px}.brand{font-size:20px}nav{gap:14px}nav>a:not(.nav-cta){display:none}.nav-cta{padding:7px 12px;font-size:11px}.hero{grid-template-columns:1fr;gap:20px;padding-top:0}.hero-copy{padding:35px 0 5px}h1{font-size:43px}.hero-art{min-height:420px;background-size:210% auto;max-width:500px;width:100%;margin:auto}.hero-bottom{font-size:9px;letter-spacing:0}.wrap{padding:65px 6%}.section-heading{display:block}h2{font-size:30px}.benefits{grid-template-columns:repeat(2,1fr);gap:20px}.gallery{gap:12px;grid-template-columns:1fr 1fr}.gallery figure:last-child{grid-column:1/-1}.crop{height:270px}.hands{height:260px;background-size:230% auto;background-position:100% 72%}.process{display:block}.process ol{margin-top:35px}.faq{padding-top:0}.join h2{font-size:33px}footer{flex-wrap:wrap;gap:25px}footer>p{display:none}.contact-pending{font-size:12px}.lead{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.work-filters{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 12px}.work-filters button{font:inherit;font-size:13px;padding:8px 22px;border:1px solid #aeb6a2;border-radius:30px;color:var(--ink);background:transparent;cursor:pointer}.work-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.work-filters button:focus-visible{outline:3px solid #b48539;outline-offset:3px}.work-count{font-size:12px;color:var(--muted);margin-bottom:24px}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.work-card[hidden]{display:none}.work-image{display:block;position:relative;overflow:hidden;background:#d8dccf}.work-image img{display:block;width:100%;height:auto;aspect-ratio:640/853;object-fit:contain}.work-image>span{position:absolute;bottom:12px;right:12px;padding:5px 12px;background:#f5f2e9ed;font-size:11px}.work-card figcaption p{font-size:13px;color:var(--muted);margin:0}.work-credit{font-size:12px;color:var(--muted);border-top:1px solid #c6ccba;padding-top:22px;margin-top:36px}.work-credit a{text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.work-card h3{font-size:16px}.work-card figcaption>span{font-size:8px;letter-spacing:1px}.work-filters button{padding:7px 15px}.work-card figcaption p{font-size:12px}}@media(max-width:380px){.works-grid{grid-template-columns:1fr}}
/* Botanical paper and pressed-flower borders */
body{background-color:#f6f2e8;background-image:radial-gradient(ellipse at 4% 12%,#dce5ce70,transparent 38%),radial-gradient(ellipse at 95% 40%,#ead8df65,transparent 32%),url('assets/botanical.svg');background-repeat:no-repeat,no-repeat,repeat-y;background-size:100% 1800px,100% 2000px,520px auto;background-position:center top,center 1500px,right 700px}
header{background:#f8f5ecd9}.hero,.about,.craft,.process,.faq,.join{position:relative;isolation:isolate}.hero:before,.craft:before,.craft:after,.join:before,.join:after{content:'';position:absolute;z-index:-1;pointer-events:none;background:url('assets/botanical.svg') center/contain no-repeat}.hero:before{width:410px;height:570px;left:-120px;top:12px;opacity:.24;transform:rotate(-18deg)}.hero-copy{background:radial-gradient(ellipse at center,#f6f2e8ed 20%,#f6f2e877 60%,transparent 75%)}.hero-art{box-shadow:14px 16px 0 #e0e5d1,0 25px 60px #40503912}.about{background:linear-gradient(100deg,#f6f2e8e8,#f6f2e8b8)}.benefits>div{background:#fffdf78f;padding:22px 18px 12px;border-radius:2px 28px 2px 2px;border-color:#c1ccb1}.craft{overflow:hidden;background-color:#edf0e3;background-image:radial-gradient(ellipse at 5% 8%,#d3dfbd88,transparent 28%),radial-gradient(ellipse at 97% 40%,#e3cfdc66,transparent 25%),url('assets/botanical.svg');background-size:100% 1400px,100% 1800px,520px 620px;background-position:center top,center 900px,right top;background-repeat:no-repeat,no-repeat,repeat-y}.craft:before{width:380px;height:550px;left:-190px;top:20px;opacity:.55;transform:rotate(25deg)}.craft:after{width:430px;height:650px;right:-170px;bottom:20px;opacity:.35;transform:rotate(-25deg)}.craft>.wrap{background:linear-gradient(90deg,transparent,#edf0e3d9 12%,#edf0e3df 88%,transparent)}.work-card{background:#fffdf5ed;border:1px solid #d7decb;border-radius:4px 4px 18px 4px;box-shadow:0 5px 20px #354b3210;overflow:hidden}.work-card figcaption{padding:18px 18px 22px}.work-filters button{background:#fffdf4d9}.work-credit{background:#f8f7edf0;padding:18px 20px}.process{background:linear-gradient(90deg,#f6f2e8e8,#f6f2e8d9)}.faq{background:#f9f7efed;border-radius:32px;padding-top:38px;margin-bottom:70px;border:1px solid #e0e4d4}.join{overflow:hidden;background:radial-gradient(ellipse at 50% 0,#415341,transparent 75%),#29382e}.join:before{width:430px;height:620px;left:-50px;bottom:-150px;opacity:.5;filter:brightness(1.8);transform:rotate(12deg)}.join:after{width:400px;height:560px;right:-70px;top:-70px;opacity:.42;filter:brightness(1.8);transform:rotate(180deg)}footer{background:#f8f5ecd9}@media(max-width:760px){body{background-size:100% 1200px,100% 1500px,260px auto}.hero:before{width:270px;left:-130px;opacity:.22}.hero-art{box-shadow:8px 10px 0 #e0e5d1}.craft{background-size:100% 1200px,100% 1500px,310px 470px}.work-card figcaption{padding:12px 10px 16px}.work-card figcaption>span{letter-spacing:.3px}.benefits>div{padding:18px 12px 10px}.faq{margin:0 4% 48px;padding:32px 6%;border-radius:20px}.join:before{width:220px;left:-90px;opacity:.32}.join:after{width:210px;right:-100px;opacity:.3}}
