.newsletter { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 20px; align-items:end; }
.newsletter input { min-width:0; width:100%; box-sizing:border-box; }
.newsletter button { min-height:38px; }
.newsletter button:disabled { opacity:.55; cursor:wait; }
.newsletter .newsletter-status { grid-column:1 / -1; margin:0; font-size:12px; line-height:1.6; }
.newsletter .newsletter-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.newsletter-help { font-size:11px!important; margin-top:12px; }
.newsletter-dialog { box-sizing:border-box; width:min(460px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:40px; border:0; background:#F7F4EF; color:#453E35; overflow:auto; box-shadow:0 12px 60px rgba(69,62,53,.2); }
.newsletter-dialog::backdrop { background:rgba(69,62,53,.55); }
.newsletter-dialog img { display:block; width:155px; height:auto; margin:0 auto 28px; }
.newsletter-dialog .newsletter-close { position:absolute; right:14px; top:8px; padding:6px 10px; border:0; background:none; color:#898377; font:28px/1 Arial,sans-serif; cursor:pointer; }
.newsletter-dialog .newsletter-eyebrow { font:10px/1.6 Arial,sans-serif; letter-spacing:1.6px; text-transform:uppercase; color:#898377; margin:0 0 12px; }
.newsletter-dialog h2 { font:normal 29px/1.2 Georgia,serif; margin:0 0 12px; color:#453E35; }
.newsletter-dialog-email { font:13px/1.6 Arial,sans-serif; color:#898377; overflow-wrap:anywhere; margin:0 0 28px; }
.newsletter-dialog label { display:block; font:11px/1.6 Arial,sans-serif; color:#898377; margin-bottom:4px; }
.newsletter-dialog input { box-sizing:border-box; display:block; width:100%; min-width:0; padding:10px 0; border:0; border-bottom:1px solid #898377; background:transparent; color:#453E35; font:16px/1.5 Arial,sans-serif; border-radius:0; }
.newsletter-dialog input:focus { outline:none; border-bottom:2px solid #453E35; }
.newsletter-dialog .newsletter-join { margin-top:26px; padding:15px 22px; border:0; background:#453E35; color:#F7F4EF; font:11px/1.5 Arial,sans-serif; letter-spacing:1.5px; text-transform:uppercase; cursor:pointer; }
.newsletter-dialog button:disabled { opacity:.55; cursor:wait; }
.newsletter-dialog-status { font:12px/1.6 Arial,sans-serif; margin:14px 0 0; }
@media(max-width:480px) { .newsletter-dialog { padding:32px 26px; } .newsletter-dialog h2 { font-size:27px; } }