.trip-directory{max-width:1240px;margin:auto;padding:0 5vw 110px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.directory-card{min-width:0;background:#fff;border:1px solid var(--line);overflow:hidden;transition:.35s transform,.35s box-shadow}.directory-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(17,23,19,.13)}.directory-art{height:310px;background-image:linear-gradient(180deg,transparent,rgba(7,13,9,.68)),url("../images/hero-expedition.webp");background-size:cover;background-position:center;position:relative}.directory-art span{position:absolute;left:20px;top:20px;background:var(--orange);color:#fff;padding:8px 11px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.directory-art b{position:absolute;right:20px;bottom:12px;color:#fff;font:800 58px var(--display);opacity:.55}.directory-copy{padding:27px}.directory-copy small{font-size:9px;letter-spacing:.12em;color:#717972;text-transform:uppercase}.directory-copy h2{font-size:37px;line-height:.98;margin:15px 0 12px}.directory-copy p{color:#666e68;line-height:1.55}.directory-copy footer{display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px 20px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.directory-copy footer strong{font:750 20px var(--display)}.directory-copy footer span{grid-column:1;font-size:10px;color:#737b74}.directory-copy footer a{grid-column:2;grid-row:1/3;background:var(--ink);color:#fff;padding:13px 15px;font-size:10px;font-weight:700}.directory-cta{max-width:1120px;margin:0 auto 110px;padding:55px;background:var(--orange);color:#fff}.directory-cta h2{font-size:clamp(40px,6vw,72px);margin:12px 0 30px}.directory-cta a{display:inline-block;background:#fff;color:var(--ink);padding:14px 18px;font-size:11px;font-weight:700}@media(max-width:800px){.trip-directory{grid-template-columns:1fr}.directory-art{height:270px}}@media(max-width:500px){.directory-copy{padding:22px}.directory-copy h2{font-size:31px}.directory-copy footer{grid-template-columns:1fr}.directory-copy footer a{grid-column:1;grid-row:auto;text-align:center;margin-top:10px}.directory-cta{margin:0 5vw 70px;padding:35px 24px}}

/* Slim, interactive route-builder CTA */
.directory-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:176px;
  padding:34px 42px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"label action" "title action";
  align-content:center;
  align-items:center;
  column-gap:42px;
  background:linear-gradient(110deg,#ed5a24 0%,#f46c31 58%,#ff8751 100%);
  border-radius:18px;
  box-shadow:0 18px 50px rgba(191,68,20,.14)
}
.directory-cta:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:330px;
  height:330px;
  right:13%;
  top:50%;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  transform:translateY(-50%) scale(.72);
  transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .4s
}
.directory-cta:after{
  content:"NORTH • EAST • LEH • SPITI";
  position:absolute;
  z-index:-1;
  right:28px;
  bottom:14px;
  color:rgba(255,255,255,.28);
  font-size:8px;
  font-weight:700;
  letter-spacing:.23em
}
.directory-cta:hover:before{transform:translateY(-50%) scale(1);opacity:.75}
.directory-cta .eyebrow{
  grid-area:label;
  margin:0 0 10px;
  color:rgba(255,255,255,.78);
  font-size:9px;
  letter-spacing:.2em
}
.directory-cta h2{
  grid-area:title;
  margin:0;
  max-width:760px;
  font-size:clamp(30px,3.5vw,48px);
  line-height:.96;
  letter-spacing:-.045em
}
.directory-cta a{
  grid-area:action;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 20px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:999px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 30px rgba(87,26,5,.13);
  transition:transform .3s,box-shadow .3s,background .3s
}
.directory-cta a:hover,.directory-cta a:focus-visible{
  transform:translateY(-3px);
  background:#111713;
  color:#fff;
  box-shadow:0 16px 34px rgba(87,26,5,.23)
}
@media(max-width:700px){
  .directory-cta{
    min-height:0;
    margin:0 5vw 70px;
    padding:28px 24px;
    grid-template-columns:1fr;
    grid-template-areas:"label" "title" "action";
    row-gap:0;
    border-radius:14px
  }
  .directory-cta h2{font-size:clamp(29px,9vw,40px)}
  .directory-cta a{justify-self:start;margin-top:24px;min-height:48px}
  .directory-cta:before{right:-170px}
  .directory-cta:after{display:none}
}

/* Individual imagery for every trip */
.directory-art.ladakh{background-image:linear-gradient(180deg,transparent,rgba(7,13,9,.7)),url("../images/trans-himalayan-expedition.webp")}
.directory-art.meghalaya{background-image:linear-gradient(180deg,transparent,rgba(7,13,9,.7)),url("../images/meghalaya-cloud-roads.webp")}
.directory-art.spiti{background-image:linear-gradient(180deg,transparent,rgba(7,13,9,.7)),url("../images/spiti-valley-drive.webp")}
.directory-art.nagaland{background-image:linear-gradient(180deg,transparent,rgba(7,13,9,.7)),url("../images/northeast-culture.webp")}
.directory-art.tawang{background-image:linear-gradient(180deg,transparent,rgba(7,13,9,.7)),url("../images/tawang-high-road.webp")}
.directory-art.ziro{background-image:linear-gradient(180deg,transparent,rgba(7,13,9,.7)),url("../images/festival-campsite.webp")}

/* Earth-palette refinements */
.directory-card{background:#fffdf9;border-color:rgba(112,91,71,.2)}
.directory-copy small,.directory-copy p{color:#74695f}
.directory-copy footer a{background:#26372f}
.directory-cta{background:linear-gradient(110deg,#705b47 0%,#987763 55%,#e76835 100%)}
.directory-cta a{color:#26372f}
.directory-cta a:hover,.directory-cta a:focus-visible{background:#26372f;color:#fff}