.site-popup{width:min(920px,calc(100vw - 2rem));max-width:none;padding:0;border:0;border-radius:24px;background:var(--gp-panel);color:var(--gp-on-surface);box-shadow:0 24px 80px color-mix(in srgb,var(--gp-primary) 28%,transparent);overflow:hidden}
.site-popup::backdrop{background:color-mix(in srgb,var(--gp-primary) 66%,transparent);backdrop-filter:blur(7px)}
.site-popup[open]{animation:popup-enter .32s cubic-bezier(.2,.8,.2,1)}
.site-popup-card{position:relative;display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1fr);min-height:430px}
.site-popup-media{min-height:100%;background:var(--gp-primary-soft)}.site-popup-media img{display:block;width:100%;height:100%;object-fit:cover}
.site-popup-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2rem,5vw,4rem)}
.site-popup-kicker{margin-bottom:.75rem;color:var(--gp-secondary);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.site-popup h2{margin:0 0 1rem;font-size:clamp(2.1rem,4vw,4rem)}.site-popup p{margin:0 0 1.5rem;white-space:normal}.site-popup-action{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.8rem 1.25rem;border-radius:999px;background:var(--gp-primary);color:var(--gp-on-primary);font-size:.84rem;font-weight:700}.site-popup-action:hover{background:var(--gp-primary-2);color:var(--gp-on-primary)}
.site-popup-close{position:absolute;top:1rem;right:1rem;z-index:2;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--gp-outline-variant);border-radius:50%;background:var(--gp-panel);color:var(--gp-primary);font-size:1.65rem;line-height:1;cursor:pointer}.site-popup-skip{margin-top:1rem;padding:.3rem 0;border:0;background:transparent;color:var(--gp-muted);font-size:.78rem;text-decoration:underline;cursor:pointer}.site-popup :focus-visible{outline:3px solid var(--gp-secondary);outline-offset:3px}
@keyframes popup-enter{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:700px){.site-popup{width:calc(100vw - 1rem);max-height:94vh}.site-popup-card{grid-template-columns:1fr;min-height:0}.site-popup-media{height:min(42vh,340px)}.site-popup-copy{padding:1.5rem}.site-popup h2{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){.site-popup[open]{animation:none}}