:root{
  --char:#0F0D0B;--char-warm:#1C1814;
  --parchment:#D4C9B8;--parch-dark:#C0B4A0;
  --ember-deep:#7A3208;--ember:#C4580A;--flame:#E8930A;--amber:#F0B445;
  --heat:#FDF0DC;--smoke:#7A6E62;--ash:#B0A498;
  --cold:#1E2D3D;--cold-light:#6B8AA0;--cold-pale:#B0C4D4;
  --ink:#1A1612;--ink-muted:#6E6458;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--char);color:var(--parchment);overflow-x:hidden;line-height:1.6}
a{color:inherit;text-decoration:none}
body::before{content:'';position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.028;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");
  background-repeat:repeat;background-size:180px}
.serif{font-family:'Cormorant Garamond',serif}
.mono{font-family:'DM Mono',monospace}
.urdu{font-family:'Noto Nastaliq Urdu',serif;direction:rtl}
.sec-inner{max-width:1100px;margin:0 auto}
.sec-label{font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ember);display:block;margin-bottom:16px}
.fire-line{width:40px;height:2px;background:linear-gradient(to right,var(--ember-deep),var(--flame));margin:28px 0}
section{position:relative}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:22px 56px;transition:all .4s}
nav.scrolled{background:rgba(15,13,11,.93);backdrop-filter:blur(20px);padding:13px 56px;border-bottom:1px solid rgba(196,88,10,.1)}
.nav-logo{height:28px;width:auto;object-fit:contain;mix-blend-mode:screen;filter:brightness(1.1)}
.nav-links{display:flex;gap:36px;list-style:none}
.nav-links a{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(212,201,184,.62);text-decoration:none;transition:color .2s}
.nav-links a:hover{color:var(--amber)}
.nav-links a.nav-active{color:var(--amber)}
.nav-apply{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);text-decoration:none;border:1px solid rgba(240,180,69,.28);padding:8px 22px;transition:all .25s}
.nav-apply:hover{background:var(--flame);color:var(--char);border-color:var(--flame)}
.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.nav-brand-text{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);transition:color .2s}
.nav-brand:hover .nav-brand-text{color:var(--flame)}

