/* NextSpace: same-page access popup. Scoped styles; website header/footer unaffected. */ .nsa-access-overlay[hidden] { display: none !important; } .nsa-access-overlay, .nsa-access-overlay * { box-sizing: border-box; } .nsa-access-overlay { --nsa-access-ink: #38332e; --nsa-access-brown: #844e44; --nsa-access-cream: #f2ede6; --nsa-access-copy: #68605a; position: fixed; z-index: 2147483000; inset: 0; display: flex; align-items: center; justify-content: center; overflow-y: auto; padding: 24px; background: rgba(24, 21, 19, .48); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } .nsa-access-dialog { position: relative; width: 100%; max-width: 630px; max-height: calc(100dvh - 48px); overflow-y: auto; padding: clamp(34px, 5vw, 64px); background: #fffdfa; border: 1px solid #e3dcd4; box-shadow: 0 18px 80px rgba(27, 22, 19, .16); color: var(--nsa-access-copy); font-family: var(--custom-body-font-family, var(--font-body-family, 'Founder Custom', Arial, sans-serif)); text-align: center; font-size: 15px; font-weight: 400; line-height: 1.65; border-radius: 0; } .nsa-access-close { position: absolute; top: 16px; right: 16px; border: 0; background: transparent; color: var(--nsa-access-ink); padding: 9px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; box-shadow: none; border-radius: 0; } .nsa-access-close:hover { color: var(--nsa-access-brown); } .nsa-access-close:focus-visible, .nsa-access-button:focus-visible { outline: 2px solid var(--nsa-access-brown); outline-offset: 4px; } .nsa-access-eyebrow { margin: 0 0 15px !important; letter-spacing: .14em; font-size: 11px !important; font-weight: 500; color: var(--nsa-access-brown); } .nsa-access-rule { height: 1px; background: #e7e0d8; width: 68px; margin: 0 auto 30px; } .nsa-access-dialog h2 { font-family: var(--ogg-font-family, var(--font-heading-family, 'Ogg Custom', Georgia, serif)) !important; font-size: clamp(31px, 4.2vw, 44px) !important; font-weight: 400 !important; font-style: normal; line-height: 1.18; letter-spacing: -.02em; color: var(--nsa-access-ink); margin: 0 0 22px !important; text-transform: none; } .nsa-access-description { margin: 0 auto 28px !important; max-width: 470px; font-size: 15px !important; color: var(--nsa-access-copy); line-height: 1.75; } .nsa-access-description strong { font-weight: 600; color: var(--nsa-access-ink); } .nsa-access-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; } .nsa-access-actions a.nsa-access-button { display: inline-flex; align-items: center; justify-content: center; min-width: 160px; min-height: 46px; padding: 12px 20px; border: 1px solid var(--nsa-access-brown); border-radius: 0 !important; background: var(--nsa-access-brown); color: #fff; font-family: var(--custom-body-font-family, var(--font-body-family, Arial, sans-serif)); font-size: 14px; font-weight: 400; line-height: 1.3; text-decoration: none; transition: background-color .2s ease, color .2s ease; } .nsa-access-actions a.nsa-access-button--primary:hover { background: var(--nsa-access-ink); color: #fff; border-color: var(--nsa-access-ink); } .nsa-access-actions a.nsa-access-button--secondary { background: transparent; color: var(--nsa-access-brown); } .nsa-access-actions a.nsa-access-button--secondary:hover { background: var(--nsa-access-cream); } .nsa-access-footnote { margin: 25px 0 0 !important; font-size: 11px !important; color: #81776e; } @media (max-width: 540px) { .nsa-access-overlay { padding: 16px; } .nsa-access-dialog { max-height: calc(100dvh - 32px); padding: 50px 22px 32px; } .nsa-access-dialog h2 { font-size: 31px !important; } .nsa-access-actions { display: grid; grid-template-columns: 1fr; } .nsa-access-actions a.nsa-access-button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .nsa-access-actions a.nsa-access-button { transition: none; } }