@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');

:root { 
    --olive:#1d332b;
     --forest:#29483d;
      --sand:#d9c5a0;
       --terracotta:#a65338; 
       --rose:#bd7455;
        --cream:#f8f4eb;
         --paper:#fffdf8; --ink:#172620; --muted:#617068; --line:rgba(29,51,43,.14); --radius:18px; --shadow:0 12px 30px rgba(28,46,36,.11); --sans:'DM Sans',Arial,sans-serif; --serif:'Fraunces',Georgia,serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; overflow-x:clip; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:var(--sans); font-size:16px; line-height:1.58; overflow-x:clip; }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
:focus-visible { outline:3px solid #bc7a42; outline-offset:3px; }
/*petra*/
.shell { width:min(100% - 14px, 400px); margin-inline:auto; }
.section { padding:18px 0; }
.eyebrow { margin:0 0 12px; color:var(--terracotta); font-size:.50rem; font-weight:80; letter-spacing:.14em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { font-family:var(--serif); line-height:1.03; letter-spacing:-.045em; }
h1 { margin-bottom:18px; font-size:clamp(2.0rem,12vw,3.0rem); font-weight:300; }
h2 { margin-bottom:14px; font-size:clamp(1.5rem,8vw,1.5rem); font-weight:200; }
h3 { margin-bottom:8px; font-size:1.0rem; }
.lede { color:#3e4c46; font-size:0.70rem; }
/*end of petra*/
.button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; gap:10px; padding:12px 18px; border:1px solid transparent; border-radius:0; background:var(--olive); color:#fff; font-weight:700; transition:transform .2s, background .2s; }
.button:hover { background:#0f241b; transform:translateY(-1px); }
.button--light { background:#fffdf8; color:var(--olive); }
.button--outline { border-color:var(--olive); background:transparent; color:var(--olive); }
.arrow { font-size:1.2em; line-height:0; }

.site-header { position:sticky; z-index:10; top:0; background:rgba(236, 234, 229, 0.94); border-bottom:1px solid var(--line); backdrop-filter:blur(12px); }
.nav { display:flex; min-height:68px; align-items:center; justify-content:space-between; gap:16px; }
.brand { display:flex; flex-direction:column; line-height:1.05; font-weight:700; letter-spacing:.055em; font-size:.88rem; }
.brand small { margin-top:4px; color:var(--muted); font-size:.59rem; font-weight:600; letter-spacing:.12em; }
.menu-toggle { display:grid; width:46px; height:46px; place-items:center; border:0; background:transparent; color:var(--olive); cursor:pointer; }
.menu-toggle span,.menu-toggle:before,.menu-toggle:after { display:block; width:23px; height:2px; background:currentColor; content:''; transition:.2s; }
.menu-toggle span { margin:5px 0; }
.menu-toggle[aria-expanded='true'] span { opacity:0; }
.menu-toggle[aria-expanded='true']:before { transform:translateY(7px) rotate(45deg); }
.menu-toggle[aria-expanded='true']:after { transform:translateY(-7px) rotate(-45deg); }
.nav-links { display:none; list-style:none; padding:0; margin:0; }
.nav-links a { font-weight:700; }
.nav-links a[aria-current='page'] { color:var(--terracotta); }
.mobile-menu { display:none; border-top:1px solid var(--line); padding:14px 16px 20px; background:var(--paper); }
.mobile-menu.open { display:block; }
.mobile-menu a { display:flex; min-height:52px; align-items:center; border-bottom:1px solid var(--line); font-size:1.12rem; font-weight:700; }
.mobile-menu .button { width:100%; margin-top:18px; }

.hero { padding:20px 0 48px; }
.hero-media { position:relative; height:clamp(310px,90vw,470px); overflow:hidden; margin-bottom:28px; }
.hero-media:after { position:absolute; inset:0; background:linear-gradient(180deg,transparent 48%,rgba(17,31,24,.45)); content:''; }
.hero-media img { width:100%; height:100%; object-fit:cover; object-position:52% center; }
.hero-tag { position:absolute; z-index:1; bottom:16px; left:16px; max-width:200px; color:#fff; font-size:.79rem; font-weight:700; letter-spacing:.1em; line-height:1.35; text-transform:uppercase; }
.hero-copy { max-width:630px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:23px; }

.intro { background:var(--paper); }
.intro-grid { display:grid; gap:25px; }
.portrait { aspect-ratio:4/4.5; overflow:hidden; }
.portrait img { width:100%; height:100%; object-fit:cover; object-position:center; }
.signature { color:var(--terracotta); font-family:var(--serif); font-size:1.6rem; font-style:italic; }
.text-link { display:inline-flex; align-items:center; gap:8px; color:var(--olive); font-weight:700; }

.feature-petra { color:#fff; background:var(--olive); }
.feature-petra .eyebrow { color:#e4b68d; }
.feature-petra .lede { color:#dce1dc; }
.petra-visual { margin-top:26px; }
.petra-visual img { width:100%; aspect-ratio:1.15; object-fit:cover; }
.petra-visual figcaption { margin-top:9px; color:#c9cec9; font-size:.78rem; }
.scroll-row { display:grid; grid-auto-columns:minmax(260px,82%); grid-auto-flow:column; gap:14px; overflow-x:auto; padding:2px 16px 13px; margin:30px -16px -13px; scroll-snap-type:x mandatory; scrollbar-width:thin; }
.place-card { display:flex; min-height:290px; flex-direction:column; overflow:hidden; background:var(--paper); color:var(--ink); scroll-snap-align:start; }
.place-card img { width:100%; height:155px; object-fit:cover; }
.place-card__body { display:flex; flex:1; flex-direction:column; padding:15px; }
.place-card .eyebrow { margin-bottom:5px; font-size:.64rem; }
.place-card p { margin-bottom:12px; color:#526059; font-size:.9rem; }
.place-card .text-link { margin-top:auto; font-size:.9rem; }

.split-heading { margin-bottom:25px; }
.destination-grid { display:grid; gap:14px; }
.destination { position:relative; min-height:275px; overflow:hidden; color:#e8e6e6; }
.destination:after { position:absolute; inset:0; background:linear-gradient(0deg,rgba(11,23,17,.79),rgba(11,23,17,.05) 73%); content:''; }
.destination img { width:100%; height:100%; position:absolute; object-fit:cover; }
.destination__content { position:absolute; z-index:1; right:17px; bottom:16px; left:17px; }
.destination__content p { margin:3px 0 0; color:#ecf0ec; font-size:.9rem; }
.destination__content h3 { margin:0; }
.dest-small { min-height:190px; }

.tips { background:#e9dfcd; }
.tip-grid { display:grid; gap:12px; }
.tip { padding:19px; border:1px solid rgba(29,51,43,.13); background:rgba(255,253,248,.67); }
.tip .icon { color:var(--terracotta); font-size:1.35rem; }
.tip h3 { margin:7px 0 4px; font-family:var(--sans); font-size:1rem; letter-spacing:0; }
.tip p { margin:0; color:#556059; font-size:.9rem; }

.contact-band { color:#fff; background:var(--terracotta); }
.contact-band .eyebrow { color:#ffe0b9; }
.contact-band p { color:#fff4e8; }
.contact-band .button { margin-top:9px; }

.footer {
  background: #054627;
  color: #f5eee3;
  padding: 42px 30px 24px;

  display: grid;
  grid-template-columns: 1fr auto;
  gap: 30px;

  border-radius: 0;
}


/* =========================
   BRAND
========================= */

.footer-brand {
  align-self: start;
}

.footer .wordmark {
  display: inline-block;

  color: #f5eee3;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-decoration: none;
}

.footer .wordmark span {
  font-weight: 400;
}

.footer-brand p {
  margin: 7px 0 0;

  color: rgba(245, 238, 227, .65);

  font-size: .62rem;
  letter-spacing: .08em;
}


/* =========================
   MAIN LINKS
========================= */

.footer-links {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 13px 34px;

  align-content: start;
}

.footer-links a {
  color: #f5eee3;

  font-size: .78rem;
  text-decoration: none;

  transition:
    color .2s ease,
    transform .2s ease;
}

.footer-links a:hover {
  color: #edbc8a;
  transform: translateX(2px);
}


/* =========================
   CONTACT LINKS
========================= */
.contact-icon {
  width: 46px;
  height: 46px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: transparent;
  flex-shrink: 0;
}

.contact-icon i {
  font-size: 1.75rem;
}

/* WhatsApp */
.contact-icon.whatsapp i {
  color: #25D366;
}

/* Email */
.contact-icon.email i {
  color: #B46F48;
}

/* Instagram */
.contact-icon.instagram i {
  color: #E4405F;
}
.footer-contact {
  grid-column: 1 / -1;

  display: flex;
  align-items: center;
  gap: 22px;

  padding-top: 4px;
}

.footer-contact a {
  display: inline-flex;
  align-items: center;
  gap: 7px;

  color: #f5eee3;

  font-size: .76rem;
  text-decoration: none;

  transition:
    color .2s ease,
    transform .2s ease;
}

.footer-contact i {
  font-size: .95rem;
}

.footer-contact a:hover {
  color: #edbc8a;
  transform: translateY(-1px);
}


/* =========================
   COPYRIGHT
========================= */

.footer .copyright {
  grid-column: 1 / -1;

  margin: 0;
  padding-top: 18px;

  border-top: 1px solid rgba(245, 238, 227, .18);

  color: rgba(245, 238, 227, .58);

  font-size: .65rem;
  letter-spacing: .02em;
}


/* =========================
   MOBILE
========================= */

@media (max-width: 700px) {

  .footer {
    padding: 30px 20px 20px;

    display: block;
  }


  .footer-brand {
    margin-bottom: 24px;
  }


  .footer .wordmark {
    font-size: 1rem;
  }


  .footer-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 13px 20px;

    margin-bottom: 24px;
  }


  .footer-links a {
    font-size: .76rem;
  }


  .footer-contact {
    display: flex;
    flex-wrap: wrap;

    gap: 14px 18px;

    padding-top: 18px;
    margin-bottom: 22px;

    border-top: 1px solid rgba(245, 238, 227, .15);
  }


  .footer-contact a {
    font-size: .73rem;
  }


  .footer-contact i {
    font-size: .95rem;
  }


  .footer .copyright {
    padding-top: 17px;

    font-size: .61rem;
    line-height: 1.5;
  }

}


.sticky-contact { display:none; }

.page-hero {
     min-height:300px;
      display:flex;
       align-items:flex-end;
        padding:44px 0 36px;
         color:#fff; background-size:cover;
          background-position:center;
           position:relative; }
.page-hero:before { position:absolute; 
    inset:0;
     background:linear-gradient(90deg,rgba(14,29,22,.82),rgba(14,29,22,.22));
      content:''; }
.page-hero .shell { position:relative; }
.page-hero h1 { margin-bottom:8px; }
.page-hero p { max-width:500px; margin:0; }
/*petra2*/
.quick-facts { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); background:var(--paper); }
.fact { min-height:50px; padding:5px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.fact:nth-child(2n) { border-right:0; }
.fact:nth-last-child(-n+2) { border-bottom:0; }
.fact strong { display:block; margin-bottom:4px; color:var(--terracotta); font-size:.7rem; letter-spacing:.12em; }
.fact span { font-family:var(--serif); font-size:1.0rem; line-height:1.0; }
.content-grid { display:grid; gap:8px; }
.info-card { padding:14px; border:1px solid var(--line); background:var(--paper); }
.info-card h3 { font-size:1.0rem; }
.info-card p:last-child { margin-bottom:0; }
.info-card ul { margin:8px 0 0; padding-left:12px; }
.info-card li { margin:3px 0; }
.night-card { padding:20px; color:#fff; background:#233a4a; }
.night-card .eyebrow { color:#e6c08d; }
.night-card h2 { margin-bottom:20px; }
.night-stats { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:rgba(255,255,255,.25); }
.night-stat { padding:15px; background:#233a4a; }
.night-stat strong { display:block; font-family:var(--serif); font-size:1.3rem; }
.night-stat span { display:block; color:#d4dfdf; font-size:.78rem; }
.accordion { border-top:1px solid var(--line); }
.accordion details { border-bottom:1px solid var(--line); }
.accordion summary { min-height:60px; display:flex; align-items:center; cursor:pointer; font-weight:700; list-style:none; }
.accordion summary:after { margin-left:auto; content:'+'; color:var(--terracotta); font-size:1.5rem; }
.accordion details[open] summary:after { content:'–'; }
.accordion .inside { padding:0 0 17px; color:#4a5851; }
.contact-actions { display:grid; gap:13px; }
.action-card { min-height:113px; display:flex; align-items:center; gap:17px; padding:19px; border:1px solid var(--line); background:var(--paper); box-shadow:var(--shadow); }
.action-icon { width:47px; height:47px; display:grid; flex:0 0 auto; place-items:center; color:#fff; background:var(--olive); font-size:1.35rem; }
.action-card:nth-child(1) .action-icon { background:#2d815a; }.action-card:nth-child(2) .action-icon { background:var(--terracotta); }.action-card:nth-child(3) .action-icon { background:#8d4b73; }
.action-card strong { display:block; font-size:1.1rem; }.action-card span { color:var(--muted); font-size:.85rem; }

@media (min-width:768px) { .shell { width:min(100% - 64px,1180px); } .section { padding:76px 0; } .menu-toggle,.mobile-menu { display:none!important; } .nav-links { display:flex; align-items:center; gap:26px; font-size:.88rem; } .hero { display:grid; grid-template-columns:1fr 1.06fr; align-items:center; gap:44px; padding:42px 0 72px; } .hero-media { grid-column:2; grid-row:1; height:550px; margin:0; } .hero-copy { grid-column:1; grid-row:1; } .intro-grid { grid-template-columns:.88fr 1.12fr; align-items:center; gap:52px; } .portrait { aspect-ratio:4/4.2; } .petra-layout { display:grid; grid-template-columns:.88fr 1.12fr; gap:48px; align-items:center; } .petra-visual { margin:0; } .scroll-row { grid-auto-columns:minmax(250px,31%); margin-right:-32px; margin-left:-32px; padding-right:32px; padding-left:32px; } .destination-grid { grid-template-columns:1.2fr .8fr; }.destination:first-child { grid-row:span 2; min-height:510px; }.dest-small { min-height:247px; }.tip-grid { grid-template-columns:repeat(3,1fr); }.footer { padding-bottom:35px; }.footer-grid { grid-template-columns:1.5fr 1fr 1fr; }.sticky-contact { display:none; }.quick-facts { grid-template-columns:repeat(4,1fr); }.fact,.fact:nth-child(2n) { border-right:1px solid var(--line); border-bottom:0; }.fact:last-child { border-right:0; }.content-grid { grid-template-columns:repeat(2,1fr); }.page-hero { min-height:400px; }.contact-actions { grid-template-columns:repeat(3,1fr); }.action-card { min-height:180px; flex-direction:column; align-items:flex-start; } }
@media (min-width:1024px) { .section { padding:96px 0; } .hero { gap:80px; padding:60px 0 92px; } .hero-media { height:620px; } .intro-grid { gap:100px; }.petra-layout { gap:90px; }.tip-grid { gap:17px; }.page-hero { min-height:470px; }.content-grid--three { grid-template-columns:repeat(3,1fr); } }
@media (prefers-reduced-motion:no-preference) { .section { animation:rise .55s both; } @keyframes rise { from { opacity:.78; transform:translateY(8px); } to { opacity:1; transform:none; } } }

/* 2026 mobile-first travel platform refresh */
:root { --olive:#0d4b45; --forest:#063a36; --sand:#e7d8bd; --terracotta:#b86645; --cream:#f7f5ef; --paper:#fffefa; --ink:#12332f; --muted:#55706a; --radius:15px; --shadow:0 16px 38px rgba(8,56,51,.12); }
body { background:var(--cream); }
.site-header { border:0; background:rgba(255,254,250,.96); }
.nav { min-height:62px; }
.brand { font-size:1.05rem; letter-spacing:.09em; }.brand small { font-size:.54rem; color:#668079; }
.menu-toggle { color:var(--forest); }.menu-toggle span,.menu-toggle:before,.menu-toggle:after { width:24px; }
.home .hero { padding:0 0 35px; }
.home .hero-media { height:310px; margin:0 -16px 24px; }.home .hero-media:after { background:linear-gradient(0deg,rgba(3,48,43,.6),rgba(3,48,43,.03) 60%); }.home .hero-media img { object-position:center; }
.home .hero-tag { bottom:17px; left:22px; font-size:.65rem; letter-spacing:.16em; }
.home .hero-copy { padding:0 2px; }.home h1 { color:var(--forest); font-size:clamp(2.7rem,14vw,4.4rem); line-height:.94; }.home h1::first-line { letter-spacing:-.07em; }
.home .hero-copy .lede { max-width:340px; margin:0; font-size:.99rem; }.hero-actions { gap:9px; }.button { min-height:46px; border-radius:8px; padding:10px 16px; }.button--outline { border-color:#b7c3bd; }
.home .intro { position:relative; overflow:hidden; background:#e8dfcc; }.home .intro:before { width:90px; height:90px; position:absolute; top:-47px; right:-29px; border:18px solid rgba(184,102,69,.22); border-radius:50%; content:''; }
.home .section { padding:42px 0; }.home .intro-grid { gap:19px; }.home .portrait { aspect-ratio:1.42; border-radius:var(--radius); }.home .portrait img { object-position:center 36%; }.home .intro h2 { font-size:2.05rem; max-width:500px; }.home .intro .lede { font-size:1rem; }.home .intro p:not(.eyebrow):not(.lede) { font-size:.92rem; }.signature { font-size:1.4rem; }
.home .feature-petra { padding-bottom:39px; background:#074d47; }.home .feature-petra h2 { font-size:2.3rem; }.home .petra-layout { gap:24px; }.home .petra-visual { position:relative; }.home .petra-visual img { border-radius:var(--radius); aspect-ratio:1.25; }.home .petra-visual figcaption { position:absolute; right:12px; bottom:12px; left:12px; padding:9px 11px; background:rgba(4,50,46,.86); font-size:.68rem; }
.home .scroll-row { grid-auto-columns:minmax(235px,74%); gap:11px; margin-top:22px; }.place-card { min-height:265px; border-radius:13px; box-shadow:none; }.place-card img { height:133px; }.place-card__body { padding:13px; }.place-card h3 { font-size:1.32rem; }.place-card p { font-size:.82rem; }
.home .split-heading { display:grid; grid-template-columns:1fr auto; align-items:end; gap:14px; }.home .split-heading .lede { grid-column:1/-1; font-size:.94rem; }.home .destination-grid { grid-template-columns:1fr 1fr; gap:10px; }.home .destination { min-height:286px; border-radius:13px; }.home .destination:first-child { grid-column:1/-1; min-height:250px; }.home .destination__content { right:13px; bottom:12px; left:13px; }.home .destination__content h3 { font-size:1.45rem; }.home .destination__content p { font-size:.75rem; }
.home .tips { background:#f0eadf; }.home .tips h2 { font-size:2rem; }.home .tip-grid { grid-template-columns:1fr 1fr; gap:9px; }.home .tip { min-height:142px; padding:15px; border:0; border-radius:12px; background:#fffefa; box-shadow:0 7px 18px rgba(43,65,54,.06); }.home .tip:last-child { grid-column:1/-1; min-height:auto; }.home .tip h3 { font-size:.93rem; }.home .tip p { font-size:.78rem; }
.home .contact-band { position:relative; overflow:hidden; background:#b46345; }.home .contact-band:after { width:190px; height:190px; position:absolute; right:-64px; bottom:-113px; border:26px solid rgba(255,255,255,.13); border-radius:50%; content:''; }.home .contact-band .shell { position:relative; z-index:1; }.home .contact-band h2 { font-size:2.5rem; }
.mobile-menu { background:#fffefa; }.mobile-menu a { min-height:50px; }.footer { background:#073f3a; }
@media (min-width:768px) { .home .hero { padding:38px 0 60px; }.home .hero-media { margin:0; border-radius:0 0 0 var(--radius); }.home .intro-grid { grid-template-columns:1fr 1.15fr; }.home .portrait { aspect-ratio:1/1.08; }.home .destination-grid { grid-template-columns:1.2fr .8fr; }.home .destination:first-child { grid-column:auto; min-height:520px; }.home .tip-grid { grid-template-columns:repeat(3,1fr); }.home .tip:last-child { grid-column:auto; }.home .scroll-row { grid-auto-columns:minmax(250px,31%); } }

/* Fast-moving homepage chapters */
/*homepage part one8*/
.new-hero { padding:12px 0 20px; }
.new-hero__grid { display:grid; gap:14px; }
.new-hero__image { position:relative; height:220px; overflow:hidden; border-radius:19px 19px 19px 19px; }
.new-hero__image:after { position:absolute; inset:0; background:linear-gradient(0deg,rgba(1,48,44,.6),transparent 60%); content:''; }
.new-hero__image img { width:100%; height:100%; object-fit:cover; }
.new-hero__image span { position:absolute; z-index:1; bottom:13px; left:15px; color:#fff; font-size:.66rem; font-weight:700; letter-spacing:.13em; }
.new-hero__copy h1 { margin:4px 0 10px; font-size:2.0rem; }
.new-hero__copy h1 em { color:#b86645; font-weight:350; }
.new-hero__copy>p:not(.eyebrow) { max-width:200px; margin-bottom:14px; color:#4d625d; font-size:1.02rem; }
.hero-text-link { display:inline-flex; align-items:center; min-height:46px; margin-left:4px; color:var(--forest); font-weight:700; }
.hero-proof { display:flex; flex-direction:column; gap:2px; margin-top:22px; padding-top:14px; border-top:1px solid #d3ded8; color:#55706a; font-size:.78rem; }
.hero-proof b { color:var(--terracotta); font-size:.75rem; letter-spacing:.06em; text-transform:uppercase; }
/*end of homepage part one8*/
/*homepage part2*/
.journey-bar { background:#0b4a45; color:#fff; }
.journey-bar__inner { display:grid; grid-template-columns:repeat(3,1fr); }
.journey-bar a { min-height:90px; display:flex; flex-direction:column; justify-content:center; gap:2px; padding:13px 9px; border-right:1px solid rgba(255,255,255,.16); }
.journey-bar a:last-child { border:0; }.journey-bar span { color:#d6ad7b; font-size:.68rem; }
.journey-bar b { font-family:var(--serif); font-size:1.05rem; }
.journey-bar small { color:#b4cfca; font-size:.63rem; line-height:1.2; }
/*end of homepage part2*/

/*homepage part3*/
.intro-new { padding:25px 0; background:#ede2cf; }
.intro-new__grid { display:grid; gap:20px; }
.intro-new__photo { position:relative; height:230px; overflow:hidden; border-radius:14px; }
.intro-new__photo img { width:100%; height:100%; object-fit:cover; object-position:center 32%; }
.intro-new__photo span { position:absolute; right:0; bottom:0; padding:10px 12px; background:#b86645; color:#fff; font-size:.64rem; font-weight:500; letter-spacing:.11em; line-height:1.35; }
.intro-new h2 { margin-bottom:9px; font-size:1.5rem; }
.intro-new p:not(.eyebrow) { margin-bottom:15px; color:#475c56; font-size:.93rem; }
.mini-points { display:flex; gap:17px; margin:10px 0; }
.mini-points span { display:grid; font-size:.84rem; }
.mini-points b { color:#a45d41; font-size:.62rem; letter-spacing:.1em; }
/*end of homepage part3*/

/*homepage part4*/
.petra-spotlight { padding:20px 0; background:#fffefa; }
.section-title-row { display:flex; align-items:end; justify-content:space-between; gap:10px; margin-bottom:13px; }
.section-title-row h2 { margin:0; font-size:2.0rem; }
.section-title-row .text-link { padding-bottom:3px; font-size:.78rem; white-space:nowrap; }
.petra-showcase { display:grid; gap:10px; }
.feature-tile { position:relative; min-height:310px; overflow:hidden; border-radius:14px; color:#fff; }
.feature-tile:after { position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,46,41,.86),rgba(0,46,41,.04) 70%); content:''; }
.feature-tile img { width:100%; height:100%; position:absolute; object-fit:cover; }
.feature-tile span { position:absolute; z-index:1; right:17px; bottom:17px; left:17px; display:grid; gap:5px; }
.feature-tile small { color:#edbc8a; font-size:.65rem; font-weight:700; letter-spacing:.13em; }
.feature-tile b { max-width:290px; font-family:var(--serif); font-size:1.65rem; line-height:1.03; }
.feature-tile em { margin-top:4px; font-size:.82rem; font-style:normal; font-weight:700; }
.quick-tiles { display:grid; gap:8px; }
.quick-tiles a { position:relative; min-height:80px; display:grid; grid-template-columns:30px 1fr auto; align-items:center; column-gap:7px; padding:11px 13px; border:1px solid #dce4df; border-radius:10px; background:#fbfaf5; }
.quick-tiles span { grid-row:span 2; color:#b86645; font-family:var(--serif); font-size:1.25rem; }
.quick-tiles b { align-self:end; font-family:var(--serif); font-size:1.07rem; }
.quick-tiles small { align-self:start; color:#64756f; font-size:.72rem; }
.quick-tiles i { grid-row:span 2; font-style:normal; font-size:1.2rem; }
/*end of homepage part4*/

/*strip*/

.experience-strip { padding:44px 0; color:#fff; background:#0b4a45; }
.experience-strip h2 { margin-bottom:20px; font-size:2rem; }
.experience-strip .eyebrow { color:#edbc8a; }
.experience-scroll {
  display: grid;
  grid-auto-columns: 20%;
  grid-auto-flow: column;
  gap: 12px;
  overflow-x: auto;
  margin: 0;
  padding: 0 8px 8px;
  scroll-snap-type: x mandatory;
}
@media (max-width: 700px) {
  .experience-scroll {
    grid-auto-columns: 60%;
  }
}
  .experience-scroll article {
  min-height: 300px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 20px;
  background: #0d5751;
  overflow: hidden;
  scroll-snap-align: start;
}
.experience-scroll article img {
  width: 100%;
  height: 140px;
  display: block;
  object-fit: cover;
}
.experience-scroll article span,
.experience-scroll article h3,
.experience-scroll article p,
.experience-scroll article a {
  margin-left: 16px;
  margin-right: 16px;
}

.experience-scroll article span {
  display: block;
  margin-top: 12px;
  color: #edbc8a;
  font-size: 0.75rem;
}

.experience-scroll article h3 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 1.25rem;
}

.experience-scroll article p {
  margin-top: 0;
  font-size: 0.82rem;
  line-height: 1.4;
}
.experience-scroll article>span { color:#d9b17d; font-size:1.0rem; }
.experience-scroll h3 { margin:17px 0 4px; font-size:1.0rem; }
.experience-scroll p { margin:0 0 12px; color:#d2e3df; font-size:.8rem; }
.experience-scroll a { color:#fff; font-size:.78rem; font-weight:600; }
/*strip*/
.jordan-new { padding:48px 0; }.destination-ribbon { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.destination-ribbon a { position:relative; min-height:183px; overflow:hidden; border-radius:13px; color:#fff; }.destination-ribbon__big { grid-column:1/-1; min-height:275px!important; }.destination-ribbon a:after { position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,35,31,.78),transparent 65%); content:''; }.destination-ribbon img { width:100%; height:100%; position:absolute; object-fit:cover; }.destination-ribbon span { position:absolute; z-index:1; right:13px; bottom:12px; left:13px; display:grid; }.destination-ribbon b { font-family:var(--serif); font-size:1.35rem; }.destination-ribbon small { font-size:.68rem; }.destination-ribbon__big small { color:#e9bd89; letter-spacing:.1em; }.destination-ribbon__big b { font-size:2rem; }.destination-ribbon em { color:#eaf3f0; font-size:.76rem; font-style:normal; }
.guide-banner { padding:0; color:#fff; background:#b86645; }.guide-banner__inside { display:grid; gap:18px; padding:30px 0; }.guide-banner .eyebrow { color:#ffe0bc; }.guide-banner h2 { margin-bottom:8px; font-size:1.5rem; }.guide-banner p { max-width:385px; color:#fff4e9; font-size:.93rem; }.guide-list { display:grid; grid-template-columns:1fr 1fr; gap:7px; }.guide-list span { padding:8px; border:1px solid rgba(255,255,255,.25); border-radius:8px; font-size:.77rem; }.guide-list i { display:block; margin-bottom:4px; color:#ffe0bc; font-size:.64rem; font-style:normal; }.contact-new { padding:30px 0; text-align:center; }.contact-new h2 { margin-bottom:10px; font-size:2.7rem; }.contact-new p { margin:0 auto 18px; color:#5c6c66; }.contact-new .hero-text-link { margin-left:12px; }
@media (min-width:768px) { .new-hero { padding:42px 0 65px; }.new-hero__grid { grid-template-columns:1fr 1fr; align-items:center; gap:58px; }.new-hero__image { grid-column:2; grid-row:1; height:540px; border-radius:18px; }.new-hero__copy { grid-column:1; grid-row:1; }.new-hero__copy h1 { font-size:4.5rem; }.journey-bar a { min-height:110px; padding:18px; }.intro-new { padding:80px 0; }.intro-new__grid { grid-template-columns:.85fr 1.15fr; align-items:center; gap:62px; }.intro-new__photo { height:440px; }.petra-spotlight,.jordan-new { padding:80px 0; }.petra-showcase { grid-template-columns:1.2fr .8fr; }.feature-tile { min-height:420px; }.quick-tiles { grid-template-rows:repeat(3,1fr); }.experience-strip { padding:68px 0; }.guide-banner__inside { grid-template-columns:1.15fr .85fr; align-items:center; padding:68px 0; }.destination-ribbon { grid-template-columns:1.35fr .65fr .65fr; }.destination-ribbon__big { grid-column:auto; min-height:365px!important; }.destination-ribbon a { min-height:365px; }.contact-new { padding:78px 0; } }


/* =========================================
   PETRA EXPERIENCES
========================================= */

.petra-experiences {
  padding: 72px 0;
  background: #beb9b1;
  color: #172f2d;
}

.experiences-heading {
  max-width: 700px;
  margin-bottom: 34px;
}

.experiences-heading .eyebrow {
  margin-bottom: 12px;
  color: #b46f48;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
}

.experiences-heading h2 {
  margin: 0;
  color: #152d2b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.7rem, 8vw, 5rem);
  font-weight: 500;
  line-height: .92;
}

.experiences-heading h2 em {
  font-style: italic;
}

.experiences-heading > p:last-child {
  max-width: 560px;
  margin: 18px 0 0;
  color: #69736d;
  font-size: .9rem;
  line-height: 1.65;
}


/* ICON SPRITE */
.experience-icons {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}


/* GRID */
.experiences-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}


/* SMALL SQUARE CARD */
.experience-card {
  position: relative;
  aspect-ratio: 1 / 1;
  min-width: 0;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 14px;
  border: 1px solid #ddd3c5;
  border-radius: 16px;

  background: #fbf8f1;
  color: #17302e;

  cursor: pointer;
  text-align: center;

  transition:
    transform .25s ease,
    border-color .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

.experience-card:hover {
  transform: translateY(-4px);
  border-color: #b46f48;
  background: #c3c0b8;
  box-shadow: 0 12px 28px rgba(54, 43, 31, .08);
}

.experience-number {
  position: absolute;
  top: 12px;
  left: 13px;

  color: #b46f48;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .08em;
}

.experience-card svg {
  width: 42px;
  height: 42px;
  margin-bottom: 12px;

  fill: none;
  stroke: #a96745;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;

  transition: transform .25s ease;
}

.experience-card:hover svg {
  transform: scale(1.08);
}

.experience-title {
  max-width: 110px;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.05rem;
  line-height: 1.05;
  font-weight: 500;
}


/* =========================================
   MODAL
========================================= */

.experience-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 20px;

  opacity: 0;
  visibility: hidden;

  transition:
    opacity .25s ease,
    visibility .25s ease;
}

.experience-modal.is-open {
  opacity: 1;
  visibility: visible;
}

.modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(13, 30, 28, .72);
  backdrop-filter: blur(7px);
}

.experience-modal-box {
  position: relative;
  z-index: 2;

  width: min(620px, 100%);
  max-height: 90vh;
  overflow-y: auto;

  padding: 38px;

  border: 1px solid #ddd1c1;
  border-radius: 22px;

  background: #f9f4eb;
  color: #172f2d;

  box-shadow: 0 30px 80px rgba(0, 0, 0, .25);

  transform: translateY(18px);
  transition: transform .3s ease;
}

.experience-modal.is-open .experience-modal-box {
  transform: translateY(0);
}

.modal-close {
  position: absolute;
  top: 16px;
  right: 18px;

  width: 38px;
  height: 38px;

  border: 1px solid #d5c8b8;
  border-radius: 50%;

  background: transparent;
  color: #263c39;

  font-size: 1.6rem;
  line-height: 1;

  cursor: pointer;
}

.modal-number {
  margin: 0 0 7px;
  color: #b46f48;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .12em;
}

.modal-category {
  margin: 0 0 10px;
  color: #7b847d;
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.experience-modal-box h2 {
  margin: 0 0 14px;

  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.4rem, 7vw, 4rem);
  font-weight: 500;
  line-height: .95;
}

.modal-description {
  max-width: 520px;
  margin: 0 0 26px;

  color: #5f6a64;
  font-size: .9rem;
  line-height: 1.7;
}


/* META */
.modal-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;

  margin-bottom: 26px;
}

.modal-meta > div {
  padding: 13px;
  border: 1px solid #e0d6c8;
  background: #f5efe5;
}

.modal-meta span,
.modal-price span {
  display: block;
  margin-bottom: 6px;

  color: #a36a4b;
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .12em;
}

.modal-meta strong {
  display: block;

  color: #243b38;
  font-size: .72rem;
  line-height: 1.3;
}


/* TEXT SECTIONS */
.modal-section {
  padding: 20px 0;
  border-top: 1px solid #ddd3c5;
}

.modal-label {
  display: block;
  margin-bottom: 8px;

  color: #a36a4b;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .13em;
}

.modal-section p {
  margin: 0;

  color: #5e6862;
  font-size: .82rem;
  line-height: 1.65;
}


/* PRICE */
.modal-price {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-top: 4px;
  padding: 17px 0;

  border-top: 1px solid #ddd3c5;
  border-bottom: 1px solid #ddd3c5;
}

.modal-price strong {
  color: #233b37;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.15rem;
  font-weight: 500;
}


/* CTA */
.modal-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-top: 22px;
  padding: 15px 17px;

  background: #174b46;
  color: #fff;

  font-size: .78rem;
  font-weight: 700;
  text-decoration: none;

  transition: background .2s ease;
}

.modal-cta:hover {
  background: #0e3b37;
}

.modal-cta span {
  font-size: 1.2rem;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 700px) {

  .petra-experiences {
    padding: 52px 16px;
  }

  .experiences-heading {
    margin-bottom: 25px;
  }

  .experiences-heading h2 {
    font-size: 2.65rem;
  }

  .experiences-heading > p:last-child {
    margin-top: 13px;
    font-size: .8rem;
  }

  .experiences-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .experience-card {
    padding: 9px;
    border-radius: 13px;
  }

  .experience-number {
    top: 8px;
    left: 9px;
    font-size: .54rem;
  }

  .experience-card svg {
    width: 31px;
    height: 31px;
    margin-bottom: 8px;
  }

  .experience-title {
    max-width: 85px;
    font-size: .82rem;
  }


  /* MODAL MOBILE */

  .experience-modal {
    align-items: flex-end;
    padding: 0;
  }

  .experience-modal-box {
    width: 100%;
    max-height: 92vh;

    padding: 30px 20px 24px;

    border-radius: 22px 22px 0 0;
  }

  .modal-close {
    top: 13px;
    right: 14px;
  }

  .experience-modal-box h2 {
    max-width: 85%;
    font-size: 2.65rem;
  }

  .modal-description {
    font-size: .82rem;
    line-height: 1.6;
  }

  .modal-meta {
    gap: 5px;
  }

  .modal-meta > div {
    padding: 10px 8px;
  }

  .modal-meta strong {
    font-size: .63rem;
  }

  .modal-section {
    padding: 16px 0;
  }
}

/* Jordan destination cards */
.destination-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.destination-grid .destination,
.destination-grid .destination.dest-small {
  position: relative;
  display: block;
  height: 150px;
  min-height: 0;
  overflow: hidden;
  border-radius: 14px;
}

.destination-grid .destination img,
.destination-grid .destination.dest-small img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 14px;
}

/* Mobile */
@media (max-width: 700px) {
  .destination-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }

  .destination-grid .destination,
  .destination-grid .destination.dest-small {
    height: 125px;
    border-radius: 12px;
  }

  .destination-grid .destination img,
  .destination-grid .destination.dest-small img {
    border-radius: 12px;
  }
}

/* =========================================
   PETRA TRAILS
========================================= */

.petra-trails {
  padding: 90px 0;
  background: #f7f2e9;
  color: #172f2d;
}

.trails-heading {
  max-width: 720px;
  margin-bottom: 42px;
}

.trails-heading .eyebrow {
  margin-bottom: 12px;
  color: #b46f48;
  letter-spacing: .16em;
  font-size: .7rem;
  font-weight: 700;
}

.trails-heading h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.8rem, 7vw, 5rem);
  line-height: .95;
  font-weight: 500;
  color: #142d2b;
}

.trails-heading p:last-child {
  max-width: 560px;
  margin: 18px 0 0;
  color: #68736d;
  font-size: .95rem;
  line-height: 1.7;
}


/* GRID */

.trails-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}


/* CARD */

.trail-card {
  position: relative;
  min-height: 150px;
  padding: 20px;
  border: 1px solid #ded4c6;
  border-radius: 16px;
  background: #fbf8f1;
  color: #17312f;
  text-align: left;
  cursor: pointer;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  transition:
    transform .25s ease,
    background .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.trail-card span {
  color: #b46f48;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .12em;
}

.trail-card strong {
  max-width: 150px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.25rem;
  line-height: 1.05;
  font-weight: 500;
}

.trail-card i {
  position: absolute;
  right: 16px;
  bottom: 16px;

  width: 34px;
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid #b46f48;
  border-radius: 50%;

  color: #b46f48;
  font-style: normal;
  font-size: 1rem;

  transition:
    background .2s ease,
    color .2s ease,
    transform .2s ease;
}

.trail-card:hover {
  transform: translateY(-4px);
  background: #f0e8db;
  border-color: #c7b8a6;
  box-shadow: 0 12px 30px rgba(40, 50, 45, .08);
}

.trail-card:hover i {
  background: #b46f48;
  color: #fff;
  transform: translate(2px, -2px);
}


/* =========================================
   MODAL
========================================= */

.trail-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 20px;

  opacity: 0;
  visibility: hidden;

  transition:
    opacity .25s ease,
    visibility .25s ease;
}

.trail-modal.is-open {
  opacity: 1;
  visibility: visible;
}

.trail-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 29, 27, .72);
  backdrop-filter: blur(5px);
}

.trail-modal-box {
  position: relative;
  z-index: 2;

  width: min(820px, 100%);
  max-height: 90vh;

  overflow-y: auto;

  padding: 42px;

  border-radius: 22px;

  background: #f8f3e9;
  color: #17312f;

  box-shadow: 0 30px 80px rgba(0, 0, 0, .25);

  transform: translateY(20px);
  transition: transform .3s ease;
}

.trail-modal.is-open .trail-modal-box {
  transform: translateY(0);
}

.trail-modal-close {
  position: absolute;
  top: 18px;
  right: 18px;

  width: 42px;
  height: 42px;

  border: 1px solid #cdbfae;
  border-radius: 50%;

  background: transparent;
  color: #17312f;

  font-size: 1.5rem;
  line-height: 1;

  cursor: pointer;
}

.trail-modal-header {
  padding-right: 45px;
  margin-bottom: 28px;
}

.trail-modal-header > span {
  display: block;
  margin-bottom: 10px;

  color: #b46f48;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .14em;
}

.trail-modal-header .eyebrow {
  margin-bottom: 8px;
  color: #b46f48;
}

.trail-modal-header h2 {
  margin: 0 0 14px;

  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.2rem, 6vw, 4rem);
  line-height: .95;
  font-weight: 500;
}

.trail-modal-header > p:last-child {
  max-width: 650px;
  margin: 0;

  color: #68736d;
  line-height: 1.65;
}


/* STATS */

.trail-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);

  margin-bottom: 30px;

  border-top: 1px solid #ded4c6;
  border-bottom: 1px solid #ded4c6;
}

.trail-stats div {
  padding: 18px 14px;
  border-right: 1px solid #ded4c6;
}

.trail-stats div:last-child {
  border-right: 0;
}

.trail-stats span {
  display: block;
  margin-bottom: 6px;

  color: #8a8f89;
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.trail-stats strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.05rem;
  font-weight: 500;
}


/* SECTIONS */

.trail-modal-section {
  margin-bottom: 28px;
}

.modal-section-label {
  display: block;
  margin-bottom: 10px;

  color: #b46f48;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
}

.trail-modal-section > p {
  margin: 0;
  color: #465653;
  line-height: 1.7;
}

.trail-modal-section ul {
  margin: 0;
  padding-left: 18px;
  color: #465653;
  line-height: 1.8;
}


/* TWO COLUMNS */

.trail-modal-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;

  padding-top: 10px;
}


/* PRICE */

.price-box {
  display: flex;
  align-items: baseline;
  justify-content: space-between;

  padding: 12px 0;

  border-bottom: 1px solid #ded4c6;
}

.price-box span {
  color: #68736d;
  font-size: .78rem;
}

.price-box strong {
  color: #17312f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.25rem;
  font-weight: 500;
}

.price-box + small {
  display: block;
  margin-top: 12px;

  color: #8a8f89;
  font-size: .7rem;
  line-height: 1.5;
}


/* CTA */

.trail-modal-cta {
  display: inline-flex;
  align-items: center;

  margin-top: 8px;
  padding: 13px 18px;

  border-radius: 999px;

  background: #0b4a45;
  color: #fff;

  text-decoration: none;
  font-size: .8rem;
  font-weight: 700;

  transition:
    background .2s ease,
    transform .2s ease;
}

.trail-modal-cta:hover {
  background: #083d39;
  transform: translateY(-2px);
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 900px) {

  .trails-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .trail-card {
    min-height: 140px;
  }
}


@media (max-width: 600px) {

  .petra-trails {
    padding: 60px 16px;
  }

  .trails-heading {
    margin-bottom: 28px;
  }

  .trails-heading h2 {
    font-size: 2.7rem;
  }

  .trails-heading p:last-child {
    font-size: .86rem;
  }

  .trails-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .trail-card {
    min-height: 125px;
    padding: 14px;
    border-radius: 13px;
  }

  .trail-card strong {
    max-width: 120px;
    font-size: 1.05rem;
  }

  .trail-card i {
    right: 10px;
    bottom: 10px;

    width: 30px;
    height: 30px;

    font-size: .85rem;
  }

  .trail-modal {
    padding: 10px;
    align-items: flex-end;
  }

  .trail-modal-box {
    width: 100%;
    max-height: 92vh;

    padding: 28px 20px 24px;

    border-radius: 20px 20px 0 0;
  }

  .trail-modal-header {
    margin-bottom: 22px;
  }

  .trail-modal-header h2 {
    font-size: 2.45rem;
  }

  .trail-stats {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .trail-stats div {
    padding: 13px 8px;
  }

  .trail-stats strong {
    font-size: .9rem;
  }

  .trail-modal-columns {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .trail-modal-cta {
    width: 100%;
    justify-content: center;
    padding: 14px;
  }
}