.campaign-popup { width: min(42rem, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); padding: 0; border: 0; border-radius: 1rem; background: #fff; color: #082b54; box-shadow: 0 1.5rem 5rem #001a3f55; }
.campaign-popup::backdrop { background: #001c3bc9; }
.campaign-popup__body { position: relative; padding: 2rem; }
.campaign-popup__close { position: absolute; top: .5rem; right: .5rem; width: 2.75rem; height: 2.75rem; border: 0; background: transparent; color: #082b54; font-size: 2rem; cursor: pointer; }
.campaign-popup__eyebrow { color: #0068a6; text-transform: uppercase; letter-spacing: .12em; font-size: .8rem; font-weight: 700; margin: 0 2rem 1rem 0; }
.campaign-popup h2 { font-size: clamp(1.5rem, 4vw, 2.2rem); line-height: 1.15; margin: 0 0 1rem; }
.campaign-popup p { line-height: 1.6; }
.campaign-popup__video { aspect-ratio: 16 / 9; background: linear-gradient(135deg, #062b5f, #006e9f); border-radius: .6rem; overflow: hidden; margin-block: 1.25rem; }
.campaign-popup__play { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .65rem; border: 0; background: transparent; color: white; font: inherit; font-weight: 700; cursor: pointer; }
.campaign-popup__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.campaign-popup__play::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 35%, #001b3fcc); }
.campaign-popup__play-icon, .campaign-popup__play-label { position: relative; z-index: 1; }
.campaign-popup__play-icon { display: grid; place-items: center; width: 4.5rem; height: 4.5rem; border-radius: 50%; background: #062b5f; font-size: 2rem; box-shadow: 0 .3rem 1rem #001b3f99; }
.campaign-popup__play-label { text-shadow: 0 1px 3px #001b3f; }
.campaign-popup__play small { display: block; margin-top: .35rem; font-size: .78rem; font-weight: 400; }
.campaign-popup iframe { width: 100%; height: 100%; border: 0; }
.campaign-popup__loading { position: absolute; inset: 0; display: grid; place-items: center; color: white; font-weight: 700; }
.campaign-popup__share { margin: -.5rem 0 1.25rem; font-size: .9rem; }
.campaign-popup__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.campaign-popup__donate, .campaign-popup__dismiss { padding: .85rem 1.25rem; border: 1px solid #062b5f; border-radius: .3rem; font: inherit; font-weight: 700; cursor: pointer; }
.campaign-popup__donate { background: #062b5f; color: white; text-decoration: none; }
.campaign-popup__dismiss { background: white; color: #062b5f; }
.campaign-popup :focus-visible { outline: 3px solid #009fff; outline-offset: 3px; }
@media (max-width: 35rem) { .campaign-popup__body { padding: 1.5rem; } .campaign-popup__actions > * { width: 100%; text-align: center; } }