/* HERO */
.hero{min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column}
.hero-video,.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.75) brightness(.46)}
.hero-overlay{position:absolute;inset:0;background:
  linear-gradient(to bottom,rgba(15,13,11,.52) 0%,rgba(15,13,11,.12) 22%,rgba(15,13,11,.38) 58%,rgba(15,13,11,.97) 90%,#0F0D0B 100%),
  linear-gradient(to right,rgba(15,13,11,.62) 0%,rgba(15,13,11,.18) 52%,transparent 78%)}
.hero-top{position:relative;z-index:2;padding:110px 56px 0;display:flex;flex-direction:column;gap:4px;width:100%}
.hero-company{font-family:'DM Mono',monospace;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:rgba(212,201,184,.38);display:block;text-align:center}
.hero-trip{font-family:'DM Mono',monospace;font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:var(--flame);display:block;text-align:center}
.hero-bottom{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:end;padding:0 56px 96px;gap:52px;margin-top:auto}
.hero-bottom > div:first-child{align-self:end}
.hero-junoon{font-family:'Noto Nastaliq Urdu',serif;font-size:clamp(100px,16vw,200px);color:var(--heat);line-height:1.2;direction:rtl;opacity:.88;text-shadow:0 0 80px rgba(232,147,10,.28),0 0 160px rgba(196,88,10,.14);animation:flicker 9s ease-in-out infinite;display:block;padding-bottom:20px}
@keyframes flicker{0%,100%{opacity:.88}42%{opacity:.82}68%{opacity:.93;text-shadow:0 0 100px rgba(240,180,69,.36),0 0 200px rgba(196,88,10,.18)}}.hero-right{padding-bottom:4px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-end;align-self:stretch}
.hero-h1{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,5.6vw,78px);color:var(--heat);font-weight:300;line-height:1.08;margin-bottom:20px}
.hero-h1 em{font-style:italic;color:var(--amber)}
.hero-sub{font-size:14px;color:rgba(212,201,184,.52);line-height:1.8;margin-bottom:34px;font-weight:300;max-width:400px}
.hero-stats{display:grid;grid-template-columns:1fr 1fr;row-gap:4px;column-gap:16px;margin-bottom:34px;width:100%}
.stat-lbl{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(212,201,184,.3);display:block;margin-bottom:3px}
.stat-val{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--parchment);font-weight:300}
.btns{display:flex;gap:11px;flex-wrap:wrap}
.btn-primary{display:inline-block;padding:13px 32px;background:var(--ember);color:var(--heat);font-family:'DM Mono',monospace;font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;border:1px solid var(--ember);transition:all .3s}
.btn-primary:hover{background:var(--flame);border-color:var(--flame);transform:translateY(-1px)}
.btn-secondary{display:inline-block;padding:13px 32px;background:transparent;color:var(--parchment);font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;border:1px solid rgba(212,201,184,.16);transition:all .25s}
.btn-secondary:hover{border-color:rgba(212,201,184,.4)}
.embers{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.e{position:absolute;border-radius:50%;animation:rise var(--d,5s) ease-in var(--dl,0s) infinite;opacity:0}
@keyframes rise{0%{transform:translateY(0) scale(1);opacity:.75}40%{opacity:.35}100%{transform:translateY(-65vh) translateX(var(--x,12px)) scale(.08);opacity:0}}

/* JUNOON */
.junoon-sec{background:var(--char-warm);padding:120px 56px;overflow:hidden;border-top:1px solid rgba(196,88,10,.07)}
.junoon-sec::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(196,88,10,.035) 1px,transparent 1px);background-size:12px 12px;pointer-events:none}
.junoon-top-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start;margin-bottom:80px}
.junoon-identity{display:flex;flex-direction:column;align-items:flex-start}
.junoon-calli-main{width:85%;height:auto;mix-blend-mode:screen;opacity:1;margin:16px 0 8px 0;display:block}
.junoon-roman{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,3.5vw,52px);font-weight:300;color:var(--ash);letter-spacing:.06em;display:block;margin-bottom:20px}
.junoon-sufi-pull{font-family:'Cormorant Garamond',serif;font-size:clamp(16px,1.6vw,22px);color:var(--amber);font-style:italic;font-weight:300;border-left:2px solid var(--ember-deep);padding-left:18px;line-height:1.5}
.junoon-intro{display:flex;flex-direction:column;gap:0;padding-top:48px}
.junoon-p{font-size:15px;color:var(--smoke);line-height:1.9;font-weight:300;margin:0}
.junoon-p-em{font-family:'Cormorant Garamond',serif;font-size:clamp(20px,2vw,28px);color:var(--parchment);font-style:italic}
.ember-rule{width:32px;height:1px;background:linear-gradient(to right,var(--ember-deep),var(--flame));margin:24px 0}
.ember-rule-wide{width:100%;height:1px;background:linear-gradient(to right,transparent,var(--ember-deep),transparent);margin:40px 0;opacity:.4}
.junoon-fire-fates{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:80px 56px;border-top:1px solid rgba(196,88,10,.08);border-bottom:1px solid rgba(196,88,10,.08);margin-bottom:80px}
.fire-fate{font-family:'Cormorant Garamond',serif;font-size:clamp(22px,2.8vw,40px);color:var(--ash);font-weight:300;line-height:1.2;opacity:.7}
.fire-fate-hero{font-size:clamp(28px,3.5vw,50px);color:var(--heat);opacity:1}
.fire-fate-hero em{color:var(--amber);font-style:italic}
.junoon-campfire-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:80px}
.junoon-campfire-text,.junoon-smoke-text{display:flex;flex-direction:column;gap:0}
.junoon-ash-block{padding:60px 80px;background:rgba(196,88,10,.04);border-left:2px solid var(--ember-deep);margin-bottom:80px}
.junoon-ash{font-family:'Cormorant Garamond',serif;font-size:clamp(18px,2vw,26px);color:var(--parchment);font-weight:300;line-height:1.7;font-style:italic}
.junoon-ignition{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;padding:0 80px}
.junoon-ignition-spark{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,3.5vw,52px);color:var(--heat);font-weight:300;line-height:1.2}
.junoon-ignition-spark em{color:var(--amber);font-style:italic}
.junoon-expedition{font-family:'Cormorant Garamond',serif;font-size:clamp(18px,2vw,28px);color:var(--ember);letter-spacing:.08em;font-weight:300;margin-top:16px}
/* ROUTE */
.route-sec{background:var(--parchment);padding:130px 56px}
.route-top{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:52px}
.route-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(52px,6vw,90px);color:var(--ink);font-weight:300;line-height:.93}
.route-stats{display:flex;flex-direction:column;gap:12px}
.rstat{display:flex;align-items:baseline;gap:10px}
.rnum{font-family:'Cormorant Garamond',serif;font-size:36px;color:var(--ember-deep);font-weight:300;line-height:1}
.rlbl{font-family:'DM Mono',monospace;font-size:10px;color:var(--ink-muted);letter-spacing:.05em}
.route-body{font-size:15px;color:var(--ink-muted);line-height:1.88;margin-bottom:44px;font-weight:300}
.route-body p{margin-bottom:18px}
.route-body p:last-child{margin-bottom:0}

