/* The closing banner every content page ends with: contained, rounded, one soft colour per page.
   Colours come from --mb-a / --mb-b / --mb-c set on the element, so each page can carry its own. */
.ma-banner{grid-column:1/-1;position:relative;left:50%;transform:translateX(-50%);box-sizing:border-box;width:calc(100vw - 80px);max-width:1376px;margin:96px 0 64px;padding:120px 24px;border-radius:6px;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#202020;font-family:Geist,Arial,Helvetica,sans-serif;background:radial-gradient(ellipse at 12% 115%,rgba(255,255,255,.6) 0 18%,transparent 46%),linear-gradient(115deg,var(--mb-a,#f3f3f3) 0%,var(--mb-b,#dcdcdc) 52%,var(--mb-c,#ececec) 100%)}
.ma-banner::before{content:"";position:absolute;z-index:-1;width:450px;height:450px;left:-90px;bottom:-305px;border:1px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.11),0 0 0 110px rgba(255,255,255,.08);pointer-events:none}
.ma-banner::after{content:"";position:absolute;z-index:-1;width:250px;height:250px;right:5%;top:11%;border:1px solid rgba(255,255,255,.85);transform:rotate(-8deg);background:radial-gradient(circle at 21% 77%,#fff 0 3px,transparent 4px),radial-gradient(circle at 33% 61%,#fff 0 3px,transparent 4px),radial-gradient(circle at 44% 54%,#fff 0 3px,transparent 4px),radial-gradient(circle at 63% 42%,#fff 0 3px,transparent 4px),radial-gradient(circle at 76% 25%,#fff 0 3px,transparent 4px);pointer-events:none}
.ma-banner h2{max-width:860px;margin:0;color:#202020;font-family:inherit;font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.1;letter-spacing:-.04em;text-wrap:balance}
.ma-banner p{max-width:640px;margin:14px 0 0;color:#202020;font-size:16px;line-height:1.5;letter-spacing:-.01em;opacity:1;text-wrap:balance}
.ma-banner__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;margin-top:32px}
.ma-banner__actions a{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:40px;background:#202020;color:#fff;font-size:14px;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;transition:background .2s ease}
.ma-banner__actions a:hover,.ma-banner__actions a:focus-visible{background:#404040}
.ma-banner__actions a:focus-visible{outline:2px solid #202020;outline-offset:4px}
.ma-banner__actions a.ma-banner__link{height:auto;padding:0;background:none;color:#202020;text-decoration:underline;text-underline-offset:3px}
.ma-banner__actions a.ma-banner__link:hover,.ma-banner__actions a.ma-banner__link:focus-visible{background:none;color:#404040}
@media (max-width:767px){.ma-banner{width:calc(100vw - 32px);margin:64px 0 40px;padding:72px 22px}.ma-banner::before{width:280px;height:280px;left:-95px;bottom:-215px}.ma-banner::after{width:140px;height:140px;right:-35px;top:14px;opacity:.55}}