.announcement-spotlight{position:relative;box-sizing:border-box;display:grid;gap:20px;align-items:center;background:#fffaf1;color:#322127;border:1px solid #c5af89;border-left:3px solid #701a32;padding:22px 64px 22px 24px;margin:20px auto;width:min(1120px,calc(100% - 32px));box-shadow:0 4px 16px #3221270d}
.announcement-spotlight[hidden]{display:none}.announcement-spotlight.spotlight-has-image{grid-template-columns:minmax(100px,180px) minmax(0,1fr)}
.announcement-spotlight .spotlight-image-link{display:block;min-width:0}.announcement-spotlight img{display:block;width:100%;height:auto;max-height:180px;object-fit:contain}
.announcement-spotlight .spotlight-copy{display:grid;gap:10px;min-width:0}.announcement-spotlight .spotlight-eyebrow{font:600 13px/1.4 Arial,sans-serif;letter-spacing:.06em;margin:0;color:#701a32;overflow-wrap:anywhere}
.announcement-spotlight h2{font-size:clamp(28px,3.8vw,44px);font-weight:500;line-height:1.12;letter-spacing:-.015em;margin:0;color:#701a32;overflow-wrap:anywhere;text-wrap:balance}
.announcement-spotlight.spotlight-long-feature h2{font-size:clamp(25px,3vw,34px);line-height:1.2}
.announcement-spotlight .spotlight-message{font:400 16px/1.5 Arial,sans-serif;white-space:pre-wrap;margin:0;overflow-wrap:anywhere}
.announcement-spotlight .spotlight-date{font:600 15px/1.45 Arial,sans-serif;margin:0;color:#49342e}
.announcement-spotlight .spotlight-action{justify-self:start;box-sizing:border-box;min-height:44px;display:inline-flex;align-items:center;padding:10px 18px;background:#701a32;color:#fff;font:600 15px/1.4 Arial,sans-serif;text-decoration:none;border-radius:3px;overflow-wrap:anywhere;max-width:100%}
.announcement-spotlight .spotlight-dismiss{position:absolute;right:8px;top:8px;width:44px;height:44px;padding:0;background:transparent;color:#701a32;font:28px Arial,sans-serif;border:0;border-radius:50%;cursor:pointer}
.announcement-spotlight a:focus-visible,.announcement-spotlight button:focus-visible{outline:3px solid #9a7049;outline-offset:3px}
@media(max-width:600px){.announcement-spotlight{padding:18px 52px 18px 16px;gap:12px;margin:12px auto;width:calc(100% - 24px)}.announcement-spotlight.spotlight-has-image{grid-template-columns:1fr}.announcement-spotlight .spotlight-copy{grid-row:1;gap:8px}.announcement-spotlight .spotlight-image-link{grid-row:2;width:min(100%,240px);justify-self:start}.announcement-spotlight img{max-height:140px}.announcement-spotlight h2{font-size:clamp(27px,7vw,34px)}.announcement-spotlight .spotlight-eyebrow{font-size:12px}.announcement-spotlight .spotlight-message{font-size:15px;line-height:1.45}}
/* Play once when the card appears; keep content visible without motion. */
@keyframes spotlight-entrance{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.announcement-spotlight:not([hidden]){animation:spotlight-entrance 420ms ease-out 1}}
@media(prefers-reduced-motion:reduce){.announcement-spotlight{animation:none;transform:none}}
/* Inline signup and a single, non-modal follow-up invitation. */
.spotlight-signup[hidden],.signup-reminder[hidden],.floating-optin[hidden]{display:none!important}
.announcement-spotlight .spotlight-action,.signup-reminder .spotlight-action{border:0;cursor:pointer}
.spotlight-signup{min-width:0;width:100%;max-width:620px}
.spotlight-signup p{font:400 15px/1.5 Arial,sans-serif;margin:8px 0 14px}
.spotlight-signup .brevo-frame{display:block;width:100%;height:560px;max-height:70svh;border:0;background:#fff}
.spotlight-signup .brevo-fallback a{color:#701a32;text-decoration:underline}
.signup-reminder{position:fixed;z-index:40;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));box-sizing:border-box;width:min(360px,calc(100% - 32px));padding:20px 48px 20px 20px;background:#fffaf1;color:#322127;border:1px solid #c5af89;box-shadow:0 4px 20px #32212722}
.signup-reminder p{font:500 17px/1.45 Arial,sans-serif;margin:0 0 12px}
.signup-reminder .spotlight-action{min-height:44px;padding:10px 18px;background:#701a32;color:#fff;font:600 15px/1.4 Arial,sans-serif;border-radius:3px}
.signup-reminder-close{position:absolute;right:2px;top:2px;width:44px;height:44px;background:transparent;border:0;color:#701a32;font:28px Arial,sans-serif;cursor:pointer}
.signup-reminder button:focus-visible,.spotlight-signup a:focus-visible{outline:3px solid #9a7049;outline-offset:3px}
@media(max-width:600px){.signup-reminder{right:16px;bottom:calc(12px + env(safe-area-inset-bottom))}.announcement-spotlight:has(.spotlight-signup:not([hidden])){padding-right:16px;padding-top:52px}.spotlight-signup .brevo-frame{height:600px}}

/* The featured announcement/date is the primary visual focus. */
.announcement-spotlight h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,4.5vw,52px);font-weight:700;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
.announcement-spotlight.spotlight-long-feature h2{font-size:clamp(28px,3.5vw,40px)}
@media(max-width:600px){.announcement-spotlight h2{font-size:clamp(30px,8.5vw,38px)}.announcement-spotlight.spotlight-long-feature h2{font-size:clamp(26px,7vw,32px)}}
