@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&family=Noto+Serif+SC:wght@400;500;600&display=swap');
:root{--green:#183d30;--cream:#f6f3eb;--gold:#c4a46e;--ink:#20392f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans SC',sans-serif;font-size:14px}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--cream)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:54px;height:54px;border-radius:14px}.brand>span{font-size:29px;font-weight:900;letter-spacing:-1.5px}.brand small{display:block;font-size:10px;letter-spacing:3px;font-weight:400;margin-top:2px}nav{display:flex;gap:36px;align-items:center}nav a,nav button{background:none;border:0;font-size:13px;padding:12px 0}nav .active{border-bottom:1px solid var(--green)}#savedCount{font-size:10px;margin-left:3px}button.plan-link{border:1px solid #aeb7ab;border-radius:30px;background:transparent;padding:12px 20px}.plan-link span{margin-left:18px}.hero{height:650px;min-height:550px;position:relative;background:#395b4a;color:var(--cream);overflow:hidden}.hero-image,.hero-shade{position:absolute;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(8,29,24,.67),rgba(8,29,24,.05)),linear-gradient(0deg,rgba(8,29,24,.4),transparent 40%)}.hero-content{position:relative;padding:84px 7%}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:500}.hero h1{font-size:clamp(44px,5.6vw,80px);font-weight:600;line-height:1.28;letter-spacing:-3px;margin:28px 0 22px}.hero h1 span{font-family:'Noto Serif SC',serif;font-weight:400;color:#e4cba3}.hero p{font-size:14px;line-height:2.1;opacity:.9}.cream-button,.dark-button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;border:0;padding:17px 24px;background:var(--cream);color:var(--green);margin-top:22px}.hero-bottom{position:absolute;bottom:29px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}.hero-bottom i{display:inline-block;width:60px;height:1px;background:#fff;margin:3px 15px}.vertical{position:absolute;right:28px;top:40%;writing-mode:vertical-rl;font-size:9px;letter-spacing:4px}.search-wrap{margin:0 7%;position:relative;padding:32px 0 20px;border-bottom:1px solid #d8dace}.search-wrap form{display:grid;grid-template-columns:1.5fr 1fr auto;gap:32px;align-items:center}.search-wrap label+label{border-left:1px solid #d6d7cb;padding-left:32px}label small{display:block;font-size:10px;color:#748074;margin-bottom:8px}input,select{background:transparent;border:0;color:var(--ink);outline-offset:6px;width:100%;padding:5px 0}input::placeholder{color:#465d4e}.search-wrap form>button{padding:21px 26px;border:0;background:var(--green);color:var(--cream);display:flex;gap:30px}.search-tags{display:flex;gap:16px;align-items:center;font-size:10px;color:#788174;margin-top:22px}.search-tags button{border:0;background:none;color:#596958;font-size:10px;padding:0}.section{padding:82px 7%}.green{color:#748271}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}h2{font-size:36px;letter-spacing:-1px;font-weight:600;line-height:1.5;margin:13px 0 0}h2 em{font-family:'Noto Serif SC',serif;font-style:normal;font-weight:400}.section-top p{font-size:12px;line-height:1.9;color:#788174;margin:0}.filters{display:flex;gap:10px;margin-bottom:30px;align-items:center}.filters button{border:1px solid #d9dbd0;border-radius:30px;padding:10px 20px;background:transparent;color:#687664;font-size:12px}.filters button.selected{background:var(--green);color:var(--cream);border-color:var(--green)}.filters span{font-size:9px;margin-left:9px;opacity:.6}.filters button.clear{margin-left:auto;border:0;padding-right:0;font-size:10px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 22px}.card{min-width:0}.card-photo{position:relative;aspect-ratio:4/4.4;overflow:hidden;background:#d4dacd;cursor:pointer}.card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.card-photo:hover img{transform:scale(1.04)}.tag{position:absolute;left:16px;top:16px;font-size:10px;padding:7px 11px;background:var(--cream)}.save{position:absolute;right:13px;top:13px;background:#ffffffec;border:0;border-radius:50%;width:35px;height:35px;color:var(--green);font-size:21px}.save.on{background:var(--green);color:var(--cream)}.photo-caption{position:absolute;bottom:22px;left:22px;color:white;text-shadow:0 2px 12px #0005}.photo-caption small{font-size:10px;letter-spacing:3px}.photo-caption h3{font-size:32px;font-weight:500;margin:4px 0}.card-line{display:flex;justify-content:space-between;align-items:center;padding:17px 0 8px}.card-line h3{margin:0;font-size:15px;font-weight:500}.card-line button{border:0;background:none;font-size:20px;color:var(--green)}.card p{color:#7c8578;margin:0;font-size:11px;line-height:1.8}.card-meta{border-top:1px solid #dddfd3;margin-top:14px;padding-top:12px;display:flex;justify-content:space-between;color:#71806e;font-size:10px}.manifesto{margin:5px 0 0;background:var(--green);color:var(--cream);padding:70px 10%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.manifesto>div:not(.motif){z-index:1}.manifesto .eyebrow{color:#c6b18d}.manifesto h2{font-size:47px;margin-top:22px}.manifesto h2 span{font-family:'Noto Serif SC',serif;font-weight:400;color:#d7bd92}.manifesto p{font-size:12px;line-height:2;color:#c3cfc2;margin-top:20px}.motif{position:absolute;right:-80px;top:-210px;font-family:serif;font-size:780px;color:var(--gold);opacity:.15;line-height:1}.manifesto-note{font-family:'Noto Serif SC',serif;font-size:68px;writing-mode:vertical-rl;letter-spacing:20px}.manifesto-note small{font-size:11px;letter-spacing:5px;margin-right:28px}.subtle{color:#7b8576;font-size:12px;line-height:1.9}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.story{padding:0;border:0;background:transparent;text-align:left;color:var(--ink)}.story img{width:100%;height:280px;object-fit:cover}.story>span{display:block;font-size:10px;color:#7f8a77;margin-top:20px}.story h3{font-size:21px;font-weight:500;margin:12px 0}.story p{font-size:12px;color:#7a8574}.closing{border-top:1px solid #d9ddcf;margin:0 7%;padding:70px 0 80px;text-align:center}.closing h2{font-family:'Noto Serif SC',serif;font-weight:500;font-size:42px;margin:22px 0}.dark-button{background:var(--green);color:var(--cream)}footer{padding:40px 7%;background:#eaeadd;display:flex;justify-content:space-between;align-items:center;font-size:11px;line-height:2}footer small{font-size:10px;color:#7e8775}.footer-brand{font-size:33px;font-weight:900;letter-spacing:-1.5px}.footer-brand span{font-size:13px;display:block;letter-spacing:10px}dialog{border:0;background:var(--cream);color:var(--ink);width:min(640px,92vw);max-height:88vh;padding:35px;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#102c24b0;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:var(--cream);border-radius:50%;width:34px;height:34px;font-size:24px;z-index:2;color:var(--green)}.detail-img{width:100%;height:230px;object-fit:cover}.detail-copy{line-height:2;color:#697861;font-size:13px}.day{padding:15px 0;border-bottom:1px solid #d7dbce;line-height:1.8;font-size:12px}.day strong{display:block;font-weight:500}.date-label{display:flex;gap:20px;align-items:center;margin-top:25px;font-size:12px}.date-label input{width:auto}.plan-item{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #d3d9cc}.plan-item button{border:0;background:none;color:#7d6a50}.plan-item small{display:block;font-size:10px;color:#7e8977;margin-top:5px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--green);color:var(--cream);padding:14px 24px;z-index:10;opacity:0;pointer-events:none;transition:.2s;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}.hero{height:760px}}@media(max-width:800px){header{height:80px;padding:0 5%}.brand>span{font-size:23px}.brand img{width:43px;height:43px}.brand small{font-size:8px;letter-spacing:2px}nav{gap:12px}nav a{display:none}nav button{font-size:11px}.plan-link{font-size:11px!important;padding:9px 12px!important}.plan-link span{margin-left:4px}.hero{height:590px}.hero-content{padding:80px 7%}.hero h1{font-size:44px;letter-spacing:-2px}.hero-bottom>span:last-child{display:none}.vertical{right:15px}.search-wrap form{grid-template-columns:1fr 1fr;gap:18px}.search-wrap form>button{grid-column:span 2;justify-content:center;padding:15px}.search-wrap label+label{padding-left:15px}.search-wrap input,.search-wrap select{font-size:12px}.section{padding:55px 6%}.section-top{align-items:start}.section-top p,.section-top>.subtle{display:none}h2{font-size:29px}.filters{gap:7px;overflow:auto;white-space:nowrap;padding-bottom:5px}.filters button{padding:8px 13px;font-size:10px}.filters .clear{display:none}.cards{grid-template-columns:1fr 1fr;gap:26px 14px}.photo-caption{left:13px;bottom:15px}.photo-caption h3{font-size:25px}.photo-caption small{font-size:8px}.tag{font-size:8px;left:9px;top:10px;padding:5px 7px}.save{right:8px;top:8px;width:28px;height:28px;font-size:18px}.card-line h3{font-size:12px}.card p{font-size:10px}.card-meta{font-size:9px}.manifesto{padding:50px 7%}.manifesto h2{font-size:36px}.manifesto-note{display:none}.manifesto p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:2px}.story-grid{gap:25px;grid-template-columns:1fr}.story img{height:250px}.closing h2{font-size:34px}footer{flex-wrap:wrap;gap:25px}footer>span{width:100%}.footer-brand{font-size:30px}dialog{padding:25px}.hero-image{object-position:60% center}}