/* CT-BY · cj-hero · 按签字效果图:左下文字+三层遮罩+实心主按钮+幽灵副按钮 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Inter:wght@300;400;500&display=swap');

.cjh{
  --cobalt:#26477E;
  position:relative; height:86vh; min-height:620px; display:flex; align-items:center; overflow:hidden;
  font-family:'Inter',-apple-system,sans-serif; font-weight:300;
}
.cjh .disp{font-family:'Cormorant Garamond',Georgia,serif}
.cjh .disp em{font-style:italic}
.cjh__media{position:absolute;inset:0}
.cjh__media img{width:100%;height:100%;object-fit:cover;display:block;animation:cjh-kenburns 16s ease-out forwards}
.cjh__ph{width:100%;height:100%;background:linear-gradient(135deg,#3a5572,#1b2a3f)}
@keyframes cjh-kenburns{from{transform:scale(1.07)}to{transform:scale(1)}}
/* 三层遮罩:左压字 + 顶部压导航 + 底部托底(效果图同款) */
.cjh::after{content:"";position:absolute;inset:0;background:
  linear-gradient(to right,rgba(16,27,46,.78) 0%,rgba(16,27,46,.45) 46%,rgba(16,27,46,.06) 75%),
  linear-gradient(to bottom,rgba(16,27,46,.55) 0%,rgba(16,27,46,0) 26%),
  linear-gradient(to top,rgba(16,27,46,.6) 0%,rgba(16,27,46,0) 38%)}
.cjh__in{position:relative;z-index:2;color:#fff;max-width:1320px;margin:0 auto;width:100%;padding:0 56px 88px}
.cjh__eye{font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-bottom:20px}
.cjh__h{font-weight:300;font-size:76px;line-height:1.05;letter-spacing:0;max-width:780px;margin:0 0 18px;white-space:pre-line}
.cjh__sub{font-size:17px;line-height:1.6;color:rgba(255,255,255,.88);max-width:480px;margin:0 0 30px;font-weight:300}
.cjh__row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.cjh__cta{display:inline-block;background:#B08D57;color:#fff;text-decoration:none;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:16px 32px;border-radius:6px;transition:background .3s,transform .3s,box-shadow .3s;border:none}
.cjh__cta:hover{background:#9A7949;transform:translateY(-2px);box-shadow:0 16px 32px -14px rgba(176,141,87,.55)}
.cjh__cta--ghost{background:transparent;border:1px solid rgba(255,255,255,.7)}
.cjh__cta--ghost:hover{background:rgba(255,255,255,.08)}

@media(max-width:820px){
  .cjh{height:84vh;min-height:520px}
  .cjh__in{padding:0 26px 56px}
  .cjh__h{font-size:44px}
}
@media (prefers-reduced-motion: reduce){ .cjh__media img{animation:none} }

/* Premium v16 pass: same hero content, calmer private-travel art direction. */
.cjh{
  --ctby-ink:#122820;
  --ctby-green:#103b31;
  --ctby-celadon:#dfeae5;
  --ctby-gold:#a6814c;
  height:88vh;
  min-height:660px;
  background:#10221d;
}
.cjh__media img{
  filter:saturate(.82) contrast(.98) brightness(.86);
}
.cjh::after{
  background:
    linear-gradient(to right,rgba(8,27,23,.86) 0%,rgba(8,27,23,.64) 40%,rgba(8,27,23,.16) 74%,rgba(8,27,23,.04) 100%),
    linear-gradient(to bottom,rgba(8,24,21,.54) 0%,rgba(8,24,21,0) 32%),
    linear-gradient(to top,rgba(8,24,21,.74) 0%,rgba(8,24,21,0) 48%);
}
.cjh__in{
  max-width:1380px;
  padding:0 72px 104px;
}
.cjh__eye{
  color:rgba(230,239,234,.88);
  letter-spacing:.28em;
  font-size:11px;
  margin-bottom:22px;
}
.cjh__h{
  font-size:76px;
  line-height:1.03;
  letter-spacing:0;
  max-width:650px;
  margin-bottom:22px;
}
.cjh__sub{
  font-size:18px;
  line-height:1.7;
  color:rgba(247,246,240,.88);
  max-width:520px;
  margin-bottom:34px;
}
.cjh__cta{
  border-radius:3px;
  background:var(--ctby-green);
  border:1px solid rgba(255,255,255,.24);
  padding:17px 34px;
  box-shadow:none;
}
.cjh__cta:hover{
  background:#0b3028;
  box-shadow:0 18px 38px -24px rgba(0,0,0,.55);
}
.cjh__cta--ghost{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.42);
}
.cjh__cta--ghost:hover{
  background:rgba(255,255,255,.12);
}
@media(min-width:1400px){
  .cjh__h{font-size:84px}
}
@media(max-width:820px){
  .cjh{
    height:78vh;
    min-height:650px;
    align-items:flex-end;
  }
  .cjh__media img{
    object-position:58% center;
  }
  .cjh::after{
    background:
      linear-gradient(to right,rgba(8,27,23,.88) 0%,rgba(8,27,23,.62) 48%,rgba(8,27,23,.16) 100%),
      linear-gradient(to bottom,rgba(8,24,21,.5) 0%,rgba(8,24,21,0) 34%),
      linear-gradient(to top,rgba(8,24,21,.78) 0%,rgba(8,24,21,.04) 58%);
  }
  .cjh__in{
    padding:0 24px 76px;
  }
  .cjh__eye{
    max-width:320px;
    font-size:10.5px;
    letter-spacing:.2em;
    margin-bottom:18px;
  }
  .cjh__h{
    font-size:48px;
    line-height:1.02;
    max-width:350px;
    margin-bottom:20px;
  }
  .cjh__sub{
    font-size:16px;
    line-height:1.64;
    max-width:338px;
    margin-bottom:30px;
  }
  .cjh__row{gap:12px}
  .cjh__cta{
    width:auto;
    min-width:230px;
    text-align:center;
    padding:16px 28px;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .cjh__h{
    text-wrap:balance;
  }
  .cjh__sub{
    text-wrap:pretty;
  }
}
@media(max-width:360px){
  .cjh{
    min-height:610px;
  }
  .cjh__in{
    padding:0 22px 60px;
  }
  .cjh__h{
    font-size:42px;
  }
  .cjh__cta{
    width:100%;
  }
}