.route-photo-full{width:100%;margin:44px 0}
.route-photo-img{width:100%;height:560px;object-fit:cover;object-position:center 30%;display:block}

.highlights{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(26,22,18,.1)}
.hl{padding:18px 20px;border-right:1px solid rgba(26,22,18,.08);border-bottom:1px solid rgba(26,22,18,.08)}
.hl:nth-child(3n){border-right:none}
.hl:nth-child(4),.hl:nth-child(5),.hl:nth-child(6){border-bottom:none}
.hl-name{font-family:'Cormorant Garamond',serif;font-size:19px;color:var(--ink);font-weight:400;margin-bottom:3px}
.hl-sub{font-family:'DM Mono',monospace;font-size:9px;color:var(--ember-deep);letter-spacing:.1em}
.hl-new{font-family:'DM Mono',monospace;font-size:8px;color:rgba(196,88,10,.42);letter-spacing:.12em;margin-top:3px;display:block}

/* EXTENSION */
.ext-sec{background:var(--char);padding:110px 56px;border-top:1px solid rgba(196,88,10,.05)}
.ext-header{max-width:1100px;margin:0 auto 60px}
.ext-header-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.ext-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(48px,5vw,82px);color:var(--heat);font-weight:300;line-height:.97}
.ext-intro{font-size:15px;color:var(--smoke);line-height:1.85;font-weight:300}
.ext-intro p{margin-bottom:16px}
.ext-two{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.ext-card{position:relative;overflow:hidden}
.ext-card-img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:brightness(.7) saturate(.85);display:block}
.ext-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,13,11,.9) 0%,rgba(15,13,11,.3) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:32px 28px}
.ext-card-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ember);margin-bottom:8px;display:block}
.ext-card-title{font-family:'Cormorant Garamond',serif;font-size:32px;color:var(--heat);font-weight:300;line-height:1;margin-bottom:10px}
.ext-card-desc{font-size:13px;color:rgba(212,201,184,.65);line-height:1.65}
.ext-note{max-width:1100px;margin:28px auto 0;font-family:'DM Mono',monospace;font-size:10px;color:var(--smoke);letter-spacing:.06em;line-height:1.6}

/* PAKISTAN */
.pak-sec{background:var(--char-warm);padding:130px 56px;overflow:hidden;border-top:1px solid rgba(196,88,10,.07)}
.pak-sec::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(196,88,10,.025) 1px,transparent 1px);background-size:11px 11px;pointer-events:none}
.pak-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(62px,7vw,115px);color:var(--heat);font-weight:300;line-height:.92;margin-bottom:20px}
.pak-body p{font-size:15px;color:var(--smoke);line-height:1.9;margin-bottom:22px;font-weight:300}
.pak-pull{font-family:'Cormorant Garamond',serif;font-size:clamp(18px,2vw,25px);color:var(--amber);font-style:italic;font-weight:300;line-height:1.52;border-left:2px solid var(--ember-deep);padding-left:24px;margin:44px 0}
.pak-full{width:100%;aspect-ratio:16/7;object-fit:cover;object-position:center 55%;display:block;filter:saturate(.85) brightness(.82);margin:44px 0}
.pak-grid{display:grid;grid-template-columns:2fr 1fr;gap:4px;margin:4px 0 44px}
.pak-ph{width:100%;object-fit:cover;display:block}
.pak-ph.wide{aspect-ratio:16/10}
.pak-ph.port{aspect-ratio:3/4}

