/* ==========================================================================
   CUREYATRA — NEPAL EDITION
   A distinct look for the single largest patient corridor, built on the same
   grid and rhythm as every other country page. The previous Nepal hero was
   capped at 640px while the rest of the site runs to the 1180px wrap, which
   is what made this page read as misaligned. That cap is removed here.
   ========================================================================== */

/* ---- 1. ALIGNMENT: same wrap, same vertical rhythm as every other page --- */
.cine .subhero-in{
  max-width:var(--wrap);          /* was 640px — the misalignment */
  margin:0 auto;
  /* physical shorthand, not logical properties: it must beat the inline
     `padding:110px 0 92px` on every engine, including older ones. */
  padding:72px 24px 84px;
}
@media(max-width:760px){ .cine .subhero-in{padding:52px 20px 60px} }
.cine .hero-text{max-width:610px;position:relative;z-index:2} /* protected copy column */

/* ---- 2. THE RIDGELINE — Nepal's signature device ------------------------ */
/* The journey line, redrawn as a mountain profile. Used as the section rule
   so the page has its own identity without leaving the design system.       */
.np-ridge{
  display:block;width:100%;height:20px;margin:0;
  color:var(--accent);opacity:.34;
}
.np-ridge svg{display:block;width:100%;height:100%}
.sec.np-band{
  background:linear-gradient(180deg,#fff, color-mix(in srgb,var(--accent) 4%, var(--ivory)));
}

/* ---- 3. HERO SCENE ------------------------------------------------------ */
.cine{background:linear-gradient(180deg,#04150F 0%,#0A2E26 44%,#123F36 76%,#1A5144 100%)}
.cine::before{
  background:linear-gradient(100deg,
    rgba(6,24,20,.92) 0%,rgba(6,24,20,.80) 30%,
    rgba(6,24,20,.30) 56%,rgba(6,24,20,.06) 100%);
}
@media(max-width:900px){
  .cine::before{background:linear-gradient(180deg,rgba(6,24,20,.86) 0%,rgba(6,24,20,.66) 58%,rgba(6,24,20,.5) 100%)}
}
/* Devanagari gets room to breathe — it sits taller than Latin type */
.cine .hero-local{
  font-size:clamp(1.35rem,3.1vw,2.05rem);line-height:1.5;
  color:var(--accent-lift);margin-bottom:16px;
}

/* ---- 4. THE CONDITION GRID --------------------------------------------- */
.np-cond{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px;
}
@media(max-width:1020px){.np-cond{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.np-cond{grid-template-columns:1fr}}
.np-card{
  background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:22px 20px 20px;position:relative;overflow:hidden;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);
}
.np-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,var(--accent),var(--accent-2));
}
.np-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px -20px rgba(14,59,51,.45);border-color:var(--accent)}
.np-card h3{
  font-family:var(--disp);font-weight:800;font-size:1.09rem;
  color:var(--ink);margin:0 0 8px;letter-spacing:-.015em;
}
.np-card .np-num{
  display:block;font-family:var(--disp);font-weight:800;
  font-size:1.5rem;color:var(--accent);line-height:1.1;margin-bottom:4px;
  letter-spacing:-.02em;
}
.np-card p{font-size:.93rem;line-height:1.6;color:var(--mut);margin:0}
.np-card .np-src{
  display:block;margin-top:11px;font-size:.72rem;color:var(--mut);
  opacity:.85;border-top:1px solid var(--line);padding-top:9px;
}

/* ---- 6. THE ROUTE MAP --------------------------------------------------- */
/* City positions are projected from real coordinates, not eyeballed. It is a
   route diagram, not a survey map — the coastline is deliberately simplified. */
.cine .scene{filter:none}
@media(max-width:1180px){
  /* on a narrow screen the map sits behind the copy: keep the routes, drop the
     labels rather than let them collide with the headline */
  .routemap .lbl{display:none}
  .routemap{opacity:.55}
}
.np-legend{
  display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;
  font-size:.9rem;color:#CFDCD6;
}
.np-legend span{display:inline-flex;align-items:center;gap:9px}
.np-legend i{width:26px;height:0;flex:none;border-top-width:3px;border-top-style:solid;border-radius:3px}
.np-legend .l-air{border-color:#E5A44F}
.np-legend .l-road{border-color:#F97089;border-top-style:dashed}
.np-legend .l-bag{border-color:#7FBFAE;border-top-style:dotted;border-top-width:4px}