/* ====================================================================
   ABOUT / FOUNDER — "MIDNIGHT GLASS & GOLD" (v8.6.1)
   Loaded only on /about. Namespaced .abt-*; tokens from site.css :root.
   Craft rules: no pure #000; rgba hairlines only; blur ~14-18; radius 16;
   easing cubic-bezier(.16,1,.3,1); glow behind primary CTAs; AA contrast;
   every animation gated by prefers-reduced-motion.
   ==================================================================== */

.abt-night{
  --mid-deep:#140B20; --mid:#1A1028; --mid-2:#241333;
  --glass:rgba(255,255,255,.055); --glass-2:rgba(255,255,255,.085);
  --hair:rgba(255,255,255,.10); --hair-gold:rgba(198,161,91,.45);
  --ink-hi:#F2ECE2; --ink-mid:#CFC5DE; --ink-low:#A99DBE;
  --gold-glow:rgba(198,161,91,.38);
  --ease:cubic-bezier(.16,1,.3,1);
  background:linear-gradient(180deg,var(--mid-2) 0%,var(--mid) 30%,var(--mid-deep) 100%);
  color:var(--ink-mid);
}
.abt-night h1,.abt-night h2,.abt-night h3{color:var(--ink-hi)}
.abt-night p{color:var(--ink-mid)}
.abt-night .lead{color:var(--ink-low)}
.abt-night .eyebrow{color:var(--gold2)}
.abt-night a{color:var(--gold2)}

/* flights.css (~line 948) hides p.lead site-wide with !important — restore ours */
.abt-night .abt-hero__lead,
.abt-night .abt-operate .lead,
.abt-night .abt-partner__in .lead{display:block!important}

/* ---------- shared section chrome ---------- */
.abt-sec{position:relative;overflow:hidden}
.abt-sec__bg{position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:.16;pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%);
          mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%)}
.abt-sec__bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(26,16,40,.55),rgba(20,11,32,.72))}
.abt-bg--turkiye{background-image:url('/assets/img/photos/dest-turkiye-1920.jpg');background-position:center 30%}
.abt-bg--egypt{background-image:url('/assets/img/photos/home-egypt-1920.jpg')}
.abt-bg--bangladesh{background-image:url('/assets/img/photos/dest-bangladesh-1920.jpg')}
.abt-bg--dubai{background-image:url('/assets/img/photos/dest-dubai-1920.jpg');background-position:center 65%}
.abt-bg--dubai2{background-image:url('/assets/img/photos/home-dubai-1920.jpg')}
.abt-bg--journey{background-image:url('/assets/img/photos/hero-3-1920.jpg')}
.abt-sec__in{position:relative;z-index:2}
.abt-idx{position:absolute;z-index:1;top:clamp(8px,2vw,26px);right:clamp(6px,2.5vw,40px);
  font-family:var(--ff-d);font-size:clamp(6rem,14vw,13rem);line-height:1;
  color:transparent;-webkit-text-stroke:1.5px rgba(198,161,91,.16);pointer-events:none;user-select:none}

/* ---------- hero ---------- */
.abt-hero{position:relative;overflow:hidden;padding:clamp(70px,8vw,120px) 0 clamp(64px,7vw,96px);
  background:linear-gradient(180deg,#2A1740 0%,var(--mid-2) 60%,var(--mid) 100%)}
.abt-hero__bg{position:absolute;inset:-4%;background:url('/assets/img/photos/hero-1-1920.jpg') center 38%/cover no-repeat;
  opacity:.22;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 100%);
          mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 100%)}