/* DAY */
.day-sec{background:var(--char);padding:130px 56px;border-top:1px solid rgba(196,88,10,.05)}
.day-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(46px,4.8vw,82px);color:var(--heat);font-weight:300;line-height:1.05;margin-bottom:56px}
.day-h2 em{font-style:italic;color:var(--amber)}
.day-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(212,201,184,.04)}
.day-card{padding:32px 26px;background:var(--char);border:1px solid rgba(212,201,184,.04);transition:border-color .3s}
.day-card:hover{border-color:rgba(196,88,10,.18)}
.day-time{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ember);margin-bottom:12px;display:block}
.day-title{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--parchment);font-weight:400;margin-bottom:9px}
.day-desc{font-size:13px;color:var(--smoke);line-height:1.7}

/* SUMMIT — reduced prominence */
.summit-sec{background:var(--cold);padding:80px 56px;overflow:hidden}
.summit-sec::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(176,196,212,.035) 1px,transparent 1px);background-size:9px 9px;pointer-events:none}
.summit-inner{max-width:760px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.summit-left{}
.summit-alt{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--cold-light);display:block;margin-bottom:14px}
.summit-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(43px,5vw,77px);color:var(--cold-pale);font-weight:300;line-height:1;margin-bottom:8px}
.summit-sub{font-family:'Cormorant Garamond',serif;font-size:clamp(16px,1.8vw,21px);color:rgba(176,196,212,.42);font-style:italic;font-weight:300}
.summit-right{}
.summit-body{font-size:14px;color:rgba(176,196,212,.55);line-height:1.82;font-weight:300}
.summit-body p{margin-bottom:16px}
.summit-body p:last-child{margin-bottom:0}
.summit-urdu{font-family:'Noto Nastaliq Urdu',serif;font-size:clamp(32px,4.5vw,60px);color:var(--cold-pale);direction:rtl;opacity:.2;display:block;margin-top:20px}

/* INNER */
.inner-sec{background:var(--char);padding:130px 56px;border-top:1px solid rgba(196,88,10,.05);overflow:hidden}
.inner-sec::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(196,88,10,.022) 1px,transparent 1px);background-size:14px 14px;pointer-events:none}
.inner-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start;position:relative;z-index:1}
.inner-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(50px,5.2vw,91px);color:var(--heat);font-weight:300;line-height:.97}
.inner-h2 em{font-style:italic;color:var(--amber);display:block}
.inner-pull{font-family:'Cormorant Garamond',serif;font-size:clamp(17px,1.9vw,23px);color:rgba(240,180,69,.68);font-style:italic;font-weight:300;line-height:1.52;border-left:1px solid var(--ember-deep);padding-left:20px}
.inner-body p{font-size:15px;color:var(--smoke);line-height:1.9;margin-bottom:20px;font-weight:300}

/* WHO */
.who-sec{background:var(--parch-dark);padding:130px 56px}
.who-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(60px,6.2vw,110px);color:var(--ink);font-weight:300;line-height:.91;margin-bottom:60px}
.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.who-badge{display:inline-block;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;padding:5px 12px;margin-bottom:24px;border:1px solid}
.who-badge.for{color:var(--ember);border-color:rgba(196,88,10,.32)}
.who-badge.not{color:var(--ink-muted);border-color:rgba(110,100,88,.55)}
.who-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid rgba(26,22,18,.07);align-items:flex-start}
.who-item:last-child{border-bottom:none}
.who-dot{width:5px;height:5px;border-radius:50%;margin-top:9px;flex-shrink:0}
.who-dot.f{background:var(--ember)}
.who-dot.n{background:var(--smoke)}
.who-text{font-size:14px;color:var(--ink-muted);line-height:1.7}

