body.aire{position:relative;isolation:isolate}
/* Preserve every person in the campaign group photo at all viewport sizes. */
.aire .community-image img.campaign-group{aspect-ratio:auto;height:auto;object-fit:contain}
.aire-backdrop{position:absolute;top:0;left:0;width:100%;height:100vh;height:100svh;min-height:780px;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 0 40%,#e8dde9aa,transparent 60%),radial-gradient(ellipse at 100% 20%,#cce7f3aa,transparent 60%);mask-image:linear-gradient(#000 88%,transparent);-webkit-mask-image:linear-gradient(#000 88%,transparent)}
.motion-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.motion-picker{position:fixed;z-index:20;bottom:18px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);color:#173749;text-align:center}
.motion-description{font-size:10px;line-height:1.5;margin-bottom:9px;color:#36556a;background:#f0f5f9ed;padding:5px 12px;border-radius:20px;display:inline-block;box-shadow:0 1px 12px #f0f5f9}
.motion-picker-bar{display:flex;align-items:center;padding:6px;border:1px solid #fff9;border-radius:40px;background:#f9fcfced;box-shadow:0 5px 32px #17374925;backdrop-filter:blur(16px)}
.motion-picker-label{font-size:8px;letter-spacing:1px;white-space:nowrap;padding-inline:12px 18px;border-right:1px solid #d5e0e5}
.motion-back{font-size:17px;padding:6px 10px 6px 12px}
.motion-picker nav{display:flex;gap:3px;padding-left:6px}
.motion-picker nav a{font-size:11px;padding:12px 16px;border-radius:25px;transition:background .2s,color .2s}
.motion-picker nav a:hover{background:#dfebef}
.motion-picker nav a[aria-current]{background:#173749;color:#fff}
.motion-picker a:focus-visible{outline:2px solid #255b76;outline-offset:2px}
@media(max-width:700px){.motion-picker{bottom:12px;width:max-content}.motion-picker-label{display:none}.motion-picker nav{padding-left:0;gap:0}.motion-picker nav a{padding:12px 11px;font-size:10px}.motion-back{padding-inline:7px}.motion-description{font-size:9px;max-width:290px}.motion-picker-bar{padding:4px}}
@media(max-width:360px){.motion-picker nav a{padding-inline:8px}.motion-back{padding-inline:6px}}
@media(prefers-reduced-motion:reduce){.motion-picker nav a{transition:none}}

/* Marquee photos: a soft shadow lifts them off the flat page colour, and they
   rise slightly on hover, where the track already pauses. */
.film-photo{box-shadow:0 14px 32px #17374917,0 2px 6px #17374910;transition:box-shadow .4s ease,transform .4s ease}
.film-photo:hover{transform:translateY(-5px);box-shadow:0 24px 48px #17374924,0 3px 9px #17374914}
@media(prefers-reduced-motion:reduce){.film-photo{transition:none}.film-photo:hover{transform:none}}
