@charset "UTF-8";
:root{--paper:#f7f8f5;--ink:#25332c;--muted:#657369;--line:#dce3db;--green:#576f49;--font:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","PingFang TC","Noto Sans TC",sans-serif;font-family:var(--font);font-kerning:normal;-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.65}html{scroll-behavior:smooth;scroll-padding-top:28px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #718c60;outline-offset:5px}[hidden]{display:none!important}.skip-link{position:fixed;top:-70px;left:20px;z-index:10;background:#c4f46d;padding:10px 15px}.skip-link:focus{top:12px}
.site-header{height:88px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:10px;align-items:center;font-size:21px;font-weight:650;letter-spacing:-1px;white-space:nowrap}.brand>span{color:#6d8657;font-size:30px;font-weight:400;line-height:1}.site-header nav{display:flex;gap:32px;font-size:13px;font-weight:450}.site-header nav a{padding:9px 0}.site-header nav a[aria-current]{color:#4c663b;border-bottom:1px solid #4c663b}.site-header nav span{margin-left:8px;color:#70885c}
.intro,.collection,.invitation,body>footer{max-width:1268px;margin:auto;padding-left:6%;padding-right:6%}.intro{padding-top:48px}.intro-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:550;margin:0;color:#667960;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:#7a995e;border-radius:50%}.issue{font-size:10px;color:#8b968c;letter-spacing:1px}.intro-main{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end;padding:61px 0 56px}.page-kicker{font-size:13px;letter-spacing:3px;font-weight:400;margin:0 0 19px;color:#788777}h1{font-size:49px;font-weight:450;letter-spacing:-1.6px;line-height:1.43;margin:0}h1>span{color:#7a8970}.intro-copy{padding-bottom:5px}.intro-copy p{font-size:14px;color:var(--muted);line-height:2;margin:0 0 16px}.intro-copy p:first-child{color:var(--ink);font-size:16px;font-weight:450}.intro-copy p:last-child{margin-bottom:0}.intro-footer{padding:24px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:11px;color:var(--muted);letter-spacing:.5px}.intro-footer>a{color:var(--ink);display:flex;gap:32px;align-items:center}.intro-footer>a>span{font-size:20px}
.collection{padding-top:82px;padding-bottom:76px}.collection-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:35px}.collection-top h2{font-size:29px;font-weight:450;letter-spacing:-.6px;margin:12px 0 0;line-height:1.4}.collection-top h2>span{color:#8ea07c}.collection-note{font-size:12px;color:var(--muted);margin:0 0 3px}.search-tools{display:flex;flex-direction:column;gap:25px;padding:0 0 24px;border-bottom:1px solid var(--line)}.filter-list{display:flex;flex-wrap:wrap;gap:8px}.filter{font-size:12px;line-height:1.5;background:transparent;color:#657369;border:1px solid #dce3db;padding:10px 16px;min-height:40px;border-radius:50px;transition:background .15s,color .15s}.filter:hover{background:#e8eee1}.filter.active{background:#29392c;color:#f6f8ef;border-color:#29392c}.search{display:flex;align-items:center;gap:20px;font-size:12px;color:var(--muted)}.search input{font-size:14px;font-weight:400;border:0;border-bottom:1px solid #b9c6b5;background:transparent;border-radius:0;color:var(--ink);padding:11px 1px;width:min(360px,100%);outline-offset:3px}.search input::placeholder{color:#939d94}.collection-meta{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);padding:23px 0}.collection-meta p{margin:0}.collection-meta>span{color:#8b968c}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px}.case-card{--accent:#677e53;--wash:#edf2e7;background:#fff;border:1px solid #e0e6dd;border-radius:8px;overflow:hidden;scroll-margin-top:30px}.case-card.tone-1{--accent:#8e7550;--wash:#f4f0e8}.case-card.tone-2{--accent:#a56e54;--wash:#f5eeea}.case-card.tone-3{--accent:#5a7c7a;--wash:#eaf1f0}.case-card.tone-4{--accent:#7c759b;--wash:#efedf5}.case-card.tone-5{--accent:#607892;--wash:#edf1f6}.card-meta{background:var(--wash);display:flex;justify-content:space-between;padding:16px 26px;color:var(--accent);font-size:10px;letter-spacing:.7px}.case-number{font-variant-numeric:tabular-nums;letter-spacing:1px}.case-card h3{font-size:23px;font-weight:500;line-height:1.5;letter-spacing:-.3px;padding:25px 26px 0;margin:0;min-height:94px;display:flex;align-items:center}.case-hook{font-size:13px;color:#68776c;line-height:1.85;margin:0;padding:10px 26px 26px;min-height:84px;text-wrap:pretty}.case-card summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 26px;border-top:1px solid #e7ece3;font-size:12px;cursor:pointer;list-style:none}.case-card summary::-webkit-details-marker{display:none}.case-card summary:hover{background:#f7f9f4}.expand-icon{font-size:20px;font-weight:300;color:var(--accent);line-height:1}.case-card details[open] .expand-icon{transform:rotate(45deg)}.case-story{padding:5px 26px 25px;border-top:1px solid #e7ece3}.case-story section{margin:21px 0}.case-story h4{font-size:11px;color:var(--accent);font-weight:550;margin:0 0 9px;letter-spacing:.4px}.case-story p{font-size:14px;line-height:1.95;color:#526258;margin:0;text-wrap:pretty}.case-contact{font-size:12px;display:inline-flex;gap:32px;align-items:center;margin-top:3px;padding:8px 0;border-bottom:1px solid #adb9a7}.case-contact>span{color:var(--accent)}.collection-footnote{font-size:11px;line-height:1.9;color:#859080;margin:27px 0 0;max-width:680px}.empty-state{text-align:center;padding:80px 20px;background:#edf1e9;border-radius:8px}.empty-state h3{font-size:24px;font-weight:450}.empty-state p{font-size:14px;color:var(--muted)}.empty-state button{border:0;padding:12px 23px;color:#fff;background:#29392c;border-radius:4px;font-size:13px;margin-top:10px}
.invitation{border-top:1px solid var(--line);padding-top:65px;padding-bottom:70px;text-align:center}.invitation .eyebrow{justify-content:center}.invitation h2{font-size:35px;letter-spacing:-.6px;font-weight:450;margin:20px 0}.invitation p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.95;margin-bottom:29px}.invitation>a{display:inline-flex;align-items:center;gap:65px;background:#27382b;color:#fff;font-size:13px;padding:16px 23px;border-radius:5px}.invitation>a>span{color:#c4f46d;font-size:20px}body>footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:26px;padding-bottom:30px}footer>.brand{font-size:18px}footer>span{font-size:13px;color:var(--muted)}footer>small{font-size:10px;color:#8a958b}
@media(min-width:1500px){.intro,.collection,.invitation,body>footer{padding-left:60px;padding-right:60px}.intro-main{gap:60px}h1{font-size:54px}}
@media(max-width:1000px){h1{font-size:39px}.intro-main{gap:30px}.intro-copy p{font-size:13px}.intro-copy p:first-child{font-size:14px}.desktop-break{display:none}.case-card h3{font-size:21px}.collection-note{max-width:170px}}
@media(max-width:700px){.site-header{height:74px;padding:0 6%}.brand{font-size:18px;gap:7px}.brand>span{font-size:24px}.site-header nav{gap:16px;font-size:11px}.site-header nav a:first-child{display:none}.site-header nav span{display:none}.intro{padding-top:32px}.intro-top .issue{display:none}.eyebrow{font-size:9px;letter-spacing:1.2px}.intro-main{grid-template-columns:1fr;gap:25px;padding:37px 0 35px}.page-kicker{font-size:11px;margin-bottom:15px}h1{font-size:35px;line-height:1.5;letter-spacing:-1px}.intro-copy p{font-size:13px;line-height:1.95}.intro-copy p:first-child{font-size:14px;margin-bottom:13px}.intro-footer{font-size:10px;padding:18px 0;gap:16px;letter-spacing:0}.intro-footer>a{gap:15px}.collection{padding-top:48px;padding-bottom:48px}.collection-top{display:block;margin-bottom:25px}.collection-top h2{font-size:26px}.collection-note{max-width:none;margin-top:14px;font-size:11px}.filter-list{gap:7px}.filter{font-size:11px;padding:9px 13px;min-height:38px}.search-tools{gap:19px}.search{font-size:11px;gap:15px}.search input{width:calc(100% - 68px);font-size:13px}.collection-meta{font-size:10px;padding:20px 0}.collection-meta>span{display:none}.case-grid{grid-template-columns:1fr;gap:16px}.card-meta{padding:14px 22px}.case-card h3{padding:20px 22px 0;min-height:0;font-size:23px;line-height:1.55}.case-hook{padding:11px 22px 23px;min-height:0;font-size:13px}.case-card summary{padding:15px 22px}.case-story{padding-left:22px;padding-right:22px}.case-story p{font-size:13px}.invitation{padding-top:45px;padding-bottom:47px}.invitation h2{font-size:28px}.invitation p:not(.eyebrow){font-size:13px}body>footer{flex-wrap:wrap;gap:18px;padding-top:23px;padding-bottom:26px}footer>span{font-size:12px}footer>small{width:100%;font-size:9px}}
@media(max-width:380px){h1{font-size:29px}.brand{font-size:16px}.site-header nav{gap:12px;font-size:10px}.intro-footer>a{gap:8px}.intro-footer{font-size:9px}.case-card h3{font-size:21px}.invitation h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}