/* INCLUDED */
.inc-sec{background:var(--char-warm);padding:130px 56px;border-top:1px solid rgba(196,88,10,.07)}
.inc-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.inc-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(38px,3.6vw,62px);color:var(--heat);font-weight:300;margin-bottom:30px}
.inc-row{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid rgba(212,201,184,.05);align-items:flex-start;font-size:13px;color:var(--smoke);line-height:1.55}
.inc-row:last-child{border-bottom:none}
.inc-mark{color:var(--flame);font-size:11px;margin-top:1px;flex-shrink:0}
.inc-not{color:var(--smoke);font-size:11px;margin-top:1px;flex-shrink:0}
.inc-sub{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--ash);margin-top:28px;margin-bottom:12px;display:block}

/* INVESTMENT */
.inv-sec{background:var(--parchment);padding:130px 56px}
.inv-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px}
.inv-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(38px,3.6vw,60px);color:var(--ink);font-weight:300;margin-bottom:14px}
.inv-price{font-family:'Cormorant Garamond',serif;font-size:82px;color:var(--ember-deep);font-weight:300;line-height:1;margin-bottom:5px}
.inv-note{font-family:'DM Mono',monospace;font-size:10px;color:var(--ink-muted);margin-bottom:32px;letter-spacing:.05em;line-height:1.6}
.inv-div{width:36px;height:1px;background:var(--ember-deep);margin:24px 0}
.inv-dep{font-family:'Cormorant Garamond',serif;font-size:26px;color:var(--ember);font-weight:300;margin-bottom:5px}
.inv-dep-note{font-family:'DM Mono',monospace;font-size:10px;color:var(--ink-muted);margin-bottom:28px;letter-spacing:.04em;line-height:1.6}
.inv-body{font-size:14px;color:var(--ink-muted);line-height:1.85;margin-bottom:20px;font-weight:300}
.inv-box{background:rgba(26,22,18,.05);border-left:1px solid rgba(196,88,10,.28);padding:14px 17px;margin-bottom:24px}
.inv-box-text{font-family:'DM Mono',monospace;font-size:10px;color:var(--ink-muted);line-height:1.7;letter-spacing:.03em}

/* FAQ */
.faq-sec{background:var(--char);padding:130px 56px;border-top:1px solid rgba(196,88,10,.05);overflow:hidden}
.faq-sec::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(196,88,10,.022) 1px,transparent 1px);background-size:12px 12px;pointer-events:none}
.faq-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(50px,5vw,84px);color:var(--heat);font-weight:300;margin-bottom:56px;line-height:1;position:relative;z-index:1}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 72px;position:relative;z-index:1}
.faq-item{padding:24px 0;border-bottom:1px solid rgba(212,201,184,.05)}
.faq-q{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--parchment);font-weight:400;margin-bottom:10px;line-height:1.28}
.faq-a{font-size:13px;color:var(--smoke);line-height:1.75}

/* ABOUT */
.about-sec{background:var(--char-warm);padding:130px 56px;border-top:1px solid rgba(196,88,10,.07);overflow:hidden}
.about-sec::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(196,88,10,.022) 1px,transparent 1px);background-size:11px 11px;pointer-events:none}
.about-body{font-family:'Cormorant Garamond',serif;font-size:clamp(18px,2vw,25px);font-weight:300;color:var(--ash);line-height:1.76;position:relative;z-index:1;max-width:820px}
.about-body p{margin-bottom:28px}
.about-body p:last-child{margin-bottom:0}
.about-body em{color:var(--amber);font-style:italic}
.about-body strong{color:var(--parchment);font-weight:400}
.about-grid{display:grid;grid-template-columns:1.6fr 0.4fr;gap:80px;align-items:start}
.about-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,4vw,58px);color:var(--heat);font-weight:300;line-height:1.05;margin-bottom:32px}
.about-sub-h{font-family:'Cormorant Garamond',serif;font-size:clamp(24px,2.5vw,36px);color:var(--amber);font-weight:300;font-style:italic;margin:40px 0 20px}
.about-junoon{font-family:'Noto Nastaliq Urdu',serif;font-size:clamp(48px,6vw,80px);color:var(--amber);direction:rtl;margin:24px 0;display:block}
.about-photo-col{position:relative}
.about-photo{width:100%;height:500px;object-fit:cover;object-position:center top;display:block}
.about-name{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ember);display:block;margin-bottom:16px}

