.comments{width:min(980px,88vw);margin:0 auto;padding:80px 0 110px;border-top:1px solid currentColor}.comments__head{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:end}.comments__eyebrow{font:500 .68rem/1.5 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.12em;color:#8d3d20}.comments h2{font:300 clamp(3rem,6vw,6rem)/.85 "Newsreader",Georgia,serif;letter-spacing:-.05em;margin:15px 0 0}.comments__intro{font-size:1.05rem;line-height:1.55;max-width:440px}.comments__list{margin:55px 0}.comments__item{display:grid;grid-template-columns:180px 1fr;gap:35px;padding:28px 0;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent)}.comments__meta{font:500 .66rem/1.6 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.comments__date{display:block;margin-top:7px;opacity:.55}.comments__body{margin:0;white-space:pre-wrap;font-size:1.1rem;line-height:1.65}.comments__empty{padding:24px 0;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent);opacity:.7}.comments__form{display:block;margin:0;padding-top:35px;border-top:2px solid currentColor}.comments__form h3{font:400 1.8rem/1.2 "Newsreader",Georgia,serif;margin:0 0 24px}.comments__fields{display:grid;grid-template-columns:1fr 2fr;gap:24px}.comments label{display:block;font:500 .66rem/1.5 "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.comments input,.comments textarea{display:block;width:100%;margin-top:8px;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:0;background:color-mix(in srgb,currentColor 4%,transparent);color:inherit;font:400 1rem/1.5 "Newsreader",Georgia,serif;padding:13px}.comments textarea{min-height:150px;resize:vertical}.comments button{margin-top:20px;padding:13px 20px;background:#111313;color:#e9e7df;border:0;font:500 .68rem "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.comments button:disabled{opacity:.55;cursor:wait}.comments__note,.comments__status{font:400 .65rem/1.55 "DM Mono",monospace}.comments__note{opacity:.65;max-width:560px}.comments__status{min-height:1.5em;margin-top:16px}.comments__trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.comments--dark{color:#e9e7df}.comments--dark .comments__eyebrow{color:#ed5b27}.comments--dark button{background:#ed5b27;color:#111313}
@media(max-width:700px){.comments{width:auto;margin:0 22px;padding:60px 0 80px}.comments__head,.comments__fields,.comments__item{grid-template-columns:1fr}.comments__head{gap:20px}.comments__item{gap:10px}.comments__list{margin-top:40px}}
