.announcement-banner{--announcement-orange:#ff7020;--announcement-orange-deep:#e86112;position:sticky;top:0;z-index:60;display:flex;align-items:stretch;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 42%),linear-gradient(90deg,#ff7a2e 0,var(--announcement-orange) 48%,#ff8a3d 100%);color:#fff;box-shadow:0 1px 0 rgba(13,43,74,.08)}.announcement-banner__link{display:flex;flex:1 1 auto;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.35rem .5rem;min-width:0;padding:.4rem 2.15rem .4rem .55rem;color:inherit;text-decoration:none;text-align:center;transition:filter .2s ease}.announcement-banner__link:hover{filter:brightness(1.03)}.announcement-banner__copy{display:inline-flex;flex-wrap:nowrap;align-items:baseline;justify-content:center;gap:.35rem;min-width:0;font-family:Glacial Indifference,sans-serif;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement-banner__title{font-size:.8125rem;font-weight:400;letter-spacing:.01em;color:#fff;white-space:nowrap}.announcement-banner__dates{font-size:.75rem;font-weight:400;color:rgba(255,255,255,.88);white-space:nowrap}.announcement-banner__dates .surf-camp-date,.announcement-banner__dates .surf-camp-date__current{display:inline}.announcement-banner__dates .surf-camp-date__next{display:none}.announcement-banner__dates:before{content:"·";margin-right:.35rem;opacity:.55}.announcement-banner__cta{display:inline-flex;align-items:center;gap:.25rem;flex:0 0 auto;padding:0;border-radius:0;background:transparent;color:#fff;font-family:Glacial Indifference,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;box-shadow:none;text-decoration:underline;text-underline-offset:.15rem;transition:opacity .2s ease}.announcement-banner__cta-icon{width:.8rem;height:.8rem;transition:transform .2s ease}.announcement-banner__link:hover .announcement-banner__cta{transform:none;box-shadow:none;opacity:.9}.announcement-banner__link:hover .announcement-banner__cta-icon{transform:translateX(2px)}.announcement-banner__close{position:absolute;top:50%;right:.35rem;display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.14);color:rgba(255,255,255,.92);cursor:pointer;transform:translateY(-50%);transition:background-color .2s ease,color .2s ease}.announcement-banner__close svg{width:.75rem;height:.75rem}.announcement-banner__close:hover{background:rgba(255,255,255,.28);color:#fff}@media (max-width:639px){.announcement-banner__dates{display:none}}@media (min-width:640px){.announcement-banner__link{gap:.5rem .7rem;padding:.45rem 2.5rem .45rem .85rem}.announcement-banner__title{font-size:.875rem}.announcement-banner__dates{font-size:.8125rem}.announcement-banner__dates:before{margin-right:.45rem}.announcement-banner__cta{font-size:.8125rem;gap:.3rem}}@media (min-width:768px){.announcement-banner__link{padding:.5rem 2.85rem .5rem 1rem;gap:.65rem .9rem}.announcement-banner__title{font-size:.9rem}.announcement-banner__cta,.announcement-banner__dates{font-size:.85rem}.announcement-banner__close{right:.55rem}}