/* APPLY */
.apply-sec{background:var(--char);padding:160px 56px;text-align:center;overflow:hidden;border-top:1px solid rgba(196,88,10,.07)}
.apply-sec::before{content:'';position:absolute;bottom:0;left:0;right:0;height:280px;background:linear-gradient(to top,rgba(122,50,8,.09) 0%,transparent 100%);pointer-events:none}
.apply-sec::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(196,88,10,.022) 1px,transparent 1px);background-size:12px 12px;pointer-events:none}
.apply-inner{position:relative;z-index:1;max-width:680px;margin:0 auto}
.apply-inner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(15,13,11,.45) 0%,rgba(15,13,11,.65) 40%,transparent 75%);pointer-events:none;z-index:1}
.apply-bg-urdu{position:absolute;left:50%;top:-35%;transform:translateX(-50%);width:clamp(280px,42vw,520px);height:auto;mix-blend-mode:screen;opacity:.9;pointer-events:none;z-index:0}
.apply-h2{font-family:'Cormorant Garamond',serif;font-size:clamp(46px,5.8vw,84px);color:var(--heat);font-weight:300;line-height:1.02;margin-bottom:22px;position:relative;z-index:2}
.apply-already{font-size:1.35em;color:var(--amber);font-style:italic;display:inline-block;letter-spacing:.02em}
.apply-sub{font-size:15px;color:var(--smoke);max-width:460px;margin:0 auto 48px;line-height:1.85;font-weight:300}
.btn-apply{display:inline-block;padding:17px 52px;background:transparent;border:1px solid rgba(196,88,10,.45);color:var(--amber);font-family:'DM Mono',monospace;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:all .35s;position:relative;overflow:hidden}
.btn-apply::before{content:'';position:absolute;inset:0;background:var(--ember-deep);transform:translateY(100%);transition:transform .35s}
.btn-apply:hover{color:var(--heat);border-color:var(--ember)}
.btn-apply:hover::before{transform:translateY(0)}
.btn-apply span{position:relative;z-index:1}
.apply-fine{font-family:'DM Mono',monospace;font-size:10px;color:rgba(212,201,184,.52);margin-top:16px;letter-spacing:.1em;line-height:1.7}

.page-hero{min-height:60vh;max-height:60vh}

/* FOOTER */
footer{background:var(--char);padding:48px 56px 32px;border-top:1px solid rgba(212,201,184,.04)}
.foot-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;flex-wrap:wrap;gap:20px}
.foot-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.foot-brand-text{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(240,180,69,.45)}
.foot-logo{height:30px;width:auto;object-fit:contain}
.foot-urdu{font-family:'Noto Nastaliq Urdu',serif;font-size:26px;color:var(--ember);opacity:.38;direction:rtl}
.foot-links{display:flex;gap:28px;flex-wrap:wrap}
.foot-links a{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(212,201,184,.38);text-decoration:none;transition:color .2s}
.foot-links a:hover{color:var(--amber)}
.foot-bottom{border-top:1px solid rgba(212,201,184,.04);padding-top:18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.foot-copy{font-family:'DM Mono',monospace;font-size:9px;color:rgba(212,201,184,.28);letter-spacing:.07em}

/* RESPONSIVE */
@media(max-width:960px){
  nav{padding:16px 24px}
  nav.scrolled{padding:12px 24px}
  .nav-links{display:none}
  .hero-top{padding:96px 24px 0}
  .hero-bottom{grid-template-columns:1fr;padding:0 24px 80px;gap:24px}
  .hero-right{border-left:none;border-top:1px solid rgba(196,88,10,.18);padding-left:0;padding-top:24px}
  .inner-grid,.inc-grid,.inv-grid,.who-grid,.route-top,.ext-header-grid,.summit-inner{grid-template-columns:1fr;gap:40px}
  .junoon-top-grid{grid-template-columns:1fr}
  .junoon-campfire-grid{grid-template-columns:1fr}
  .junoon-fire-fates{padding:60px 24px}
  .junoon-ignition{padding:0 24px}
  .junoon-ash-block{padding:40px 24px}
  .about-grid{grid-template-columns:1fr}
  .about-photo{position:static;max-height:500px;object-fit:cover;width:100%}
  .ext-two{grid-template-columns:1fr}
  .route-photo-img{height:360px}
  .day-grid{grid-template-columns:1fr 1fr}
  .faq-grid{grid-template-columns:1fr}
  .highlights{grid-template-columns:1fr 1fr}
  .pak-grid{grid-template-columns:1fr}
  .junoon-sec,.pak-sec,.day-sec,.summit-sec,.inner-sec,.who-sec,.inc-sec,.inv-sec,.faq-sec,.about-sec,.apply-sec,.ext-sec,.route-sec{padding:88px 24px}
  footer{padding:36px 24px 24px}
}
@media(max-width:540px){
  .route-photo-img{height:260px}
  .day-grid{grid-template-columns:1fr}
  .highlights{grid-template-columns:1fr}
  .hero-junoon{font-size:clamp(76px,20vw,130px)}
}

/* ─── HAMBURGER BUTTON ──────────────────────────────────────── */
.nav-hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  z-index: 600;
}
.nav-hamburger span {
  display: block;
  width: 24px;
  height: 1px;
  background: var(--amber);
  transition: all 0.3s ease;
  transform-origin: center;
}

