@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#202520;--muted:#737970;--line:#e4e5dc;--paper:#f7f7f2;--accent:#b9db66;--blue:#e6edf1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}.topbar{height:78px;padding:0 6.2%;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.96);z-index:5}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:700;font-size:16px;letter-spacing:-.04em}.brand small{display:block;color:#7a8076;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin-top:3px}.brand-icon{height:36px;width:36px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font:700 17px Georgia}.brand-icon span{color:#778d3a}.search{height:40px;border-radius:5px;background:#f4f5f1;display:flex;align-items:center;padding:0 12px;gap:9px;max-width:500px;flex:1;margin:auto;color:#71796d}.search input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.search kbd{border:1px solid #d9ddd3;border-radius:3px;padding:2px 5px;font-size:10px}.join,.side-join{background:var(--ink);color:white;border:0;border-radius:3px;padding:11px 15px;font-size:12px}.join span{color:var(--accent);margin-left:8px}.hero{padding:68px 8% 72px;display:grid;grid-template-columns:1fr .94fr;gap:7%;align-items:center;background:var(--paper);min-height:510px}.hero-copy{max-width:570px}.overline,.side-label,.card-kicker,.feed-meta,.visual-index{font:500 10px 'DM Mono',monospace;letter-spacing:.12em;color:#72796e}.overline i,.feed-meta i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a3c958;margin-right:8px}.hero h1{font-size:clamp(48px,6vw,78px);letter-spacing:-.07em;line-height:.98;margin:23px 0}.hero h1 em,.workbench h2 em,.photo-strip h2 em{font-family:'Playfair Display',serif;font-weight:500;color:#6e8542}.hero-copy>p{color:#666e63;line-height:1.75;max-width:460px;font-size:15px}.hero-buttons{display:flex;align-items:center;gap:24px;margin-top:26px}.button{border:0;padding:13px 18px;font-weight:600;font-size:12px;border-radius:3px;text-decoration:none;display:inline-flex;gap:20px;align-items:center}.button.dark{background:var(--ink);color:white}.button.dark span{color:var(--accent)}.text-link{font-size:12px;color:#39433a;text-decoration:none;border:0;background:none}.hero-note{display:flex;gap:12px;align-items:center;margin-top:36px;color:#788074;font-size:11px}.avatars{font-size:12px;letter-spacing:-3px;color:#617546}.hero-visual{height:365px;position:relative}.hero-visual>img{width:100%;height:100%;object-fit:cover;border-radius:3px;filter:saturate(.78)}.visual-tag{position:absolute;left:-25px;bottom:24px;background:#fff;padding:15px 18px;display:flex;gap:12px;align-items:center;box-shadow:0 8px 35px #18201618}.spark{font-size:22px;color:#819d47}.visual-tag b,.visual-tag small{display:block}.visual-tag b{font-size:12px}.visual-tag small{font-size:10px;color:var(--muted);margin-top:4px}.visual-index{position:absolute;right:12px;top:12px;background:#fff;padding:7px}.principles{display:flex;justify-content:center;gap:27px;align-items:center;padding:18px;border-bottom:1px solid var(--line);color:#4c544b}.principles span{font:10px 'DM Mono';letter-spacing:.1em;color:#878c82}.principles b{font-size:11px;font-weight:600}.principles i{color:#9ab45f;font-style:normal}.community{padding:58px 6.2% 76px;display:grid;grid-template-columns:205px minmax(400px,1fr) 250px;gap:38px;max-width:1500px;margin:auto}.sidebar{padding-top:5px}.side-label{font-size:9px;margin-bottom:15px}.room{display:block;text-align:left;width:100%;padding:11px 9px;border:0;background:none;border-radius:3px;font-size:12px;color:#667064}.room.active{background:#f0f3e9;color:#252c24;font-weight:700}.room span{color:#82984d;margin-right:8px}.room b{float:right;color:#8c9386;font-size:10px}.room-label{margin-top:28px}.side-card{background:#f3f5eb;padding:18px;margin-top:36px}.side-card-icon{font-size:19px;color:#80964d}.side-card h3{font:500 22px 'Playfair Display';line-height:1.15;margin:10px 0}.side-card p,.side-card a{font-size:10px;line-height:1.6;color:#71776c}.side-card a{color:#35452a;text-decoration:none;font-weight:600}.side-join{margin-top:17px;width:100%;font-size:10px}.feed-heading{display:flex;justify-content:space-between;align-items:end;margin:0 0 22px}.feed-heading h2{font-size:29px;letter-spacing:-.05em;margin:7px 0 0}.feed-heading h2 span{font:12px 'DM Sans';letter-spacing:0;color:#81877c}.sort{display:flex;gap:4px}.sort button{background:transparent;border:1px solid transparent;color:#858b81;font-size:10px;padding:7px 9px;border-radius:3px}.sort button.selected{background:#f0f2eb;color:#333c30}.composer-open{display:flex;align-items:center;gap:11px;border:1px solid var(--line);padding:11px 13px;margin-bottom:18px}.mini-avatar{width:30px;height:30px;border-radius:50%;background:#e5edda;display:grid;place-items:center;color:#789347}.composer-open button{border:0;background:none;text-align:left;color:#8a9086;flex:1;font-size:12px}.composer-open>span{color:#a0a59d;font-size:10px}.composer{border:1px solid #cfd4c5;padding:16px;margin-bottom:19px;display:grid;gap:11px}.hidden{display:none!important}.form-head,.form-foot{display:flex;justify-content:space-between;align-items:center}.form-head b{font-size:13px}.icon-button{border:0;background:none;font-size:22px;color:#777}.composer input,.composer textarea,.composer select,.bench-form input,.bench-form select{padding:11px;border:1px solid var(--line);background:#fff;outline-color:#a6c367;font-size:12px}.composer textarea{min-height:95px;resize:vertical}.form-foot select{max-width:200px}.feed-meta{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:9px}.feed-meta i{width:6px;height:6px}.post{padding:20px 0;border-bottom:1px solid var(--line)}.post-top{display:flex;align-items:center;gap:8px;color:#858b81;font-size:10px}.post-room{color:#657843;background:#f1f4e9;padding:4px 7px;border-radius:2px}.post h3{font-size:17px;letter-spacing:-.025em;margin:11px 0 7px}.post p{font-size:12px;line-height:1.7;color:#666e63;margin:0}.post-actions{display:flex;gap:9px;margin-top:14px}.post-actions button{border:1px solid #e8e9e2;background:white;padding:6px 9px;border-radius:3px;font-size:10px;color:#687064}.post-actions button:hover,.post-actions button.active{background:#eef3e4;color:#516632}.comment-box{margin:13px 0 0 20px;padding-left:14px;border-left:2px solid #e8ebdf}.comment-item{font-size:11px;padding:7px 0;color:#5d655a}.comment-box form{display:flex;gap:7px;margin-top:7px}.comment-box textarea{flex:1;resize:vertical;min-height:36px;border:1px solid var(--line);padding:8px;font-size:11px}.comment-box form button{border:0;background:#e9efdc;padding:0 12px;font-size:11px}.right-column{padding-top:38px}.trend-card{background:#e9eff0;padding:19px}.card-kicker{font-size:9px;display:flex;justify-content:space-between}.trend-card h3{font:500 21px 'Playfair Display';line-height:1.18;margin:25px 0 10px}.trend-card p{font-size:11px;line-height:1.6;color:#67716f}.trend-card a{font-size:11px;color:#364640;text-decoration:none;font-weight:600;display:flex;justify-content:space-between;margin-top:21px}.image-stack{height:145px;position:relative;margin-top:17px}.image-stack img{width:100%;height:100%;object-fit:cover}.image-stack div{position:absolute;bottom:0;left:0;right:0;padding:22px 11px 9px;color:#fff;background:linear-gradient(transparent,#17201ca8)}.image-stack b,.image-stack small{display:block}.image-stack b{font-size:11px}.image-stack small{font-size:9px;opacity:.8;margin-top:4px}.image-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.image-row img{height:72px;width:100%;object-fit:cover}.mini-note{display:flex;gap:9px;color:#77816e;margin-top:14px}.mini-note span{color:#8ea558}.mini-note p{font-size:10px;line-height:1.5;margin:0}.workbench{background:#222923;color:#f3f4ed;padding:66px 10%;display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:start}.workbench .overline{color:#c1d99b}.workbench h2{font-size:40px;line-height:1.05;letter-spacing:-.05em;margin:17px 0}.workbench h2 em{color:#c6df8c}.workbench-intro>p{font-size:12px;line-height:1.7;color:#c0c6bb;max-width:350px}.session-badge{font:9px 'DM Mono';color:#d2dda9;margin-top:25px;letter-spacing:.05em}.session-badge span{display:inline-block;width:6px;height:6px;background:#bedb76;border-radius:50%;margin-right:7px}.bench-form{display:grid;gap:11px}.bench-form label{display:grid;gap:6px;font-size:10px;color:#cbd0c6}.bench-form input,.bench-form select{background:#2d352e;border-color:#465047;color:#f4f4ed}.bench-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.do-not{font-size:10px!important;color:#dce4c7!important;padding:8px 10px;background:#2c352d}.bench-actions{display:flex;align-items:center;gap:15px}.workbench .text-link{color:#d4d9cc}.bench-output{padding:15px;border:1px solid #454e45;min-height:80px;color:#e7ebdf}.bench-output>span{font:9px 'DM Mono';letter-spacing:.1em;color:#bfce9f}.bench-output p{font-size:11px;line-height:1.65;color:#d8ddd1}.bench-output ol{margin:10px 0 0;padding-left:18px;font-size:11px;line-height:1.9}.photo-strip{min-height:260px;padding:45px 10%;display:grid;grid-template-columns:1fr .8fr;gap:8%;align-items:center;background:#f4f4ed}.photo-strip h2{font-size:34px;letter-spacing:-.04em;line-height:1.1;margin:13px 0}.photo-strip a{color:#35432d;font-size:11px;font-weight:600;text-decoration:none}.photo-strip img{width:100%;height:175px;object-fit:cover}.notice{margin:38px auto;max-width:1100px;padding:22px 25px;background:#f6f6f1;display:grid;grid-template-columns:35px 1fr auto;gap:15px;align-items:start}.notice-mark{width:25px;height:25px;border:1px solid #a9ba81;border-radius:50%;display:grid;place-items:center;color:#637840;font-weight:700}.notice b{font-size:12px}.notice p{font-size:10px;line-height:1.7;color:#70776c;margin:7px 0 0}.notice>a{font-size:10px;color:#52643b;text-decoration:none;white-space:nowrap}footer{border-top:1px solid var(--line);padding:25px 6.2%;display:flex;justify-content:space-between;align-items:center}footer>span,footer nav a{font-size:10px;color:#80867b}footer nav{display:flex;gap:18px}footer nav a{text-decoration:none}
@media(max-width:1050px){.community{grid-template-columns:165px minmax(350px,1fr);gap:25px}.right-column{display:none}.hero{padding-left:6%;padding-right:6%}}@media(max-width:700px){.topbar{height:64px;padding:0 16px;gap:12px}.brand{font-size:14px}.brand small{font-size:8px}.brand-icon{width:31px;height:31px}.search{height:36px}.search kbd{display:none}.join{font-size:0;padding:10px}.join span{font-size:16px;margin:0}.hero{display:flex;flex-direction:column;align-items:stretch;padding:42px 22px 35px;gap:28px}.hero h1{font-size:53px}.hero-visual{height:245px;margin-left:14px}.visual-tag{left:-14px}.principles{justify-content:flex-start;overflow:auto;white-space:nowrap;gap:15px;padding:15px 18px}.principles span{display:none}.community{display:block;padding:36px 18px 50px}.sidebar{margin-bottom:23px}.sidebar>.side-label:first-child,.side-card,.side-join{display:none}.room-label{margin:0 0 8px}.sidebar #room-list{display:flex;overflow:auto;gap:6px}.room{width:auto;white-space:nowrap;border:1px solid #e8e9e2;padding:8px 10px;font-size:10px}.room b{display:none}.feed-heading{display:block}.feed-heading h2{font-size:25px}.sort{margin-top:12px}.composer-open>span{display:none}.post h3{font-size:16px}.workbench{padding:43px 20px;display:block}.workbench h2{font-size:34px}.bench-form{margin-top:26px}.bench-grid{grid-template-columns:1fr}.photo-strip{padding:36px 22px;grid-template-columns:1fr;gap:22px}.photo-strip img{height:155px}.notice{margin:22px 18px;padding:17px;grid-template-columns:28px 1fr}.notice>a{grid-column:2}footer{padding:22px 18px;display:grid;gap:16px}footer>span{order:2}footer nav{gap:14px}.hero-buttons{gap:14px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
