/* ==========================================================================
   Trip Nepal - We Plan It Better
   About Us page stylesheet   (loads after css/style.css)
   ========================================================================== */

/* helper : blocks that only exist in the mobile layout */
.only-mob{display:none}

/* ==========================================================================
   PAGE HERO  /  ABOUT BANNER
   ========================================================================== */
.page-hero{
  position:relative;
  overflow:hidden;
  min-height:440px;
  padding:52px 0 96px;
  background:linear-gradient(180deg,#bcdcf4 0%,#dff0fb 60%,#f4fafd 100%);
}
.ph-bg{position:absolute;inset:0;z-index:1}
.ph-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 34%}
.ph-bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.05) 32%,rgba(255,255,255,0) 62%);
}

.ph-stupa{position:absolute;right:-3%;top:0;bottom:0;width:52%;z-index:2;pointer-events:none}
.ph-stupa img{
  width:100%;height:100%;object-fit:cover;object-position:50% 52%;
  -webkit-mask-image:linear-gradient(96deg,transparent 0%,rgba(0,0,0,.12) 17%,rgba(0,0,0,.55) 34%,#000 52%);
  mask-image:linear-gradient(96deg,transparent 0%,rgba(0,0,0,.12) 17%,rgba(0,0,0,.55) 34%,#000 52%);
}

/* drifting clouds */
.ph-clouds{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.ph-clouds img{position:absolute;will-change:transform}
.ph-clouds .c1{top:6%;left:-8%;width:280px;opacity:.8}
.ph-clouds .c2{top:26%;left:34%;width:190px;opacity:.5}
.ph-clouds .c3{top:4%;right:13%;width:250px;opacity:.45}
.ph-clouds .c4{top:52%;left:-4%;width:210px;opacity:.35}

/* prayer flag garlands (built by js/about.js, base styles in style.css) */
.ph-flag-1{top:96px;right:-8%;width:72%;height:290px;opacity:.95}
.ph-flag-2{top:190px;right:22%;width:48%;height:240px;opacity:.8}

/* readability veil over the left half */
.ph-veil{
  position:absolute;inset:0;z-index:6;pointer-events:none;
  background:linear-gradient(97deg,
    rgba(255,255,255,.99) 0%,
    rgba(255,255,255,.96) 21%,
    rgba(255,255,255,.86) 32%,
    rgba(255,255,255,.52) 41%,
    rgba(255,255,255,.14) 51%,
    rgba(255,255,255,0) 63%);
}

.ph-inner{position:relative;z-index:8}
.ph-copy{max-width:600px}

.ph-crumb{display:none;align-items:center;gap:9px;font-size:12.5px;font-weight:500;margin-bottom:12px}
.ph-crumb a{color:#fff;transition:color .25s ease}
.ph-crumb a:hover{color:#ffd3d5}
.ph-crumb i{font-size:9px;opacity:.75;color:#fff}
.ph-crumb span{color:#fff;font-weight:600}

.ph-title{
  font-family:var(--ff-display);
  font-size:80px;font-weight:700;line-height:.94;letter-spacing:1px;
  text-transform:uppercase;color:var(--navy);
}
.ph-sub{
  font-family:var(--ff-display);
  font-size:32px;font-weight:600;line-height:1.18;letter-spacing:.6px;
  text-transform:uppercase;color:var(--navy);margin-top:10px;
}
.ph-sub .hl{display:block;color:var(--red)}
.page-hero .hero-divider{margin:16px 0 20px}
.ph-text{font-size:14.5px;line-height:1.8;color:#3d4e60;max-width:470px}

/* torn snow edge */
.ph-snow{position:absolute;left:0;right:0;bottom:-1px;z-index:7;line-height:0;pointer-events:none}
.ph-snow svg{width:100%;height:96px;display:block}

/* ==========================================================================
   SHARED SECTION HEADINGS  (about page style : eyebrow + navy title)
   ========================================================================== */
.sec{position:relative;padding:52px 0}
.sec-soft{background:var(--bg-soft)}
.sec-head{text-align:center;margin-bottom:32px;position:relative;z-index:2}
.sec-eyebrow{
  display:block;font-size:12.5px;font-weight:600;letter-spacing:1.8px;
  text-transform:uppercase;color:var(--red);margin-bottom:5px;
}
.sec-title{font-size:27px;font-weight:700;color:var(--navy);line-height:1.32}
.title-deco.left{justify-content:flex-start}

/* ==========================================================================
   WHO WE ARE
   ========================================================================== */
.about-intro{position:relative;overflow:hidden;padding:54px 0 46px}
.ai-art{position:absolute;right:0;top:22%;width:300px;opacity:.4;pointer-events:none;z-index:1}

.ai-grid{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1fr 1.3fr;gap:54px;align-items:center;
}

.ai-media{position:relative;padding:0 0 30px 0}
.ai-photo{
  position:relative;height:340px;border-radius:14px;overflow:hidden;
  box-shadow:var(--shadow-lg);
}
.ai-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.3,1)}
.ai-photo::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(13,44,84,0) 45%,rgba(13,44,84,.42) 100%);
  opacity:.7;transition:opacity .5s ease;
}
.ai-photo:hover img{transform:scale(1.09)}
.ai-photo:hover::after{opacity:1}

.ai-play{
  display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.92);
  align-items:center;justify-content:center;color:var(--navy);font-size:17px;z-index:3;
  box-shadow:0 8px 22px rgba(13,44,84,.28);
}
.ai-play::before{
  content:"";position:absolute;inset:-8px;border-radius:50%;
  border:2px solid rgba(255,255,255,.55);animation:aiPulse 2.4s ease-out infinite;
}
@keyframes aiPulse{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.25);opacity:0}}

.ai-badge{
  position:absolute;left:-28px;bottom:0;z-index:4;
  display:flex;align-items:center;gap:14px;
  background:var(--navy);color:#fff;border-radius:10px;padding:15px 26px 15px 20px;
  box-shadow:0 16px 34px rgba(13,44,84,.32);
  transition:transform .4s ease,box-shadow .4s ease;
}
.ai-badge:hover{transform:translateY(-4px);box-shadow:0 22px 42px rgba(13,44,84,.38)}
.ai-badge i{font-size:26px;color:#bcd8f5;flex-shrink:0}
.ai-badge-txt{display:block}
.ai-badge b{display:block;font-size:16px;font-weight:600;color:#fff;line-height:1.3}
.ai-badge-txt span{display:block;font-size:12.5px;color:rgba(255,255,255,.76);line-height:1.4}

.ai-copy .sec-eyebrow{margin-bottom:3px}
.ai-copy h2{font-size:27px;font-weight:700;color:var(--navy);line-height:1.34}
.ai-copy .title-deco{margin:10px 0 18px}
.ai-copy p{font-size:13.5px;line-height:1.95;color:var(--text);margin-bottom:14px}

.ai-points{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;margin-top:20px}
.ai-points li{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:600;color:var(--navy)}
.ai-points li i{color:var(--red);font-size:16px;flex-shrink:0;transition:transform .3s ease}
.ai-points li span{transition:transform .3s ease}
.ai-points li:hover i{transform:scale(1.16)}
.ai-points li:hover span{transform:translateX(4px)}

/* ==========================================================================
   WHY CHOOSE US
   ========================================================================== */
.why-choose{padding:44px 0 50px}
.wc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.wc-card{
  position:relative;overflow:hidden;isolation:isolate;
  background:#fff;border:1px solid #eef3f8;border-radius:12px;
  padding:26px 15px 24px;text-align:center;
  box-shadow:var(--shadow-sm);
  transition:transform .45s cubic-bezier(.2,.7,.3,1),box-shadow .45s ease,border-color .45s ease;
}
/* gradient wash that reveals on hover */
.wc-card::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(232,241,250,.55) 0%,rgba(255,255,255,0) 62%);
  opacity:0;transition:opacity .45s ease;
}
/* red bar that draws across the top */
.wc-card::after{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--red);
  transform:scaleX(0);transform-origin:left;transition:transform .45s ease;
}
.wc-card:hover{transform:translateY(-9px);box-shadow:var(--shadow-lg);border-color:#dbe7f4}
.wc-card:hover::before{opacity:1}
.wc-card:hover::after{transform:scaleX(1)}

.wc-ic{
  font-size:30px;line-height:1;margin-bottom:13px;display:block;
  transition:transform .5s cubic-bezier(.2,.7,.3,1);
}
.wc-card:hover .wc-ic{transform:translateY(-6px) scale(1.12)}
.ic-red{color:var(--red)}
.ic-blue{color:var(--blue)}
.ic-green{color:var(--green)}
.ic-orange{color:var(--orange)}
.ic-purple{color:var(--purple)}
.ic-teal{color:#149ba8}

.wc-card h3{font-size:13.5px;font-weight:600;color:var(--navy);margin-bottom:8px;line-height:1.35}
.wc-card p{font-size:11.5px;line-height:1.7;color:var(--muted)}

/* ==========================================================================
   STATS BAND
   ========================================================================== */
.about-stats{margin-top:0;padding:26px 0}
.about-stats .stat+.stat::before{
  content:"";position:absolute;left:-6px;top:12%;bottom:12%;width:1px;
  background:rgba(255,255,255,.18);
}
.about-stats .stat b{font-size:31px}
.stats-head{margin-bottom:24px}

/* ==========================================================================
   OUR TEAM
   ========================================================================== */
.team{position:relative;overflow:hidden;padding:48px 0 56px}
.team-art{position:absolute;inset:0;opacity:.4;pointer-events:none;z-index:1}
.team-art svg{position:absolute;bottom:0;width:100%;height:230px}
.team .container{position:relative;z-index:2}

.team-slider{position:relative;padding:4px 4px 6px}
.team-slider .swiper{overflow:hidden;padding:14px 0 20px;margin:-14px 0 -16px}
@supports (overflow-clip-margin:44px){
  .team-slider .swiper{overflow:clip;overflow-clip-margin:40px;padding:0;margin:0}
}

/* ==========================================================================
   LEADERSHIP FEATURE CARD
   The founder/director gets a wide profile with real contact details rather
   than the same small tile as everyone else.
   ========================================================================== */
.lead-profile{
  display:grid;grid-template-columns:1fr;gap:0;
  background:#fff;border:1px solid #eef3f8;border-radius:16px;overflow:hidden;
  box-shadow:var(--shadow);
  margin-bottom:34px;
}
.lp-portrait{
  position:relative;min-height:200px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#16407a 0%,#0d2c54 55%,#0a2244 100%);
  overflow:hidden;
}
/* faint contour lines so the panel is not a flat block of navy */
.lp-portrait::before{
  content:"";position:absolute;inset:-20%;
  background:
    repeating-linear-gradient(58deg,rgba(255,255,255,.05) 0 1px,transparent 1px 26px),
    repeating-linear-gradient(-58deg,rgba(255,255,255,.04) 0 1px,transparent 1px 34px);
}
.lp-initials{
  position:relative;z-index:1;
  font-family:var(--ff-display);font-size:74px;font-weight:700;
  color:#fff;letter-spacing:3px;line-height:1;
}
.lp-badge{
  position:absolute;left:16px;top:16px;z-index:2;
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 12px;border-radius:20px;
  background:var(--red);color:#fff;
  font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  box-shadow:0 8px 18px rgba(225,31,38,.34);
}
.lp-badge i{font-size:11px}

.lp-body{padding:24px 22px 26px}
.lp-eyebrow{
  display:inline-block;margin-bottom:7px;
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--red);
}
.lp-body h3{font-family:var(--ff-display);font-size:26px;color:var(--navy);line-height:1.2;margin-bottom:10px}
.lp-note{font-size:13.5px;line-height:1.8;color:var(--muted);margin-bottom:18px;max-width:62ch}

.lp-facts{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px}
.lp-facts li{display:flex;align-items:flex-start;gap:11px}
.lp-facts > li > i{
  flex:0 0 auto;width:32px;height:32px;border-radius:9px;
  background:var(--bg-soft);color:var(--blue);font-size:12px;
  display:flex;align-items:center;justify-content:center;
}
.lp-facts span{display:flex;flex-direction:column;gap:1px;min-width:0}
.lp-facts em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.lp-facts b{font-size:13px;font-weight:600;color:var(--navy);word-break:break-word}
.lp-facts b a{color:inherit}
.lp-facts b a:hover{color:var(--red)}

.lp-actions{display:flex;flex-wrap:wrap;gap:10px}
.lp-actions .btn{padding:11px 20px;font-size:13px}

@media (min-width:760px){
  .lead-profile{grid-template-columns:270px 1fr}
  .lp-portrait{min-height:100%}
  .lp-body{padding:28px 30px 30px}
  .lp-facts{grid-template-columns:1fr 1fr;gap:14px 22px}
}

/* --------------------------------------------------------------------------
   SMALL TEAM ROW
   Fewer than five people fit on one line, so they are laid out as a centred
   row. A Swiper here produced a half-cut card and arrows that did nothing.
   -------------------------------------------------------------------------- */
.team-row{position:relative}
.team-row-inner{
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:16px;
}
.team-row .team-cell{
  flex:1 1 200px;
  max-width:250px;min-width:190px;
}

.team-card{
  position:relative;display:block;background:#fff;
  border:1px solid #eef3f8;border-radius:12px;overflow:hidden;
  box-shadow:var(--shadow-sm);
  transition:transform .45s cubic-bezier(.2,.7,.3,1),box-shadow .45s ease;
}
.team-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}