/* Hamburger → X animation */
.nav-hamburger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.nav-hamburger.open span:nth-child(2) { opacity: 0; }
.nav-hamburger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* ─── MOBILE MENU OVERLAY ───────────────────────────────────── */
.nav-mobile {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(15, 13, 11, 0.97);
  backdrop-filter: blur(20px);
  z-index: 490;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.nav-mobile.open {
  opacity: 1;
}
.nav-mobile-links {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  margin-bottom: 48px;
}
.nav-mobile-links li {
  border-bottom: 1px solid rgba(196, 88, 10, 0.1);
  width: 200px;
  text-align: center;
}
.nav-mobile-links li:first-child {
  border-top: 1px solid rgba(196, 88, 10, 0.1);
}
.nav-mobile-links a {
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(212, 201, 184, 0.55);
  text-decoration: none;
  display: block;
  padding: 20px 0;
  transition: color 0.2s;
}
.nav-mobile-links a:hover,
.nav-mobile-links a.nav-active {
  color: var(--amber);
}
.nav-mobile-apply {
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--amber);
  text-decoration: none;
  border: 1px solid rgba(240, 180, 69, 0.3);
  padding: 14px 40px;
  transition: all 0.25s;
}
.nav-mobile-apply:hover {
  background: var(--flame);
  color: var(--char);
  border-color: var(--flame);
}

/* ─── RESPONSIVE OVERRIDES ──────────────────────────────────── */
@media (max-width: 960px) {
  .nav-links  { display: none; }
  .nav-apply  { display: none; }
  .nav-hamburger { display: flex; }
  .nav-mobile.open { display: flex; }
}

/* ─── HERO CALLIGRAPHY IMAGE ────────────────────────────────── */
.hero-junoon-img {
  width: clamp(260px, 38vw, 520px);
  height: auto;
  display: block;
  mix-blend-mode: screen;
  opacity: 0.88;
  animation: flicker 9s ease-in-out infinite;
  padding-bottom: 20px;
}
@media (max-width: 960px) {
  .hero-junoon-img {
    width: clamp(180px, 55vw, 320px);
  }
}

