@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&display=swap');:root{--ink:#293437;--muted:#788589;--line:#e0e6e6;--mist:#eef1f0;--green:#718a7d;--yellow:#d3dc98}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.top{height:74px;padding:0 6%;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#ffffffef;z-index:4}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700;letter-spacing:-.04em}.brand small{display:block;font:9px 'DM Mono';letter-spacing:.08em;color:#7d898b;margin-top:4px}.logo{height:36px;width:36px;border-radius:50%;background:#e1e9e6;display:grid;place-items:center;font:700 19px Georgia}.logo span{color:#739279}.search{display:flex;align-items:center;gap:9px;background:#f3f6f5;padding:10px 13px;max-width:480px;flex:1;margin:auto;color:#7a8789}.search input{flex:1;border:0;outline:0;background:none;font-size:12px}.search kbd{border:1px solid #dce3e1;padding:2px 5px;font:10px 'DM Mono'}.join,.sidejoin{border:0;background:var(--ink);color:white;padding:12px 15px;font-size:11px;border-radius:2px}.join b{color:var(--yellow);margin-left:9px}.hero{background:var(--mist);padding:60px 8%;display:grid;grid-template-columns:1fr .95fr;gap:8%;align-items:center}.copy{max-width:540px}.eyebrow,.feed-head small,.sidebar>small,.sidehead,.feature small,.notebook small,.photo-band small,.feed-meta,.local{font:10px 'DM Mono';letter-spacing:.1em;color:#748287}.hero h1{font-size:clamp(47px,6.3vw,76px);line-height:.99;letter-spacing:-.07em;margin:21px 0}.hero h1 em,.notebook h2 em,.photo-band h2 em{font:italic 500 .95em 'Playfair Display';color:#6f8f7d}.copy>p{font-size:14px;line-height:1.75;color:#68777a;max-width:455px}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}.actions a:not(.button),.photo-band a{font-size:11px;color:#40585a;text-decoration:none}.button{background:var(--ink);color:white;border:0;border-radius:2px;padding:13px 17px;text-decoration:none;font-size:11px;display:inline-block}.proof{margin-top:30px;font-size:10px;color:#778588}.hero-image{height:355px;position:relative}.hero-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72)}.caption{position:absolute;left:-22px;bottom:16px;background:white;padding:12px 16px;display:grid;gap:5px;min-width:225px}.caption span{font:9px 'DM Mono';color:#708c7d}.caption b{font-size:12px}.ticker{padding:16px;text-align:center;border-bottom:1px solid var(--line);font:10px 'DM Mono';letter-spacing:.1em;color:#647477}.ticker b{color:#6e8a7a;margin-right:17px}.ticker span{margin:0 7px}.layout{max-width:1440px;margin:auto;padding:52px 6%;display:grid;grid-template-columns:195px minmax(380px,1fr) 235px;gap:34px}.sidebar>small,.sidehead{font-size:9px}.room{display:block;width:100%;text-align:left;border:0;background:none;padding:10px 8px;color:#6e7b7e;font-size:11px;border-radius:3px}.room.active{background:#e8efeb;color:#344845;font-weight:700}.sidehead{margin:24px 0 8px}.tip{margin-top:32px;padding:17px;background:#edf2ed}.tip span{color:#71947b}.tip h3{font:500 21px 'Playfair Display';line-height:1.2;margin:10px 0}.tip p{font-size:10px;line-height:1.65;color:#73807b}.sidejoin{width:100%;margin-top:14px;font-size:10px}.feed-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.feed-head small{font-size:9px}.feed-head h2{font-size:27px;letter-spacing:-.04em;margin:7px 0}.feed-head h2 span{font:11px 'DM Sans';letter-spacing:0;color:#858e90}.sort{display:flex}.sort button{border:0;background:none;color:#848e90;padding:7px 8px;font-size:10px}.sort button.selected{background:#e8efeb;color:#405b4f}.compose-open{display:flex;gap:10px;align-items:center;border:1px solid var(--line);padding:11px;margin-bottom:14px}.compose-open>span{height:29px;width:29px;border-radius:50%;display:grid;place-items:center;background:#e4ece8;color:#718d7c}.compose-open button{flex:1;border:0;background:none;text-align:left;color:#818c8d;font-size:11px}.compose-open b{color:#a2aeac}.composer{border:1px solid #cbd7d3;padding:15px;display:grid;gap:10px;margin-bottom:15px}.hidden{display:none}.form-head,.form-foot{display:flex;justify-content:space-between;align-items:center}.form-head b{font-size:12px}.form-head button{border:0;background:none;font-size:22px}.composer input,.composer textarea,.composer select{border:1px solid var(--line);padding:10px;font-size:11px}.composer textarea{min-height:85px;resize:vertical}.form-foot select{max-width:190px}.feed-meta{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;font-size:9px}.post{padding:18px 0;border-bottom:1px solid var(--line)}.posttop{display:flex;align-items:center;gap:8px;color:#899394;font-size:10px}.tag{background:#e8efeb;color:#628071;padding:4px 7px}.post h3{font-size:16px;letter-spacing:-.02em;margin:10px 0 6px}.post p{font-size:11px;line-height:1.7;color:#6c797c;margin:0}.postactions{display:flex;gap:8px;margin-top:12px}.postactions button{background:white;border:1px solid #e4e9e7;padding:6px 9px;color:#6f7d7f;font-size:10px}.postactions button.active{background:#e8f0eb;color:#4c6e59}.comments{margin:12px 0 0 16px;border-left:2px solid #e3eae6;padding-left:12px}.comment{font-size:10px;color:#677577;padding:6px 0}.comments form{display:flex;gap:6px;margin-top:5px}.comments textarea{flex:1;min-height:34px;border:1px solid var(--line);padding:7px;font-size:10px}.comments form button{border:0;background:#e8f0eb;padding:0 10px;font-size:10px}.feature{padding:18px;background:#edf2ee}.feature small{font-size:9px}.feature h3{font:500 21px 'Playfair Display';line-height:1.2;margin:20px 0 8px}.feature p{font-size:10px;line-height:1.65;color:#707d7c}.feature a{font-size:10px;text-decoration:none;color:#4d705b}.right figure{height:140px;position:relative;margin:14px 0 0}.right figure img{width:100%;height:100%;object-fit:cover}.right figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px 10px 8px;color:white;font-size:10px;background:linear-gradient(transparent,#172221b0)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.gallery img{width:100%;height:68px;object-fit:cover}.privacy{font-size:9px;line-height:1.55;color:#788487}.notebook{background:#2b383a;color:#f4f6ef;padding:58px 10%;display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.notebook small{color:#c6d8cc}.notebook h2{font-size:38px;line-height:1.05;letter-spacing:-.05em;margin:16px 0}.notebook h2 em{color:#c3d8c6}.notebook p{font-size:11px;line-height:1.7;color:#cbd5d0;max-width:360px}.local{margin-top:22px;color:#c7d8cc;font-size:9px}.notebook form{display:grid;gap:12px}.notebook label{display:grid;gap:6px;color:#e0e7e2;font-size:10px}.notebook textarea,.notebook input{background:#354446;border:1px solid #536364;color:white;padding:11px;font-size:11px}.notebook textarea{min-height:85px;resize:vertical}.note-actions{display:flex;align-items:center;gap:13px}.note-actions button:last-child{border:0;background:none;color:#d8e2dd;font-size:10px}.notebook .button{background:#dbe9df;color:#30403d}.notebook #saved{white-space:pre-wrap;border-top:1px solid #506062;padding-top:10px;color:#d0dad4;font-size:10px}.photo-band{background:var(--mist);padding:38px 10%;display:grid;grid-template-columns:1fr .8fr;gap:8%;align-items:center}.photo-band h2{font-size:33px;line-height:1.1;letter-spacing:-.04em}.photo-band img{width:100%;height:160px;object-fit:cover}.notice{max-width:1080px;margin:30px auto;padding:20px;background:#f5f8f6;display:grid;grid-template-columns:1fr auto;gap:8px 18px}.notice b{font-size:12px}.notice p{margin:0;font-size:10px;line-height:1.7;color:#707d7e}.notice a{grid-column:2;grid-row:1/3;align-self:center;color:#4b6c5d;font-size:10px;text-decoration:none}footer{border-top:1px solid var(--line);padding:24px 6%;display:flex;align-items:center;justify-content:space-between}footer>span,footer nav a{font-size:10px;color:#818c8e}footer nav{display:flex;gap:16px}footer nav a{text-decoration:none}@media(max-width:1050px){.layout{grid-template-columns:155px minmax(340px,1fr);gap:24px}.right{display:none}}@media(max-width:700px){.top{height:62px;padding:0 14px;gap:10px}.brand{font-size:14px}.brand small{font-size:7px}.logo{height:31px;width:31px}.search{padding:9px}.search kbd{display:none}.join{font-size:0;padding:10px}.join b{font-size:15px;margin:0}.hero{display:flex;flex-direction:column;align-items:stretch;padding:37px 19px 30px;gap:24px}.hero h1{font-size:51px}.hero-image{height:230px;margin-left:12px}.caption{left:-12px}.ticker{white-space:nowrap;overflow:hidden;text-align:left;padding-left:18px;font-size:9px}.layout{display:block;padding:32px 16px 44px}.sidebar{margin-bottom:21px}.sidebar>small,.tip,.sidejoin{display:none}.sidehead{margin:0 0 7px}.sidebar #rooms{display:flex;overflow:auto;gap:5px}.room{width:auto;white-space:nowrap;border:1px solid var(--line);font-size:10px;padding:8px}.feed-head{display:block}.feed-head h2{font-size:24px}.sort{margin-top:10px}.notebook{padding:40px 18px;display:block}.notebook h2{font-size:34px}.notebook form{margin-top:22px}.photo-band{padding:34px 20px;grid-template-columns:1fr;gap:18px}.photo-band img{height:135px}.notice{margin:18px 14px;padding:16px;grid-template-columns:1fr}.notice a{grid-column:1;grid-row:auto}.notice p{grid-column:1}footer{padding:20px 14px;display:grid;gap:13px}footer>span{order:2}footer nav{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}