:root{color-scheme:light;--paper:#f6f5f0;--ink:#202922;--muted:#626a61;--green:#2c513d;--line:#dedfd6}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #537b39;outline-offset:4px}.top,main{max-width:1032px;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;padding:24px 28px}.brand{text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-1px}.brand span,.intro h1 span{color:#578449}.badge{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:600}.badge i{width:6px;height:6px;border-radius:50%;background:#5e8051}main{padding:0 28px calc(36px + env(safe-area-inset-bottom))}.intro{max-width:670px;padding:35px 0 26px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700;color:var(--green);margin:0 0 15px}.intro h1{font-size:clamp(32px,5.5vw,56px);line-height:1.06;letter-spacing:-.045em;font-weight:750;margin:0 0 18px}.intro>p:last-child{font-size:16px;color:var(--muted);max-width:510px;margin:0}.filters{display:flex;gap:6px;margin:5px 0 21px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:10px 15px;cursor:pointer;font-size:13px;font-weight:600;min-height:44px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.filters span{opacity:.6;margin-left:4px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tile{display:block;background:#fff;border:1px solid #e3e3db;border-radius:20px;overflow:hidden;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;min-width:0}.tile[hidden]{display:none}.picture{position:relative;aspect-ratio:1.5;background:#ddd9cf;overflow:hidden}.picture img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.category{position:absolute;top:12px;left:12px;border:1px solid #ffffff40;background:#1b241dd9;color:white;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;letter-spacing:.02em}.copy{padding:17px}.tile h2{margin:0 0 4px;font-size:19px;letter-spacing:-.025em}.tile p{color:var(--muted);font-size:13px;line-height:1.4;margin:0;min-height:37px}.open{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee;margin-top:14px;padding-top:12px;color:var(--green);font-size:12px;font-weight:700}.open svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.note{display:flex;gap:12px;padding:24px 0;margin-top:12px;border-bottom:1px solid var(--line);color:var(--muted)}.note>svg{flex:0 0 22px;width:22px;height:24px;fill:none;stroke:var(--green);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.note h2{font-size:14px;color:var(--ink);margin:0 0 5px}.note p{font-size:13px;max-width:770px;margin:0}footer{padding:26px 0 0;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}footer h2{font-size:18px;margin:0 0 4px;letter-spacing:-.02em}footer p{font-size:13px;color:var(--muted);margin:0}.cta{display:flex;gap:18px;justify-content:space-between;align-items:center;min-height:48px;background:var(--green);color:white;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:650;text-decoration:none}footer small{flex-basis:100%;font-size:11px;color:var(--muted);max-width:650px}@media(hover:hover){.tile:hover{transform:translateY(-3px);border-color:#b9c4ae;box-shadow:0 12px 30px #2029220b}.tile:hover img{transform:scale(1.035)}}@media(max-width:650px){.top{padding:20px}.brand{font-size:21px}main{padding-left:20px;padding-right:20px}.intro{padding-top:22px}.intro h1{font-size:36px}.intro>p:last-child{font-size:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.copy{padding:12px}.tile{border-radius:15px}.tile h2{font-size:16px}.tile p{font-size:12px;min-height:50px}.picture{aspect-ratio:1.15}.category{top:9px;left:9px;font-size:9px}.filters{gap:5px}.filters button{padding:9px 11px;font-size:12px}.open{font-size:11px;margin-top:10px;padding-top:10px}.cta{width:100%}.note{padding-top:20px}.badge{font-size:11px}}@media(max-width:350px){.top{padding:16px}main{padding-left:16px;padding-right:16px}.intro h1{font-size:31px}.copy{padding:10px}.tile h2{font-size:15px}.tile p{font-size:11px}.category{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