.page-nav-strip{text-align:center;padding:24px 56px;border-top:1px solid rgba(212,201,184,.05);background:var(--char)}
.page-nav-link{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(212,201,184,.45);text-decoration:none;transition:color .2s}
.page-nav-link:hover{color:var(--amber)}
.page-nav-sep{font-family:'DM Mono',monospace;font-size:10px;color:rgba(212,201,184,.18);margin:0 18px}
.page-back-inline{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(212,201,184,.22);text-decoration:none;transition:color .2s;display:block;text-align:center;padding:10px 0 0}
.page-back-inline:hover{color:var(--amber)}
/* ─── EMAIL CAPTURE ─────────────────────────────────────────── */
.email-sec {
  background: var(--char-warm);
  padding: 80px 56px;
  border-top: 1px solid rgba(196, 88, 10, 0.07);
  text-align: center;
}
.email-sec-inner {
  max-width: 480px;
  margin: 0 auto;
}
.email-sec .sib-form {
  background: transparent !important;
  background-image: none !important;
  padding: 0;
}
.email-sec #sib-container {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  max-width: 100% !important;
  text-align: center !important;
}
.email-sec .input {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(196, 88, 10, 0.35) !important;
  border-radius: 0 !important;
  color: var(--parchment) !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  padding: 12px 0 !important;
  width: 100% !important;
  text-align: center !important;
  transition: border-color 0.2s !important;
}
.email-sec .input:focus {
  outline: none !important;
  border-bottom-color: var(--amber) !important;
}
.email-sec .input::placeholder {
  color: rgba(212, 201, 184, 0.62) !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}
.email-sec .sib-form-block__button {
  background: transparent !important;
  border: 1px solid rgba(196, 88, 10, 0.45) !important;
  border-radius: 0 !important;
  color: var(--amber) !important;
  font-family: 'DM Mono', monospace !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  padding: 13px 40px !important;
  margin-top: 8px !important;
  cursor: pointer !important;
  transition: all 0.25s !important;
  width: auto !important;
}
.email-sec .sib-form-block__button:hover {
  background: var(--flame) !important;
  color: var(--char) !important;
  border-color: var(--flame) !important;
}
.email-sec .sib-form-message-panel {
  font-family: 'DM Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}
.email-sec .sib-hide-loader-icon { display: none !important; }
@media (max-width: 960px) {
  .email-sec { padding: 64px 24px; }
}

/* ─── EMAIL MODAL ───────────────────────────────────────────── */
.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(10, 9, 8, 0.88);
  z-index: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
.modal-overlay.open {
  opacity: 1;
  pointer-events: all;
}
.modal-box {
  background: var(--char-warm);
  border: 1px solid rgba(196, 88, 10, 0.18);
  padding: 56px 48px 48px;
  max-width: 460px;
  width: 90%;
  position: relative;
  transform: translateY(12px);
  transition: transform 0.25s ease;
}
.modal-overlay.open .modal-box {
  transform: translateY(0);
}
.modal-close {
  position: absolute;
  top: 18px;
  right: 22px;
  background: transparent;
  border: none;
  color: rgba(212, 201, 184, 0.25);
  font-size: 16px;
  cursor: pointer;
  transition: color 0.2s;
  font-family: 'DM Mono', monospace;
  line-height: 1;
  padding: 4px;
}
.modal-close:hover { color: var(--amber); }
.modal-heading {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(28px, 3.5vw, 42px);
  color: var(--heat);
  font-weight: 300;
  text-align: center;
  margin-bottom: 6px;
}
.modal-sub {
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--smoke);
  text-align: center;
  margin-bottom: 36px;
  display: block;
}
.modal-input {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(196, 88, 10, 0.3);
  color: var(--parchment);
  font-family: 'DM Mono', monospace;
  font-size: 12px;
  letter-spacing: 0.1em;
  padding: 12px 0;
  margin-bottom: 18px;
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.2s;
  text-align: center;
}
.modal-input:focus { border-bottom-color: var(--amber); }
.modal-input::placeholder {
  color: rgba(212, 201, 184, 0.3);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.modal-submit {
  width: 100%;
  background: transparent;
  border: 1px solid rgba(196, 88, 10, 0.45);
  color: var(--amber);
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 14px;
  cursor: pointer;
  transition: all 0.25s;
  margin-top: 8px;
  display: block;
  width: 100%;
}
.modal-submit:hover {
  background: var(--flame);
  color: var(--char);
  border-color: var(--flame);
}
.modal-success {
  text-align: center;
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--amber);
  margin-top: 16px;
  display: none;
}
@media (max-width: 540px) {
  .modal-box { padding: 44px 28px 36px; }
}