.tc-media{position:relative;height:196px;overflow:hidden}

/* The office team have no photographs on file, so the card shows their
   initials on the brand gradient instead of a stock face. */
.tc-initials{
  position:absolute;inset:0;z-index:1;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(150deg,#123a70 0%,#0d2c54 55%,#0a2244 100%);
  color:#fff;font-family:var(--ff-display);font-size:52px;font-weight:700;
  letter-spacing:2px;line-height:1;
  transition:transform 1s cubic-bezier(.2,.7,.3,1);
}
.team-card:hover .tc-initials{transform:scale(1.06)}
.tc-media img{
  width:100%;height:100%;object-fit:cover;
  transition:transform 1s cubic-bezier(.2,.7,.3,1);
}
.team-card:hover .tc-media img{transform:scale(1.13)}
/* gradient overlay reveal */
.tc-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(13,44,84,0) 32%,rgba(13,44,84,.30) 62%,rgba(10,34,68,.88) 100%);
  opacity:.35;transition:opacity .45s ease;
}
.team-card:hover .tc-media::after{opacity:1}

/* floating icon badge */
.tc-float{
  position:absolute;top:12px;right:12px;z-index:3;
  width:36px;height:36px;border-radius:50%;
  background:var(--red);color:#fff;font-size:14px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 18px rgba(225,31,38,.34);
  opacity:0;transform:translateY(-12px) scale(.6);
  transition:opacity .4s ease,transform .45s cubic-bezier(.2,.7,.3,1);
}
.team-card:hover .tc-float{opacity:1;transform:none;animation:tcFloat 2.6s ease-in-out .45s infinite}
@keyframes tcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* social row that slides up from the photo */
.tc-social{
  position:absolute;left:0;right:0;bottom:12px;z-index:3;
  display:flex;justify-content:center;gap:8px;
  opacity:0;transform:translateY(16px);
  transition:opacity .4s ease,transform .45s cubic-bezier(.2,.7,.3,1);
}
.team-card:hover .tc-social{opacity:1;transform:none}
.tc-social span{
  width:31px;height:31px;border-radius:50%;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;
  transition:background .28s ease,transform .28s ease;
}
.tc-social span:hover{background:var(--red);border-color:var(--red);transform:translateY(-3px)}