.abt-hero__bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(26,16,40,.85) 22%,rgba(26,16,40,.35) 58%,rgba(42,23,64,.55) 100%)}
@keyframes abtKen{from{transform:scale(1)}to{transform:scale(1.07)}}
.abt-hero__bg{animation:abtKen 26s var(--ease) infinite alternate}
.abt-blob{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:1}
.abt-blob--gold{width:520px;height:520px;right:-120px;top:-140px;background:rgba(198,161,91,.14)}
.abt-blob--purple{width:640px;height:640px;left:-200px;bottom:-260px;background:rgba(139,92,201,.16)}
@keyframes abtDrift1{0%,100%{transform:translate(0,0)}50%{transform:translate(-46px,36px)}}
@keyframes abtDrift2{0%,100%{transform:translate(0,0)}50%{transform:translate(52px,-30px)}}
.abt-blob--gold{animation:abtDrift1 17s ease-in-out infinite}
.abt-blob--purple{animation:abtDrift2 21s ease-in-out infinite}

.abt-hero__in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:clamp(28px,5vw,84px);align-items:center}
.abt-est{display:flex;align-items:center;gap:14px;margin:0 0 18px;
  font-size:.78rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--gold2)}
.abt-est i{flex:0 0 46px;height:1px;background:linear-gradient(90deg,var(--gold2),transparent)}
.abt-hero__title{margin-bottom:.45em;text-shadow:0 2px 30px rgba(10,4,18,.55)}
.abt-hero__title em{font-style:italic;color:var(--gold2)}
.abt-hero__lead{max-width:33em}
.abt-hero__cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:28px}
.abt-glow{box-shadow:0 6px 26px rgba(20,8,34,.5),0 0 34px var(--gold-glow)}
.abt-glow:hover{box-shadow:0 8px 30px rgba(20,8,34,.6),0 0 48px var(--gold-glow)}
.abt-btn-glass{border:1px solid var(--hair);color:var(--ink-hi);border-radius:999px;padding:14px 26px;
  font-weight:600;text-decoration:none;background:var(--glass);backdrop-filter:blur(14px);
  transition:border-color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease)}
.abt-btn-glass:hover{border-color:var(--hair-gold);background:var(--glass-2);transform:translateY(-1px);color:var(--ink-hi)}

