/* OMSON — v5: Khatushyam Greens pre-launch pop-up and notice. */

.kpop { position: fixed; inset: 0; z-index: 120; display: grid; place-items: center; padding: 16px; }
.kpop[hidden] { display: none; }
.kpop-scrim { position: absolute; inset: 0; background: rgba(20, 16, 50, .62); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.kpop-card { position: relative; width: min(920px, 100%); max-height: calc(100svh - 32px); overflow: auto; display: grid; grid-template-columns: 1fr 1.05fr; border-radius: 22px; background: #FFF6EA; box-shadow: 0 50px 100px -40px rgba(0,0,0,.6), inset 0 0 0 1px rgba(238,122,30,.25); }
.kpop-x { position: absolute; z-index: 3; top: 14px; left: 14px; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.92); color: #1F2557; box-shadow: 0 8px 20px -8px rgba(0,0,0,.4); transition: transform .3s, background .3s; }
.kpop-x:hover { transform: rotate(90deg); background: #fff; }
.kpop-x .ic { width: 18px; height: 18px; }
.kpop-art { position: relative; min-height: 420px; overflow: hidden; background: #25306A; }
.kpop-art .scene { position: absolute; inset: 0; width: 100%; height: 100%; }
.kpop-badge { position: absolute; z-index: 2; right: 16px; top: 16px; background: #EE7A1E; color: #fff; font: 800 .68rem var(--f-body); letter-spacing: .18em; text-transform: uppercase; padding: .5rem .8rem; border-radius: 999px; box-shadow: 0 0 0 4px rgba(238,122,30,.25); animation: kpopGlow 2.4s ease-in-out infinite; }
@keyframes kpopGlow { 50% { box-shadow: 0 0 0 9px rgba(238,122,30,.08); } }
.kpop-copy { padding: clamp(1.6rem, 3.4vw, 2.6rem); color: #1F2557; --accent: #D9621C; --line: rgba(31,37,87,.18); }
.kpop-jai { margin: 0; font-size: 1.15rem; color: #D9621C; }
.kpop-eyebrow { margin: .4rem 0 0; font-size: .7rem; letter-spacing: .18em; text-transform: uppercase; font-weight: 700; color: #2B3A7A; }
.kpop-copy h2 { margin: .5rem 0 .6rem; font-family: var(--f-display); font-weight: 500; font-size: clamp(2.2rem, 4vw, 3.2rem); line-height: 1; }
.kpop-copy h2 em { color: #D9621C; }
.kpop-text { margin: 0 0 1rem; color: #4A4F72; font-size: .95rem; }
.kpop .enquiry { gap: .7rem; color: #1F2557; }
.kpop .btn-solid { background: #D9621C; color: #fff; }
.kpop .btn-solid::before { background: #1F2557; }
.kpop .consent { font-size: .76rem; }
.kpop-more { display: inline-flex; align-items: center; gap: .4rem; margin-top: 1rem; font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: #2B3A7A; }
.kpop-more .ic { width: 15px; }

.prelaunch { background: #FFF1DF; border-block: 1px solid rgba(217,98,28,.25); }
.prelaunch-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 2rem; padding-block: 1.4rem; }
.prelaunch p { margin: 0; max-width: 64ch; color: #4A2A12; }
.prelaunch b { color: #D9621C; }

@media (max-width: 760px) {
  .kpop-card { grid-template-columns: 1fr; }
  .kpop-art { min-height: 190px; }
}