.tc-body{
  position:relative;padding:13px 14px 15px;text-align:center;
  transition:background .45s ease;
}
.tc-body h3{
  font-size:14px;font-weight:600;color:var(--navy);line-height:1.35;
  transition:transform .4s cubic-bezier(.2,.7,.3,1),color .3s ease;
}
.tc-body p{font-size:11.5px;color:var(--muted);line-height:1.5;transition:transform .45s cubic-bezier(.2,.7,.3,1)}
.tc-office{
  display:inline-flex;align-items:center;gap:5px;margin-top:5px;
  font-size:10.5px;font-weight:600;color:var(--blue);
}
.tc-office i{font-size:9px}
.team-card:hover .tc-body h3{transform:translateY(-3px);color:var(--red)}
.team-card:hover .tc-body p{transform:translateY(-2px)}

.tc-arrow{
  position:absolute;right:12px;bottom:14px;
  color:var(--red);font-size:11px;
  opacity:0;transform:translateX(-8px);
  transition:opacity .35s ease,transform .4s ease;
}
.team-card:hover .tc-arrow{opacity:1;transform:translateX(0)}

.team-more{text-align:center;margin-top:22px}
.team-more .btn{padding:12px 24px;font-size:13px}

/* ==========================================================================
   MISSION  /  VISION
   ========================================================================== */
