/* ============================================================
   PARADISE ASIA — Kalani Tower (딥블루)
   럭셔리 에디토리얼: 크림/차콜 중립 + 딥블루 액센트
   ============================================================ */
:root{ --blu:#0e4c92; --blu2:#2e7be0; --blud:#0a356b; --ink:#141c2b; --cream:#f6f8fb;
  --line:#e4e9f0; --sub:#6a7686; --eye:#33598f; }
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Pretendard','Pretendard Variable',system-ui,sans-serif;color:var(--ink);
  background:#fff;-webkit-font-smoothing:antialiased;word-break:keep-all}
.serif{font-family:Georgia,'Times New Roman','Pretendard Variable',Pretendard,serif}
a{text-decoration:none;color:inherit}

/* ── 상단 네비 (다크) ── */
.nav{background:#0f1622;color:#fff;display:flex;align-items:center;justify-content:space-between;
  padding:16px 40px;position:relative;z-index:20}
.nav::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--blud),var(--blu2),var(--blud))}
.nav-l .pt{font-size:9px;letter-spacing:.34em;color:#9db6da;font-weight:700}
.nav-l .nm{font-size:18px;font-weight:900;letter-spacing:.14em}
.nav-r{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:600}
.nav-r a{color:rgba(255,255,255,.86);white-space:nowrap}
.nav-r a:hover{color:#fff}
.nav-r a.on{color:var(--blu2);font-weight:800}
.nav-r a.cta{color:#9db6da}

/* ── 브레드크럼 ── */
.crumb{max-width:1200px;margin:0 auto;padding:22px 60px 0;font-size:11px;letter-spacing:1px;color:#9aa6b6}
.crumb .sep{margin:0 9px;color:#cfd8e2}
.crumb .here{color:var(--ink)}

/* ── 커버 ── */
.cover{height:640px;background-size:cover;background-position:center;display:flex;align-items:flex-end;
  justify-content:center;text-align:center}
.cover-in{padding-bottom:88px;color:#fff}
.cover-vol{font-size:10px;letter-spacing:.6em;color:rgba(255,255,255,.85);font-weight:500;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.cover-div{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0}
.cover-div .ln{width:60px;height:1px;background:var(--blu2)}
.cover-div .dm{width:5px;height:5px;background:var(--blu2);transform:rotate(45deg)}
.cover-h{font-size:78px;font-weight:400;letter-spacing:-1px;line-height:1.05;text-shadow:0 3px 4px rgba(0,0,0,.5)}
.cover-tag{font-size:15px;color:rgba(255,255,255,.92);margin-top:16px;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.55)}
.cover-loc{margin-top:30px;font-size:11px;letter-spacing:.4em;color:rgba(255,255,255,.8);text-shadow:0 1px 6px rgba(0,0,0,.5)}

/* ── 인트로 ── */
.intro{background:#fff;padding:82px 60px 58px;text-align:center}
.eyebrow{font-size:10px;letter-spacing:.5em;color:var(--eye);font-weight:700}
.intro-h{font-size:42px;font-weight:400;color:var(--ink);margin-top:18px;letter-spacing:-.5px;line-height:1.2}
.intro-h .it{color:var(--blu);font-weight:600}
.intro-sub{font-size:14px;color:var(--sub);line-height:1.95;margin:24px auto 0;max-width:620px}

/* ── 스탯 4열 ── */
.stats{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  display:grid;grid-template-columns:repeat(4,1fr);max-width:1100px;margin:0 auto}
.stat{text-align:center;padding:46px 20px;border-left:1px solid var(--line)}
.stat:first-child{border-left:none}
.stat-n{font-size:54px;font-weight:400;color:var(--ink);line-height:1}
.stat-n .u{font-family:'Pretendard',sans-serif;font-weight:600;font-size:16px;color:var(--blu);margin-left:3px}
.stat-l{font-size:12px;color:var(--sub);letter-spacing:.3px;margin-top:14px;line-height:1.5}

/* ── 예약 밴드 ── */
.bookwrap{max-width:1100px;margin:0 auto 60px;padding:60px 28px 0}
.book{background:linear-gradient(135deg,#13233f,#0a1830);color:#fff;border-radius:18px;padding:28px 36px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;box-shadow:0 12px 32px rgba(10,24,48,.2)}
.book-k{font-size:10.5px;letter-spacing:.25em;color:var(--blu2);font-weight:800;margin-bottom:6px}
.book-h{font-size:22px;font-weight:800;line-height:1.35;margin-bottom:8px}
.book-h span{color:var(--blu2)}
.book-p{font-size:13px;color:rgba(255,255,255,.75);line-height:1.85}
.book-p strong{color:var(--blu2)}
.book-btn{background:linear-gradient(135deg,var(--blu2),#1560bd);color:#fff;padding:18px 32px;border-radius:12px;
  font-size:14.5px;font-weight:800;cursor:pointer;letter-spacing:.5px;box-shadow:0 6px 18px rgba(46,123,224,.4);white-space:nowrap}

/* ── 세팅 밴드 ── */
.band{height:440px;background-size:cover;background-position:center;display:flex;align-items:center;
  justify-content:center;text-align:center;color:#fff}
.band-eye{font-size:10px;letter-spacing:.6em;font-weight:600;color:rgba(255,255,255,.85);text-shadow:0 1px 6px rgba(0,0,0,.5)}
.band-h{font-size:46px;font-weight:300;line-height:1.25;margin-top:16px;letter-spacing:-.4px;text-shadow:0 3px 4px rgba(0,0,0,.5)}

/* ── 오프너 + 비디오 ── */
.opener{background:#fff;padding:82px 60px 40px;text-align:center}
.opener-h{font-size:34px;font-weight:300;color:var(--ink);margin-top:14px;letter-spacing:-.3px}
.videowrap{max-width:1000px;margin:0 auto 60px;padding:0 24px}
.videowrap video{width:100%;height:auto;border-radius:14px;display:block;box-shadow:0 14px 44px rgba(20,28,43,.2);background:#000}
.videocap{text-align:center;font-size:12px;letter-spacing:1.5px;color:var(--sub);margin-top:13px}

/* ── 피처 블록 (좌우 교차) ── */
.feature{display:grid;grid-template-columns:1fr 1fr;min-height:520px}
.feature-img{background-size:cover;background-position:center;position:relative}
.feature-tag{position:absolute;left:24px;bottom:24px;color:#fff}
.feature-tag .t1{font-size:12px;letter-spacing:2px;font-weight:800}
.feature-tag .t2{font-size:10px;letter-spacing:3px;color:rgba(255,255,255,.8);margin-top:4px}
.feature-body{padding:70px 64px;display:flex;flex-direction:column;justify-content:center;background:#fff}
.feature.alt .feature-body{background:var(--cream)}
.feature-num{font-size:11px;letter-spacing:.4em;color:var(--eye);font-weight:800}
.feature-h{font-size:32px;font-weight:400;color:var(--ink);margin:14px 0 18px;line-height:1.25;letter-spacing:-.5px}
.feature-desc{font-size:14px;color:var(--sub);line-height:1.95}
.feature-foot{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;margin-top:30px}
.feature-foot .fl{font-size:10px;letter-spacing:2px;color:#9aa6b6;font-weight:700;text-transform:uppercase}
.feature-foot .fv{font-size:13.5px;color:var(--ink);font-weight:700;margin-top:5px}

/* ── 푸터 ── */
.foot{background:#0f1622;color:#8b96a8;text-align:center;padding:36px 20px}
.foot .fnm{color:#fff;font-size:12px;font-weight:800;letter-spacing:.15em}
.foot .fsub{font-size:11px;margin-top:6px;line-height:1.7}
.foot .fc{font-size:10px;color:#5f6b7d;margin-top:10px}

.wa{position:fixed;right:26px;bottom:26px;z-index:60;display:flex;align-items:center;gap:11px;
  padding:11px 20px 11px 12px;border-radius:40px;background:rgba(15,22,34,.94);
  border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.3);color:#fff}
.wa .ico{width:40px;height:40px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;font-size:20px}
.wa .tx b{font-size:13px;font-weight:800}.wa .tx small{display:block;font-size:11px;color:#aeb8c8}


/* ── 섹션(갤러리·스테이·주의) ── */
.ksec{padding:78px 60px 64px;border-top:1px solid var(--line);background:var(--cream)}
.ksec.white{background:#fff}
.ksec-head{text-align:center;margin-bottom:40px}
.ksec-eye{font-size:10px;letter-spacing:.5em;color:var(--eye);font-weight:700}
.ksec-h{font-size:32px;font-weight:300;color:var(--ink);margin-top:12px;letter-spacing:-.3px}
.kgal{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1280px;margin:0 auto;padding:0 24px}
.kgimg{height:520px;background-size:cover;background-position:center;border-radius:6px}
.kgcap{font-size:12px;letter-spacing:1px;color:var(--sub);margin-top:14px;line-height:1.6}
.kgcap b{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:0}
.kstay{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0 24px}
.kstay-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 32px;box-shadow:0 2px 14px rgba(20,28,43,.04)}
.kstay-card.cream{background:var(--cream)}
.kstay-head{display:flex;align-items:center;gap:13px;margin-bottom:22px}
.kstay-icon{width:46px;height:46px;background:#eef4fc;border:1px solid #d7e6f8;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.kstay-title{font-size:11.5px;letter-spacing:.25em;color:var(--eye);font-weight:800}
.kstay-h{font-size:20px;font-weight:800;color:var(--ink);margin-top:4px}
.kstay-times{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.kstay-tbox{background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:18px}
.kstay-tlbl{font-size:10.5px;letter-spacing:2px;color:var(--sub);font-weight:700}
.kstay-tval{font-family:Georgia,serif;font-size:34px;font-weight:700;color:var(--ink);margin-top:6px}
.kstay-note{background:#eef4fc;border:1px solid #d7e6f8;border-radius:9px;padding:13px 15px;font-size:13px;color:#2f5589;line-height:1.6}
.kstay-note strong{color:var(--blu)}
.kamen-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.kamen-row:last-child{border-bottom:0}
.kamen-k{font-size:13.5px;color:#43536a;font-weight:500}
.kamen-v{font-size:14px;color:var(--ink);font-weight:700}
.kwifi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.kwifi-box{background:#fff;border:1.5px solid #d7e6f8;border-radius:9px;padding:13px 15px}
.kwifi-lbl{font-size:10px;letter-spacing:2px;color:var(--eye);font-weight:800}
.kwifi-val{font-size:16px;font-weight:700;color:var(--ink);margin-top:5px;letter-spacing:.5px}
.kwarns{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 24px}
.kwarn{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 24px;box-shadow:0 2px 14px rgba(20,28,43,.05)}
.kwarn.red{border-top:4px solid #dc2626}.kwarn.amber{border-top:4px solid #d97706}.kwarn.gray{border-top:4px solid #6b7280}
.kwarn-icon{font-size:32px;margin-bottom:14px}
.kwarn-h{font-size:15px;font-weight:800;color:var(--ink);margin-bottom:8px;line-height:1.4}
.kwarn-t{font-size:12.5px;color:#55607a;line-height:1.7}.kwarn-t strong{color:var(--ink)}
.kfinal{background:#0f1622;color:#fff;text-align:center;padding:80px 24px}
.kfinal-div{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:26px}
.kfinal-div .ln{width:60px;height:1px;background:var(--blu2)}
.kfinal-div .dm{width:5px;height:5px;background:var(--blu2);transform:rotate(45deg)}
.kfinal-h{font-size:38px;font-weight:400;letter-spacing:-.5px}
.kfinal-h .it{color:var(--blu2)}
.kfinal-sub{font-size:14px;color:rgba(255,255,255,.7);line-height:1.9;margin-top:18px}
.kfinal-cta{display:inline-block;margin-top:30px;background:linear-gradient(135deg,var(--blu2),#1560bd);color:#fff;font-size:16px;font-weight:800;padding:18px 40px;border-radius:40px;cursor:pointer;box-shadow:0 10px 26px rgba(46,123,224,.4)}
.kfinal-alt{font-size:12.5px;color:rgba(255,255,255,.5);margin-top:16px}

@media(max-width:960px){
  .nav-r{display:none}
  .cover{height:460px}.cover-h{font-size:48px}.cover-in{padding-bottom:54px}
  .intro,.opener{padding:56px 22px 34px}.intro-h{font-size:30px}
  .stats{grid-template-columns:repeat(2,1fr)}.stat{border-left:none;border-top:1px solid var(--line)}
  .band{height:300px}.band-h{font-size:30px}
  .feature{grid-template-columns:1fr}.feature-img{height:300px}
  .feature.alt{display:flex;flex-direction:column-reverse}
  .feature-body{padding:44px 24px}.feature-h{font-size:26px}
  .book{padding:24px}
}

@media(max-width:960px){
  .ksec{padding:52px 18px 40px}.ksec-h{font-size:26px}
  .kgal{grid-template-columns:1fr;gap:16px;padding:0 16px}.kgimg{height:300px}
  .kstay{grid-template-columns:1fr;gap:16px;padding:0 16px}
  .kwarns{grid-template-columns:1fr;gap:14px;padding:0 16px}
  .kfinal-h{font-size:28px}
}