body[data-page="home"]{background:#fcfaf6;color:#172019;overflow-x:hidden}
body[data-page="home"] main{padding:0 0 28px}
.hp-hero{background:#142019;border-radius:0 0 28px 28px;color:#fff;isolation:isolate;min-height:540px;overflow:hidden;padding:120px max(7vw,24px) 70px;position:relative}
.hp-hero-image,.hp-hero-shade{height:100%;inset:0;position:absolute;width:100%}
.hp-hero-image{object-fit:cover;object-position:center 49%;z-index:-3}
.hp-hero-shade{background:linear-gradient(90deg,rgba(7,14,18,.89) 0%,rgba(8,14,18,.62) 40%,rgba(9,12,13,.12) 73%),linear-gradient(0deg,rgba(9,12,13,.58),transparent 50%);z-index:-2}
.hp-hero-content{align-items:center;display:grid;gap:clamp(30px,6vw,90px);grid-template-columns:minmax(0,1fr) minmax(280px,350px);margin:auto;max-width:1320px}
.hp-hero-copy h1{color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,5.4vw,5.6rem);letter-spacing:-.045em;line-height:.96;margin:0;max-width:12ch}
.hp-hero-copy>p{color:rgba(255,255,255,.9);font-size:clamp(.98rem,1.25vw,1.16rem);line-height:1.65;margin:22px 0 24px;max-width:58ch}
.hp-actions{display:flex;flex-wrap:wrap;gap:12px}
.hp-button{align-items:center;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:850;justify-content:center;min-height:48px;padding:0 22px;text-decoration:none}
.hp-button-primary{background:#cb6427;border-color:#cb6427;box-shadow:0 12px 26px rgba(203,100,39,.28)}
.hp-button-ghost{background:rgba(12,17,18,.28);backdrop-filter:blur(8px)}
.hp-trust-card{background:rgba(48,39,32,.65);border:1px solid rgba(255,255,255,.16);border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.24);display:grid;gap:20px;padding:25px;backdrop-filter:blur(12px)}
.hp-trust-card>div{align-items:center;display:grid;gap:13px;grid-template-columns:45px 1fr}
.hp-trust-icon{align-items:center;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:flex;height:45px;justify-content:center;width:45px}
.hp-trust-icon svg{fill:none;height:21px;stroke:currentColor;stroke-width:1.7;width:21px}
.hp-trust-card p{margin:0}
.hp-trust-card strong,.hp-trust-card small{display:block}
.hp-trust-card strong{font-size:.86rem}
.hp-trust-card small{color:rgba(255,255,255,.78);font-size:.75rem;line-height:1.4;margin-top:3px}
.hp-section{margin:0 auto;max-width:1360px;padding-left:28px;padding-right:28px}
.hp-features{padding-top:48px}
.hp-section h2{color:#172019;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.65rem,2.5vw,2.4rem);letter-spacing:-.025em;margin:0}
.hp-features>h2{text-align:center}
.hp-feature-grid{display:grid;gap:12px;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:24px}
.hp-feature-card{grid-column:span 2}
.hp-feature-card:nth-child(7){grid-column:5 / span 2}
.hp-feature-card:nth-child(8){grid-column:7 / span 2}
.hp-feature-card{align-items:center;background:#fff;border:1px solid #eee9e1;border-radius:15px;box-shadow:0 8px 24px rgba(27,34,30,.07);color:#172019;display:flex;flex-direction:column;min-height:184px;padding:18px 12px 14px;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.hp-feature-card:hover,.hp-feature-card:focus-visible{box-shadow:0 16px 36px rgba(27,34,30,.12);outline:3px solid rgba(203,100,39,.25);transform:translateY(-3px)}
.hp-feature-icon{color:#c35d23;display:block;height:38px;margin-bottom:10px;width:38px}
.hp-feature-icon svg{fill:none;height:100%;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:100%}
.hp-feature-icon svg text{fill:currentColor;font-family:Arial,sans-serif;font-size:6px;font-weight:800;stroke:none}
.hp-icon-2{color:#668a35}
.hp-icon-3{color:#3d83cf}
.hp-icon-4{color:#e6a629}
.hp-icon-5{color:#4e9a62}
.hp-icon-6{color:#844cc7}
.hp-icon-7{color:#dc5d72}
.hp-icon-8{color:#3aa0a0}
.hp-icon-9{color:#9a6744}
.hp-feature-card strong{font-size:.86rem;line-height:1.25}
.hp-feature-card small{color:#65706a;font-size:.73rem;line-height:1.5;margin-top:7px}
.hp-feature-card b{font-size:1.2rem;font-weight:500;margin-top:auto}
.hp-destinations{padding-top:30px}
.hp-section-head{align-items:end;display:flex;justify-content:space-between}
.hp-section-head a{color:#b9521d;font-size:.8rem;font-weight:850;text-decoration:none}
.hp-destination-row{display:grid;gap:13px;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:14px}
.hp-destination-card{border-radius:13px;color:#fff;min-height:152px;overflow:hidden;position:relative;text-decoration:none}
.hp-destination-card::after{background:linear-gradient(0deg,rgba(5,10,8,.75),transparent 58%);content:"";inset:0;position:absolute}
.hp-destination-card img{height:100%;object-fit:cover;position:absolute;transition:transform .35s ease;width:100%}
.hp-destination-card:hover img{transform:scale(1.04)}
.hp-destination-card span{bottom:13px;font-size:.9rem;font-weight:900;left:14px;position:absolute;z-index:1}
.hp-beyond{background:#f4eadf;border:1px solid #eadbcc;border-radius:24px;margin-top:32px;padding-bottom:24px;padding-top:24px}.hp-beyond-head{align-items:center;display:flex;gap:14px}.hp-beyond-head>span{align-items:center;background:#173f35;border-radius:50%;color:#fff;display:flex;flex:0 0 44px;height:44px;justify-content:center}.hp-beyond-head svg{fill:none;height:22px;stroke:currentColor;stroke-width:1.7;width:22px}.hp-beyond-head p{color:#66736c;font-size:.86rem;line-height:1.55;margin:5px 0 0}.hp-beyond-row{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:18px}.hp-beyond-card{background:#fff;border:1px solid #e5d8cc;border-radius:16px;color:#173f35;display:flex;flex-direction:column;min-width:0;overflow:hidden;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}.hp-beyond-card:hover,.hp-beyond-card:focus-visible{box-shadow:0 14px 28px rgba(40,33,27,.12);outline:3px solid rgba(203,100,39,.22);transform:translateY(-3px)}.hp-beyond-card img{aspect-ratio:16/8.5;object-fit:cover;width:100%}.hp-beyond-card>div{display:flex;flex:1;flex-direction:column;padding:13px}.hp-beyond-card small{align-self:flex-start;background:#f6e6d9;border-radius:999px;color:#9a4928;font-size:.58rem;font-weight:900;letter-spacing:.03em;padding:5px 7px;text-transform:uppercase}.hp-beyond-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1rem;line-height:1.2;margin:9px 0 5px}.hp-beyond-card p{color:#68736d;font-size:.7rem;line-height:1.45;margin:0 0 11px}.hp-beyond-card strong{color:#a84e29;font-size:.7rem;margin-top:auto;min-height:24px}
@media(max-width:1180px){.hp-hero{padding-top:112px}
.hp-feature-grid{grid-template-columns:repeat(4,1fr)}
.hp-feature-card{grid-column:auto}
.hp-feature-card:nth-child(7){grid-column:auto}
.hp-feature-card:nth-child(8){grid-column:auto}
.hp-destination-row{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){.hp-hero-content{grid-template-columns:1fr}
.hp-trust-card{grid-template-columns:repeat(3,1fr)}
.hp-trust-card>div{grid-template-columns:38px 1fr}
.hp-trust-icon{height:38px;width:38px}
.hp-features{padding-top:48px}
.hp-beyond-row{display:flex;overflow-x:auto;padding:3px 2px 14px;scroll-snap-type:x mandatory}.hp-beyond-card{flex:0 0 235px;scroll-snap-align:start}
}
@media(max-width:767px){
  /* The home header is a viewport-level fixed bar. Size it from both viewport
     edges so legacy shared `calc(100vw - …)` navbar widths cannot shorten it. */
  body[data-page="home"] .nav-wrap.global-header{left:0;padding:0;right:0;width:100%}
  body[data-page="home"] .nav-wrap.global-header>.navbar{
    box-sizing:border-box;
    left:0!important;
    margin:0!important;
    max-width:none!important;
    right:0!important;
    width:auto!important;
  }
}
@media(max-width:700px){.hp-hero{border-radius:0 0 20px 20px;min-height:0;padding:76px 18px 52px}
.hp-hero-copy h1{font-size:clamp(2.65rem,13vw,4rem)}
.hp-hero-copy>p{font-size:.94rem}
.hp-trust-card{gap:12px;grid-template-columns:1fr;padding:18px}
.hp-feature-grid{display:flex;overflow-x:auto;padding:4px 3px 14px;scroll-snap-type:x mandatory}
.hp-feature-card{flex:0 0 155px;scroll-snap-align:start}
.hp-section{padding-left:16px;padding-right:16px}
.hp-features{padding-top:32px}
.hp-section-head{align-items:start;gap:12px}
.hp-section-head a{max-width:15ch;text-align:right}
.hp-destination-row{display:flex;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}
.hp-destination-card{flex:0 0 72vw;scroll-snap-align:start}
.hp-beyond{border-radius:18px;margin-left:12px;margin-right:12px;padding:20px 14px}.hp-beyond-head{align-items:flex-start}.hp-beyond-head h2{font-size:1.65rem}.hp-beyond-card{flex-basis:min(76vw,255px)}
}
@media(max-width:390px){.hp-hero{padding-bottom:52px}
.hp-actions{display:grid}
.hp-button{width:100%}
}
@media(prefers-reduced-motion:reduce){.hp-feature-card,.hp-destination-card img{transition:none}
}

.hp-features-intro {
  color: #5f6b64;
  font-size: clamp(0.84rem, 1.15vw, 0.98rem);
  line-height: 1.65;
  margin: 12px auto 0;
  max-width: 84ch;
  text-align: center;
}

.hp-features-intro + .hp-feature-grid {
  margin-top: 22px;
}

@media(max-width:700px) {
  .hp-features > h2 {
    font-size: clamp(1.7rem, 8vw, 2.2rem);
    line-height: 1.12;
    text-wrap: balance;
  }

  .hp-features-intro {
    font-size: 0.86rem;
    line-height: 1.55;
    max-width: 38rem;
    text-wrap: pretty;
  }
}

/* Match the Popular Destinations cards: fixed compact canvas, never image-driven height. */
.hp-beyond{margin-top:26px;padding-bottom:20px;padding-top:20px}.hp-beyond-row{margin-top:14px}.hp-beyond-card{display:block;height:152px;min-height:152px;position:relative}.hp-beyond-card::after{background:linear-gradient(0deg,rgba(7,18,14,.92) 0%,rgba(7,18,14,.5) 62%,rgba(7,18,14,.14) 100%);content:"";inset:0;position:absolute}.hp-beyond-card img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.hp-beyond-card>div{display:block;inset:0;padding:10px 11px;position:absolute;z-index:1}.hp-beyond-card small{position:absolute;top:10px}.hp-beyond-card h3{color:#fff;font-size:.94rem;margin:50px 0 3px}.hp-beyond-card p{color:rgba(255,255,255,.84);font-size:.66rem;line-height:1.35;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-beyond-card strong{background:rgba(255,255,255,.94);border-radius:999px;bottom:9px;color:#8f421f;display:inline-flex;font-size:.63rem;min-height:28px;padding:7px 9px;position:absolute}
@media(max-width:900px){.hp-beyond-card{flex-basis:calc((100vw - 84px)/3);height:152px;min-height:152px}}
@media(max-width:700px){.hp-beyond{margin-top:22px;padding-bottom:16px;padding-top:17px}.hp-beyond-card{flex-basis:72vw;height:152px;min-height:152px}.hp-beyond-card p{max-width:34ch}}

/* Beyond Jordan deliberately reuses the Popular Destinations visual system. */
.hp-beyond{background:transparent;border:0;border-radius:0;margin:0 auto;padding-bottom:0;padding-top:30px}.hp-beyond-heading{align-items:flex-start}.hp-beyond-heading p{color:#65706a;font-size:.78rem;line-height:1.5;margin:5px 0 0}.hp-beyond-row{display:grid;gap:13px;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:14px;overflow:visible;padding:0}.hp-beyond-card{background:transparent;border:0;border-radius:13px;color:#fff;display:block;height:auto;min-height:152px;position:relative}.hp-beyond-card::after{background:linear-gradient(0deg,rgba(5,10,8,.75),transparent 58%)}.hp-beyond-card img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.hp-beyond-card>span{bottom:13px;display:block;left:14px;padding:0;position:absolute;z-index:2}.hp-beyond-card>span strong{background:none;color:#fff;display:block;font-size:.9rem;font-weight:900;min-height:0;padding:0;position:static}.hp-beyond-card>span small{background:none;color:rgba(255,255,255,.8);display:block;font-size:.58rem;font-weight:750;letter-spacing:.02em;margin-top:2px;padding:0;position:static;text-transform:none}.hp-beyond-card:hover,.hp-beyond-card:focus-visible{box-shadow:none;transform:none}.hp-beyond-card:hover img{transform:scale(1.04)}
@media(max-width:1180px){.hp-beyond-row{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;padding:0}.hp-beyond-card{min-height:152px}}
@media(max-width:700px){.hp-beyond{margin:0 auto;padding:30px 16px 0}.hp-beyond-row{display:flex;gap:13px;overflow-x:auto;padding:0 0 12px;scroll-snap-type:x mandatory}.hp-beyond-card{flex:0 0 72vw;min-height:152px;scroll-snap-align:start}}