.mv{padding:8px 0 52px}
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mv-card{
  display:flex;align-items:center;gap:20px;
  background:#fff;border:1px solid #eef3f8;border-radius:12px;
  padding:24px 26px;box-shadow:var(--shadow-sm);
  transition:transform .45s cubic-bezier(.2,.7,.3,1),box-shadow .45s ease;
}
.mv-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg)}
.mv-ic{
  width:64px;height:64px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:25px;
  transition:transform .5s cubic-bezier(.2,.7,.3,1);
}
.mv-card:hover .mv-ic{transform:translateY(-4px) scale(1.06)}
.mv-ic.navy{background:var(--navy);box-shadow:0 10px 24px rgba(13,44,84,.28)}
.mv-ic.red{background:var(--red);box-shadow:0 10px 24px rgba(225,31,38,.28)}
.mv-card p{font-size:13.5px;line-height:1.85;color:var(--text)}

/* ==========================================================================
   TRAVELERS LOVE US
   ========================================================================== */
.about-testi{position:relative;overflow:hidden;background:var(--bg-soft);padding:46px 0 52px}
.at-art{position:absolute;left:0;right:0;bottom:0;opacity:.4;pointer-events:none;line-height:0}
.at-art svg{width:100%;height:170px;display:block}
.about-testi .container{position:relative;z-index:2}
.at-card{
  max-width:720px;margin:0 auto;background:#fff;border-radius:14px;
  padding:26px 34px 22px;box-shadow:var(--shadow);text-align:center;
}
.aboutTestiSwiper{overflow:hidden;width:100%;min-width:0}
.at-card .quote-mark{text-align:left;font-size:34px;margin-bottom:4px}
.at-card .testi-text{font-size:13.5px;line-height:1.9}
.at-card .testi-stars{justify-content:center;font-size:15px;gap:4px;margin-bottom:10px}
.at-dots{display:flex;justify-content:center;gap:7px;margin-top:18px}
.at-dots .swiper-pagination-bullet{
  width:7px;height:7px;border-radius:50%;background:#c6d3e0;opacity:1;
  margin:0!important;transition:.3s ease;
}
.at-dots .swiper-pagination-bullet-active{background:var(--red);width:20px;border-radius:4px}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:1280px){
  .ph-title{font-size:66px}
  .ph-sub{font-size:28px}
  .ai-art{width:270px}
}

