.comment-trigger{border:0;border-bottom:1px solid currentColor;background:none;padding:8px 0;font:600 11px "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:inherit;cursor:pointer;width:max-content;margin-top:14px}.photo-comment{position:absolute;right:12px;bottom:12px;background:rgba(37,43,38,.88);color:#fff;border:0;padding:10px 12px;margin:0}.comment-dialog{width:min(620px,calc(100% - 28px));max-height:88vh;border:0;padding:42px;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px rgba(0,0,0,.35)}.comment-dialog::backdrop{background:rgba(21,24,21,.72)}.comment-dialog h2{font:400 38px/1.05 "Newsreader",serif;margin:12px 45px 28px 0}.dialog-close{position:absolute;right:22px;top:18px;border:0;background:none;font:32px "Newsreader",serif;cursor:pointer}.comment-list{display:grid;gap:12px;max-height:260px;overflow:auto;margin-bottom:28px}.comment-item{padding:15px 0;border-bottom:1px solid var(--line)}.comment-item header{display:flex;justify-content:space-between;gap:20px;font-size:12px}.comment-item time{color:var(--muted);font-size:10px}.comment-item p{font:17px/1.45 "Newsreader",serif;margin:8px 0 0;white-space:pre-wrap}.empty-comments{color:var(--muted);font:italic 18px "Newsreader",serif}.comment-dialog form{display:grid;gap:14px;padding-top:24px;border-top:1px solid var(--line)}.comment-dialog label{display:grid;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.comment-dialog input,.comment-dialog textarea{width:100%;border:1px solid var(--line);background:#faf7f0;padding:12px;font:15px "DM Sans",sans-serif}.comment-dialog form button{border:0;background:var(--rust);color:#fff;padding:14px 18px;font:600 12px "DM Sans",sans-serif;cursor:pointer}.honeypot{position:absolute!important;left:-9999px!important}.form-status{font-size:12px;color:var(--rust);margin:0}@media(max-width:820px){.comment-dialog{padding:30px 22px}}
