.upcoming-workshop{display:flex;align-items:center;gap:18px;margin-top:104px;padding:10px 3vw;background:#e3e8ce;color:#183d2e;scroll-margin-top:104px;font-size:13px}.workshop-label{white-space:nowrap;font-weight:600}.workshop-ticker{flex:1;min-width:0;overflow:hidden}.workshop-track{display:flex;width:max-content;animation:workshop-scroll 32s linear infinite}.workshop-track span{white-space:nowrap;padding-right:64px}.workshop-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.workshop-controls button,.workshop-close{font:inherit;cursor:pointer;padding:9px 12px;min-height:44px;border:1px solid #183d2e50;border-radius:4px;background:transparent;color:inherit}.workshop-pause{font-size:11px!important}.workshop-register{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;min-height:44px;box-sizing:border-box;border-radius:4px;background:#183d2e;color:#fff;text-decoration:none;white-space:nowrap;font-size:13px}.workshop-register:hover{background:#2b553f}.workshop-dialog{padding:14px;border:0;border-radius:10px;background:#f4f1e6;color:#183d2e;width:min(92vw,760px);max-height:94vh;max-height:94dvh;box-sizing:border-box;overflow:auto}.workshop-dialog::backdrop{background:#071710d9}.workshop-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}.workshop-dialog img{display:block;width:100%;height:auto;max-height:calc(94dvh - 145px);object-fit:contain;margin:0 auto 12px}.workshop-dialog>.workshop-register{display:flex}.workshop-close{background:#fff}.workshop-controls :focus-visible,.workshop-dialog :focus-visible{outline:3px solid #9b542c;outline-offset:3px}@keyframes workshop-scroll{to{transform:translateX(-50%)}}@media(max-width:1100px){.upcoming-workshop{margin-top:84px;scroll-margin-top:84px;gap:10px;flex-wrap:wrap}.workshop-ticker{flex-basis:65%}.workshop-controls{margin-left:auto}}@media(max-width:700px){.upcoming-workshop{padding:8px 16px;gap:6px 10px}.workshop-label{font-size:12px}.workshop-ticker{flex-basis:100%;order:2}.workshop-controls{order:3;width:100%;justify-content:flex-end}.workshop-track{animation-duration:27s}.workshop-dialog{padding:10px}.workshop-dialog-bar{font-size:13px}}@media(prefers-reduced-motion:reduce){.workshop-track{animation:none;width:auto}.workshop-track span{white-space:normal;padding:0}.workshop-track span[aria-hidden]{display:none}.workshop-pause{display:none}}

/* Warm gold announcement strip complements the site's forest green. */
.upcoming-workshop{background:linear-gradient(110deg,#e4b86a,#f2d294 55%,#dfb363);color:#123a2b;border-top:1px solid #c99a4e;border-bottom:1px solid #c99a4e;box-shadow:0 3px 12px #183d2e15}
.workshop-label{font-size:14px;font-weight:600;border-left:3px solid #183d2e;padding-left:12px}
.workshop-controls button{background:#fff5df60;border-color:#183d2e55}
.workshop-controls button:hover{background:#fff5df}
.workshop-register{font-weight:600;box-shadow:0 2px 6px #183d2e18}
.workshop-dialog-bar{position:sticky;top:0;background:#f4f1e6;z-index:1;padding-bottom:6px}
@media(max-width:700px){.workshop-label{font-size:12px}}

/* Compact poster frame and a restrained forest-green announcement. */
.upcoming-workshop{background:#193c30;color:#f5f0e4;border-top:1px solid #b7a57a60;border-bottom:1px solid #b7a57a60;box-shadow:none}
.workshop-label{color:#e2d4b3;border-color:#b7a57a}
.workshop-controls button{background:transparent;border-color:#d9ceb280;color:#f5f0e4}
.workshop-controls button:hover{background:#ffffff12}
.upcoming-workshop .workshop-register{background:#e6dcc5;color:#193c30;box-shadow:none}
.workshop-track{animation:workshop-scroll 26s linear infinite;animation-play-state:running}
.workshop-dialog{width:min(92vw,calc((92vh - 126px)*.663 + 20px));width:min(92vw,calc((92dvh - 126px)*.663 + 20px));padding:10px;max-height:96vh;max-height:96dvh;border-radius:8px}
.workshop-dialog-bar{margin-bottom:8px;padding:0;gap:8px;font-size:14px}
.workshop-close{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;font-size:26px;line-height:1;border:0;background:transparent}
.workshop-dialog img{width:100%;height:auto;max-height:none;margin-bottom:8px;border-radius:3px}
.workshop-dialog>.workshop-register{min-height:44px;padding:10px}
@media(prefers-reduced-motion:reduce){.workshop-track{animation:none}}

/* Keep navigation dark above the announcement strip. */
.site-header.at-top{background:rgba(24,28,25,.96);border-bottom-color:rgba(255,255,255,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}

/* Match the navigation height at each breakpoint; no gap above the strip. */
@media(min-width:901px) and (max-width:1120px){.upcoming-workshop{margin-top:84px;scroll-margin-top:84px}}
@media(max-width:900px){.upcoming-workshop{margin-top:76px;scroll-margin-top:76px}}