.abt-hero__portrait{position:relative;margin:0;justify-self:center;width:min(100%,440px)}
@keyframes abtFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.abt-hero__portrait{animation:abtFloat 7s ease-in-out infinite}
.abt-hero__portrait img{position:relative;z-index:3;border-radius:18px;
  box-shadow:0 34px 80px rgba(8,3,16,.6);
  -webkit-mask-image:linear-gradient(180deg,#000 78%,rgba(0,0,0,.9) 90%,rgba(0,0,0,.65) 100%);
          mask-image:linear-gradient(180deg,#000 78%,rgba(0,0,0,.9) 90%,rgba(0,0,0,.65) 100%)}
.abt-hero__monolith{position:absolute;z-index:1;inset:7% -8% -7% 9%;border-radius:22px;
  background:linear-gradient(160deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.03) 40%,rgba(20,11,32,.35) 100%);
  border:1px solid var(--hair);backdrop-filter:blur(14px);
  box-shadow:0 30px 70px rgba(8,3,16,.5)}
.abt-hero__ring{position:absolute;z-index:2;inset:-14px 13% 13% -14px;border-radius:24px;
  border:1.5px solid var(--hair-gold);pointer-events:none;overflow:hidden}
.abt-hero__ring::after{content:"";position:absolute;top:-40%;bottom:-40%;left:-30%;width:34%;
  background:linear-gradient(105deg,transparent,rgba(227,201,144,.35),transparent);
  transform:skewX(-18deg)}
@keyframes abtSweep{0%,64%{left:-34%}100%{left:130%}}
.abt-hero__ring::after{animation:abtSweep 6.5s var(--ease) infinite}
.abt-hero__badge{position:absolute;z-index:4;left:-12px;bottom:30px;display:flex;flex-direction:column;gap:1px;
  background:rgba(26,16,40,.62);backdrop-filter:blur(16px);border:1px solid var(--hair-gold);
  border-radius:14px;padding:10px 20px;box-shadow:0 10px 30px rgba(8,3,16,.5);
  font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-low)}
.abt-hero__badge span{font-family:var(--ff-d);font-size:1.3rem;color:var(--gold2);line-height:1.1;letter-spacing:0;text-transform:none}

/* ---------- chapter nav ---------- */
.abt-chapters{position:sticky;top:0;z-index:60;background:rgba(20,11,32,.72);
  backdrop-filter:blur(18px);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.abt-chapters__in{display:flex;align-items:center;gap:18px}
.abt-chapters__links{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1 1 auto}
.abt-chapters__links::-webkit-scrollbar{display:none}
.abt-chapters__links a{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:7px;
  padding:15px 13px;font-size:.82rem;font-weight:600;color:var(--ink-low);text-decoration:none;
  transition:color .25s var(--ease)}
.abt-chapters__links a b{font-family:var(--ff-d);font-weight:500;color:rgba(198,161,91,.55);font-size:.8rem}
.abt-chapters__links a::after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:2px;
  background:linear-gradient(90deg,var(--gold),var(--gold2));transform:scaleX(0);transform-origin:left;
  transition:transform .35s var(--ease)}
.abt-chapters__links a:hover{color:var(--ink-hi)}
.abt-chapters__links a.is-active{color:var(--ink-hi)}
.abt-chapters__links a.is-active b{color:var(--gold2)}
.abt-chapters__links a.is-active::after{transform:scaleX(1)}
.abt-chapters__cta{flex:0 0 auto;background:linear-gradient(120deg,var(--gold) 0%,var(--gold2) 100%);
  color:#241333;font-weight:700;font-size:.82rem;padding:9px 18px;border-radius:999px;text-decoration:none;
  box-shadow:0 0 22px rgba(198,161,91,.3);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.abt-chapters__cta:hover{transform:translateY(-1px);box-shadow:0 0 34px rgba(198,161,91,.45);color:#241333}

/* ---------- why ---------- */
.abt-quote{margin:0 0 34px;position:relative;padding-left:clamp(0px,2vw,10px)}
.abt-quote p{font-family:var(--ff-d);font-size:clamp(1.55rem,3.2vw,2.55rem);line-height:1.28;
  color:var(--ink-hi);margin:0;max-width:19em;text-shadow:0 2px 24px rgba(10,4,18,.5)}
.abt-quote__rule{display:block;width:0;height:2px;margin-top:26px;
  background:linear-gradient(90deg,var(--gold2),transparent);transition:width 1.1s var(--ease) .2s}
.abt-quote.in .abt-quote__rule{width:min(340px,60%)}
.abt-why__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3.5vw,54px);max-width:64em}
.abt-why__grid p{font-size:1.04rem}

/* ---------- experience cards ---------- */
.abt-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,24px);margin-top:34px}
.abt-card{position:relative;background:var(--glass);border:1px solid var(--hair);
  border-radius:16px;padding:clamp(20px,2vw,30px);backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 34px rgba(8,3,16,.35);
  transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease)}
.abt-card:hover{transform:translateY(-6px);border-color:var(--hair-gold);background:var(--glass-2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 48px rgba(8,3,16,.5),0 0 30px rgba(198,161,91,.12)}
.abt-card__num{font-family:var(--ff-d);font-size:2.1rem;color:rgba(198,161,91,.4);line-height:1;display:block;margin-bottom:12px}
.abt-card h3{font-size:1.12rem;margin-bottom:.5em}
.abt-card p{font-size:.94rem;color:var(--ink-low);margin:0}

/* ---------- principles ---------- */
.abt-plist{list-style:none;counter-reset:abt;margin:30px 0 0;padding:0;max-width:56em}
.abt-plist li{counter-increment:abt;position:relative;padding:24px 20px 24px 92px;border-radius:16px;
  border:1px solid transparent;transition:border-color .3s var(--ease),background .3s var(--ease)}
.abt-plist li:hover{background:var(--glass);border-color:var(--hair);backdrop-filter:blur(10px)}
.abt-plist li+li{margin-top:4px}
.abt-plist li::before{content:counter(abt,decimal-leading-zero);position:absolute;left:20px;top:22px;
  font-family:var(--ff-d);font-size:1.9rem;color:var(--gold2);opacity:.75}
.abt-plist li::after{content:"";position:absolute;left:20px;right:20px;top:0;height:1px;
  background:linear-gradient(90deg,var(--hair),transparent)}
.abt-plist h3{margin-bottom:.25em;font-size:1.18rem}
.abt-plist p{margin:0;color:var(--ink-low)}

/* ---------- operate / accordion ---------- */
.abt-operate .lead{max-width:52em}
.abt-accordion{margin-top:28px;max-width:56em}
.abt-details{border:1px solid var(--hair);border-radius:16px;background:var(--glass);
  backdrop-filter:blur(14px);margin-bottom:14px;overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);transition:border-color .3s var(--ease)}
