.moonya-popup-open { overflow: hidden; }
.moonya-landing-popup { position: fixed; z-index: 999999; inset: 0; display: grid; place-items: center; padding: 24px; opacity: 0; transition: opacity .25s ease; }
.moonya-landing-popup[hidden] { display: none; }
.moonya-landing-popup.is-open { opacity: 1; }
.moonya-landing-popup__backdrop { position: absolute; inset: 0; background: rgba(35, 27, 30, .62); backdrop-filter: blur(3px); }
.moonya-landing-popup__dialog { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .9fr); width: min(860px, 100%); max-height: min(680px, calc(100vh - 48px)); overflow: auto; background: #fffaf7; color: #2e2227; box-shadow: 0 24px 80px rgba(35, 27, 30, .3); transform: translateY(18px) scale(.985); transition: transform .3s ease; }
.moonya-landing-popup__dialog--text-only { grid-template-columns: 1fr; width: min(560px, 100%); }
.moonya-landing-popup.is-open .moonya-landing-popup__dialog { transform: none; }
.moonya-landing-popup__close { position: absolute; z-index: 2; top: 12px; right: 12px; display: grid; place-items: center; width: 38px; height: 38px; min-height: 0; margin: 0; padding: 0; border: 1px solid rgba(46, 34, 39, .15); border-radius: 50%; background: rgba(255, 255, 255, .9); color: #2e2227; font: 300 26px/1 Arial, sans-serif; cursor: pointer; }
.moonya-landing-popup__media { min-height: 470px; background: #f1e2df; }
.moonya-landing-popup__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.moonya-landing-popup__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(42px, 6vw, 72px); text-align: left; }
.moonya-landing-popup__eyebrow { margin: 0 0 15px; color: #d88894; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.moonya-landing-popup__content h2 { margin: 0 0 20px; color: #2e2227; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(34px, 4vw, 52px); font-weight: 500; line-height: 1.03; letter-spacing: -.035em; }
.moonya-landing-popup__text { color: #74656b; font-size: 15px; line-height: 1.7; }
.moonya-landing-popup__text p { margin: 0 0 24px; }
.moonya-landing-popup__button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 24px; border: 1px solid #2e2227; background: #2e2227; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.moonya-landing-popup__button:hover { border-color: #d88894; background: #d88894; color: #fff; transform: translateY(-2px); }

@media (max-width: 699px) {
	.moonya-landing-popup { padding: 16px; }
	.moonya-landing-popup__dialog { grid-template-columns: 1fr; max-height: calc(100vh - 32px); }
	.moonya-landing-popup__media { min-height: 0; aspect-ratio: 16 / 10; }
	.moonya-landing-popup__content { padding: 34px 26px 38px; }
	.moonya-landing-popup__content h2 { font-size: clamp(30px, 9vw, 42px); }
}

@media (prefers-reduced-motion: reduce) {
	.moonya-landing-popup, .moonya-landing-popup__dialog, .moonya-landing-popup__button { transition: none; }
}