#messages{scroll-margin-top:100px;position:relative;isolation:isolate;margin:100px auto 60px;padding:64px 44px 48px;max-width:1240px;background:#f5f1e8;border-radius:36px;color:#556044;overflow:hidden}
#messages .messages-head{text-align:center;max-width:620px;margin:auto}
#messages .eyebrow{font-size:10px;letter-spacing:2px;color:#8b9577}
#messages h2{font-size:36px;line-height:1.5;font-weight:550;margin:15px 0 12px;color:#566346}
#messages .messages-head>p{font-size:13px;line-height:1.9;color:#8b907d;margin:0}
#messages .messages-write{margin-top:24px;border:0;border-radius:99px;padding:14px 30px;background:#b6c48a;color:#3f4b30;font:inherit;font-size:14px;cursor:pointer;transition:background .2s,transform .2s}
#messages .messages-write:hover{background:#a9b77e;transform:translateY(-2px)}
#messages .messages-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 20px;padding:42px 4px 32px;align-items:center}
#messages .message-bubble{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;min-width:0;min-height:174px;padding:23px;border-radius:34px;background:#ffffffa6;border:1px solid #ffffffd9;color:#666e57;text-align:left;font:inherit;cursor:pointer;animation:message-float var(--duration) ease-in-out var(--delay) infinite;transition:background .2s;box-shadow:0 5px 24px #8c95720a}
#messages .message-bubble:nth-child(2n){border-radius:42px 30px 42px 30px;min-height:195px;margin-top:32px}
#messages .message-bubble:nth-child(3n){min-height:160px;padding:24px 21px;background:#ffffff85}
#messages .message-bubble:hover,#messages .message-bubble:focus-visible{animation-play-state:paused;background:#fffdf6}
#messages .message-quote{font-size:13px;line-height:1.9}
#messages .message-initials{align-self:flex-end;font-size:10px;letter-spacing:1px;color:#9a9e8b}
.message-cookie{display:block;position:relative;width:19px;height:19px;flex:none;border:1px solid #c8b789;border-radius:6px;background:radial-gradient(circle at 6px 6px,#c1ac79 1px,transparent 1.5px),radial-gradient(circle at 12px 11px,#c1ac79 1px,transparent 1.5px),#eadfc1;transform:rotate(-12deg);opacity:.7}
#messages .messages-note{text-align:center;font-size:11px;line-height:1.9;color:#929680;margin:12px auto 0}
.message-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;box-sizing:border-box;padding:38px 30px 28px;background:#faf7ef;border:1px solid #e2e5d3;border-radius:26px;color:#5e694f;font-family:inherit;box-shadow:0 20px 80px #38402422}
.message-dialog::backdrop{background:#38402f55;backdrop-filter:blur(4px)}
.message-dialog .message-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#859070;font-size:26px;width:36px;height:36px;cursor:pointer}
.message-dialog h3{font-size:24px;font-weight:550;margin:10px 0 14px;line-height:1.5}
.message-dialog .message-dialog-note{font-size:12px;color:#939881;line-height:1.9;margin:0 0 23px}
.message-dialog label{display:block;font-size:12px;line-height:1.8;margin-top:16px}
.message-dialog input:not([type=checkbox]),.message-dialog textarea{box-sizing:border-box;display:block;width:100%;background:#ffffffa8;border:1px solid #d9dfca;border-radius:12px;padding:12px 14px;color:#556044;font:inherit;font-size:14px;margin-top:7px}
.message-dialog textarea{min-height:116px;resize:vertical}
.message-dialog .message-count{display:block;text-align:right;font-size:10px;color:#949b83;margin-top:6px}
.message-dialog .message-consent{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:#879076}
.message-dialog input[type=checkbox]{accent-color:#9daa75;margin-top:4px;flex:none}
.message-dialog button[type=submit]{width:100%;margin:20px 0 6px;border:0;border-radius:99px;padding:13px;background:#b6c48a;color:#3f4b30;font:inherit;font-size:14px;cursor:pointer}
.message-dialog button:disabled{opacity:.6;cursor:wait}
.message-dialog .message-status{font-size:13px;line-height:1.9;color:#8c7357;margin:12px 0}
.message-dialog .message-status.is-success{color:#607643;text-align:center;padding:30px 0;font-size:20px}
.message-dialog .message-email{display:block;font-size:10px;color:#949b83;line-height:1.9;overflow-wrap:anywhere;text-align:center;margin-top:12px}
.message-dialog .message-email a{color:inherit}
.message-dialog .message-full{font-size:22px;line-height:1.9;margin:28px 0;color:#63734f}
.message-dialog .message-author{font-size:12px;text-align:right;letter-spacing:2px;color:#929c83}
.message-dialog .message-honeypot{display:none}
#messages button:focus-visible,.message-dialog button:focus-visible,.message-dialog input:focus-visible,.message-dialog textarea:focus-visible{outline:2px solid #9cae71;outline-offset:4px}
@keyframes message-float{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-7px) rotate(.5deg)}}
@media(max-width:1000px){#messages{margin:72px 20px;padding:46px 28px 32px}#messages .messages-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#messages .message-bubble:last-child{grid-column:2}}
@media(max-width:600px){#messages{margin:64px 12px 32px;padding:38px 16px 28px;border-radius:26px}#messages h2{font-size:29px}#messages .messages-wall{grid-template-columns:repeat(2,minmax(0,1fr));padding:32px 0 16px;gap:14px 10px}#messages .message-bubble,#messages .message-bubble:nth-child(3n){padding:19px 17px;min-height:170px;border-radius:28px}#messages .message-bubble:nth-child(2n){min-height:183px;margin-top:20px}#messages .message-bubble:last-child{grid-column:auto}#messages .message-quote{font-size:12px}#messages .messages-note{font-size:10px}.message-dialog{padding:35px 23px 24px}}
@media(prefers-reduced-motion:reduce){#messages .message-bubble{animation:none}#messages .messages-write{transition:none}}

#messages .message-bubble{cursor:default}