@media (max-width:1100px){
  .page-hero{padding:44px 0 86px;min-height:0}
  .ph-title{font-size:56px}
  .ph-sub{font-size:25px}
  .ai-grid{grid-template-columns:1fr;gap:44px}
  .ai-photo{height:320px}
  .ai-badge{left:14px}
  .ai-art{opacity:.35;top:auto;bottom:6%}
  .wc-grid{grid-template-columns:repeat(3,1fr)}
  .about-stats .stat b{font-size:26px}
}

/* ==========================================================================
   MOBILE LAYOUT  (<= 992px)  - follows the mobile design
   ========================================================================== */
@media (max-width:992px){

  .only-mob{display:block}

  /* ---------- banner : photo band on top, copy on white ---------- */
  .page-hero{padding:0;min-height:0;background:#fff}
  .ph-bg{top:0;left:0;right:0;bottom:auto;height:214px}
  .ph-bg img{object-position:50% 42%}
  .ph-bg::after{display:none}
  .ph-stupa{top:0;bottom:auto;height:214px;right:-8%;width:70%}
  .ph-stupa img{
    -webkit-mask-image:linear-gradient(100deg,transparent 0%,rgba(0,0,0,.35) 22%,#000 48%);
    mask-image:linear-gradient(100deg,transparent 0%,rgba(0,0,0,.35) 22%,#000 48%);
  }
  .ph-clouds{top:0;bottom:auto;height:214px;opacity:.5}
  .ph-flag-1{top:6px;right:-10%;width:104%;height:200px;opacity:.92}
  .ph-flag-2{display:none}

  .ph-veil{
    top:0;bottom:auto;height:214px;
    background:linear-gradient(180deg,rgba(6,20,40,0) 42%,rgba(6,20,40,.30) 78%,rgba(6,20,40,.42) 100%);
  }

  .ph-crumb{position:absolute;top:146px;left:24px;z-index:9;display:flex;margin:0;text-shadow:0 1px 6px rgba(6,20,40,.5)}
  .ph-snow{bottom:auto;top:168px}
  .ph-snow svg{height:48px}

  .ph-inner{padding-top:232px}
  .ph-copy{max-width:none}
  .ph-title{font-size:42px;letter-spacing:.6px}
  .ph-sub{font-size:21px;margin-top:6px}
  .page-hero .hero-divider{max-width:180px;margin:12px 0 14px}
  .ph-text{font-size:13.5px;max-width:none}

  /* ---------- shared heads ---------- */
  .sec{padding:34px 0}
  .sec-head{margin-bottom:22px}
  .sec-eyebrow{font-size:11.5px;letter-spacing:1.4px}
  .sec-title{font-size:20px}
  /* the home layout pins .title-deco under a left aligned section head -
     the about page keeps every deco in flow */
  .sec-head .title-deco{position:static;justify-content:center;margin-top:6px}
  .ai-copy .title-deco{position:static;justify-content:flex-start;margin:8px 0 14px}

  /* ---------- who we are ---------- */
  .about-intro{padding:30px 0 34px}
  .ai-grid{gap:26px}
  .ai-media{padding-bottom:0}
  .ai-photo{height:238px;border-radius:12px}
  .ai-play{display:flex}
  .ai-badge{
    left:12px;right:12px;bottom:12px;
    background:#fff;color:var(--navy);padding:12px 16px;border-radius:10px;
    box-shadow:0 10px 26px rgba(13,44,84,.22);
  }
  .ai-badge i{font-size:22px;color:var(--navy)}
  .ai-badge b{font-size:14.5px;color:var(--navy)}
  .ai-badge-txt span{font-size:11.5px;color:var(--muted)}
  .ai-copy h2{font-size:20px}
  .ai-copy p{font-size:13px;line-height:1.85}
  .ai-points{grid-template-columns:1fr;gap:10px;margin-top:16px}
  .ai-points li{font-size:12.5px}
  .ai-art{width:210px;opacity:.3;right:-4%}

  /* ---------- why choose us ---------- */
  .why-choose{padding:24px 0 32px}
  .wc-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .wc-card{padding:22px 14px 20px;border-radius:11px}
  .wc-ic{font-size:27px;margin-bottom:11px}
  .wc-card h3{font-size:12.5px}
  .wc-card p{font-size:11px}

  /* ---------- achievements : white tiles ---------- */
  .about-stats{background:#fff;padding:8px 0 26px}
  .about-stats .stats-mountains{display:none}
  .about-stats .stats-grid{grid-template-columns:repeat(2,1fr);gap:0}
  .about-stats .stat{
    flex-direction:column;gap:8px;text-align:center;padding:20px 8px;
  }
  .about-stats .stat+.stat::before{
    left:0;top:14%;bottom:14%;background:var(--line);display:block;
  }
  .about-stats .stats-grid>.stat:nth-child(2n+1)::before{display:none}
  .about-stats .stats-grid>.stat:nth-child(n+3){border-top:1px solid var(--line)}
  .about-stats .stat:last-child{grid-column:1 / -1;border-top:1px solid var(--line)}
  .about-stats .stat:last-child::before{display:none}
  .about-stats .stat>i{font-size:26px;color:var(--navy)}
  .about-stats .stat:hover>i{color:var(--red)}
  .about-stats .stat b{font-size:23px;color:var(--navy)}
  .about-stats .stat>div>span{font-size:11.5px;color:var(--muted)}

  /* ---------- team ---------- */
  .team{padding:26px 0 34px}
  .team-art svg{height:180px}
  .tc-media{height:132px}
  .tc-body{padding:11px 10px 13px}
  .tc-body h3{font-size:12.5px}
  .tc-body p{font-size:10.5px}
  .tc-float{width:30px;height:30px;font-size:12px;top:9px;right:9px}
  .tc-arrow{display:none}
  .team-slider .nav-arrow.prev{left:-6px}
  .team-slider .nav-arrow.next{right:-6px}
  .team-more{margin-top:18px}

  /* ---------- mission / vision ---------- */
  .mv{padding:6px 0 30px}
  .mv-grid{grid-template-columns:1fr;gap:14px}
  .mv-card{gap:16px;padding:18px 18px;border-radius:11px}
  .mv-ic{width:54px;height:54px;font-size:21px}
  .mv-card p{font-size:12.5px;line-height:1.8}

  /* ---------- testimonials ---------- */
  .about-testi{padding:26px 0 34px}
  .at-card{padding:20px 18px 16px;border-radius:12px}
  .at-card .quote-mark{font-size:30px}
  .at-card .testi-text{font-size:13px}
  .at-art svg{height:120px}
}

@media (max-width:768px){
  .ph-title{font-size:38px}
  .ph-sub{font-size:19px}
  .sec-title{font-size:18.5px}
  .ai-copy h2{font-size:18.5px}
  .ai-photo{height:214px}
}

@media (max-width:560px){
  .ph-bg,.ph-stupa,.ph-clouds,.ph-veil{top:0;height:196px}
  .ph-flag-1{top:4px;height:184px}
  .ph-crumb{top:128px;left:20px}
  .ph-snow{top:154px}
  .ph-snow svg{height:42px}
  .ph-inner{padding-top:214px}
  .ph-title{font-size:34px}
  .ph-sub{font-size:17px}
  .ai-photo{height:196px}
  .wc-card{padding:20px 11px 18px}
  .wc-card h3{font-size:12px}
}

@media (max-width:340px){
  .wc-grid{grid-template-columns:1fr}
  .about-stats .stats-grid{grid-template-columns:1fr}
  .about-stats .stat+.stat::before{display:none}
  .about-stats .stats-grid>.stat:nth-child(n+2){border-top:1px solid var(--line)}
}