.abt-details[open],.abt-details:hover{border-color:var(--hair-gold)}
.abt-details summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 22px;font-weight:600;color:var(--ink-hi);font-size:1.04rem}
.abt-details summary::-webkit-details-marker{display:none}
.abt-details summary::after{content:"+";font-family:var(--ff-d);font-size:1.5rem;color:var(--gold2);
  transition:transform .3s var(--ease);flex:0 0 auto}
.abt-details[open] summary::after{transform:rotate(45deg)}
.abt-details summary:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
.abt-details__body{padding:2px 22px 20px;color:var(--ink-low)}
.abt-details__body .list-tick li{margin-bottom:10px}

/* ---------- vision / roadmap ---------- */
.abt-road{list-style:none;margin:38px 0 0;padding:0;position:relative;max-width:56em}
.abt-road::before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;
  background:linear-gradient(180deg,var(--gold2),rgba(198,161,91,.12));
  transform:scaleY(0);transform-origin:top;transition:transform 1.6s var(--ease) .15s}
.abt-road.in::before{transform:scaleY(1)}
.abt-phase{position:relative;padding:0 0 36px 54px}
.abt-phase:last-child{padding-bottom:4px}
.abt-phase::before{content:"";position:absolute;left:4px;top:6px;width:16px;height:16px;border-radius:50%;
  background:var(--mid-2);border:2.5px solid var(--gold2);transition:background .4s var(--ease),box-shadow .4s var(--ease)}
@keyframes abtPulse{0%,100%{box-shadow:0 0 0 0 rgba(227,201,144,.45)}50%{box-shadow:0 0 0 9px rgba(227,201,144,0)}}
.abt-phase.is-live::before{background:var(--gold2);animation:abtPulse 2.6s ease-out infinite}
.abt-phase h3{font-size:1.28rem;margin:8px 0 .35em}
.abt-phase p{color:var(--ink-low);margin:0;max-width:46em}
.abt-phase__tag{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  padding:5px 12px;border-radius:999px;border:1px solid transparent}
.abt-tag--now{color:#241333;background:linear-gradient(120deg,var(--gold),var(--gold2));box-shadow:0 0 18px rgba(198,161,91,.35)}
.abt-tag--dev{color:var(--gold2);background:rgba(227,201,144,.10);border-color:var(--hair-gold)}
.abt-tag--amb{color:var(--ink-low);background:var(--glass);border-color:var(--hair)}

/* ---------- letter ---------- */
.abt-letter__card{max-width:46em;margin:0 auto;position:relative;z-index:2;
  background:linear-gradient(165deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.04) 55%,rgba(20,11,32,.25) 100%);
  border:1px solid var(--hair-gold);border-radius:20px;backdrop-filter:blur(18px);
  padding:clamp(28px,4vw,54px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 30px 80px rgba(8,3,16,.55)}
.abt-letter__seal{position:absolute;top:26px;right:28px;width:52px;height:52px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--ff-d);font-style:italic;font-size:1.5rem;color:#241333;
  background:radial-gradient(circle at 34% 30%,var(--gold2),var(--gold) 62%,var(--gold-deep));
  box-shadow:0 4px 14px rgba(8,3,16,.5),0 0 24px rgba(198,161,91,.3)}
.abt-letter__card p{color:var(--ink-mid);font-size:1.02rem}
.abt-letter__sig{margin:28px 0 0;display:flex;flex-direction:column;gap:2px}
.abt-letter__name{font-family:var(--ff-d);font-style:italic;font-size:2.1rem;color:var(--gold2);line-height:1.1}
.abt-letter__role{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-low)}

/* ---------- partnerships ---------- */
.abt-partner__in{max-width:62em}
.abt-chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 32px;padding:0}
.abt-chips li{background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--hair);
  color:var(--ink-mid);border-radius:999px;padding:9px 18px;font-size:.88rem;font-weight:500;
  transition:border-color .3s var(--ease),color .3s var(--ease)}
.abt-chips li:hover{border-color:var(--hair-gold);color:var(--ink-hi)}
.abt-textlink{color:var(--gold2);font-weight:600;text-decoration:underline;text-underline-offset:4px}

/* ---------- company ---------- */
.abt-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px clamp(18px,2.5vw,28px);margin:32px 0 0;max-width:70em}
.abt-facts>div{background:var(--glass);border:1px solid var(--hair);border-radius:16px;
  backdrop-filter:blur(12px);padding:16px 20px;display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:baseline;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.abt-facts dt{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2)}
.abt-facts dd{margin:0;color:var(--ink-mid);font-size:.96rem}
.abt-facts__links{display:flex;flex-wrap:wrap;gap:6px 16px}
.abt-verified{margin-top:22px;font-size:.85rem;color:var(--ink-low)}
.abt-company__cta{margin-top:44px;padding:clamp(24px,3vw,42px);border-radius:20px;position:relative;overflow:hidden;
  background:linear-gradient(120deg,rgba(198,161,91,.16) 0%,rgba(91,46,145,.22) 55%,rgba(26,16,40,.4) 100%);
  border:1px solid var(--hair-gold);backdrop-filter:blur(16px);
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 24px 60px rgba(8,3,16,.45)}
.abt-company__cta h3{margin:0;font-size:1.5rem}

/* ---------- reveals (staggered by about.js) ---------- */
.abt-night .reveal{opacity:0;transform:translateY(22px);
  transition:opacity .7s var(--ease),transform .7s var(--ease)}
.abt-night .reveal.in{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media (max-width:1024px){ .abt-cards{grid-template-columns:1fr 1fr} }
@media (max-width:900px){
  .abt-hero__in{grid-template-columns:1fr}
  .abt-hero__portrait{order:-1;width:min(74vw,360px)}
  .abt-why__grid{grid-template-columns:1fr}
  .abt-facts{grid-template-columns:1fr}
  .abt-idx{font-size:clamp(4.5rem,16vw,7rem)}
}
@media (max-width:560px){
  .abt-cards{grid-template-columns:1fr}
  .abt-hero__portrait{width:min(84vw,330px)}
  .abt-hero__badge{left:-4px;bottom:16px;padding:8px 14px}
  .abt-plist li{padding:20px 14px 20px 64px}
  .abt-plist li::before{left:14px;font-size:1.4rem}
  .abt-facts>div{grid-template-columns:1fr;gap:4px}
  .abt-company__cta{flex-direction:column;align-items:flex-start}
  .abt-chapters__cta{display:none}
}
/* ---------- motion safety ---------- */
@media (prefers-reduced-motion:reduce){
  .abt-hero__bg,.abt-blob--gold,.abt-blob--purple,.abt-hero__portrait,
  .abt-hero__ring::after,.abt-phase.is-live::before{animation:none}
  .abt-night .reveal{opacity:1;transform:none;transition:none}
  .abt-road::before{transform:scaleY(1);transition:none}
  .abt-quote__rule{width:min(340px,60%);transition:none}
  .abt-card,.abt-btn-glass,.abt-chapters__cta{transition:none}
}