/* ===================================================================
   /portfolio/teen-patti-game-development — AISHTMLNEWDESIGN-489
   Visual direction: BLIND & SEEN
     Teen patti's own mechanic, made visual. Every section rule is
     two-state: one half solid (SEEN), one half stepped and faded (BLIND).
     Cards alternate a solid saffron rail and a stepped rose one, so the
     page reads as a table where some hands are open and some are not.
     Warm espresso base, saffron and deep rose on ivory — it shares no
     palette with the indigo, violet or near-black portfolio pages built
     alongside it. Every rule and every edge is a STATIC gradient; nothing
     moves unless the reader clicks, hovers or focuses (rule 26).

   EVERY selector below is scoped to #page-portfolio-teen-patti-game-development
   or a ptpg- prefixed class. This sheet never styles body, never styles a
   bare element, and never reaches into #ais-header / #ais-footer. The
   document reset (html,body{margin:0}) is owned by /assets/css/ais-layout.css
   — not restated and not re-scoped.
   Font is Inter; no body/UI text below 16px.
   =================================================================== */

#page-portfolio-teen-patti-game-development{
  --ptpg-ink:      #1d1410;
  --ptpg-ink-2:    #2c201a;
  --ptpg-ink-3:    #3f2d24;
  --ptpg-paper:    #ffffff;
  --ptpg-linen:    #f8f4ec;
  --ptpg-text:     #241a14;
  --ptpg-text-2:   #574538;
  --ptpg-rev:      #f9f3e9;
  --ptpg-rev-2:    #ccb6a0;
  --ptpg-saffron:  #f5a524;
  --ptpg-saffron-d:#8a5300;
  --ptpg-rose:     #b3234a;
  --ptpg-rose-l:   #e8527c;
  --ptpg-line:     #e8e0d2;
  --ptpg-line-rev: #4a372c;

  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ptpg-text);
  -webkit-font-smoothing:antialiased;
}

#page-portfolio-teen-patti-game-development *,
#page-portfolio-teen-patti-game-development *::before,
#page-portfolio-teen-patti-game-development *::after{box-sizing:border-box;}

/* ---- shared shells --------------------------------------------------- */
#page-portfolio-teen-patti-game-development .ptpg-wrap{
  width:100%;max-width:1200px;margin-inline:auto;padding-inline:24px;
}
#page-portfolio-teen-patti-game-development .ptpg-sec{padding:clamp(56px,6.4vw,104px) 0;}
#page-portfolio-teen-patti-game-development .ptpg-sec--paper{background:var(--ptpg-paper);}
#page-portfolio-teen-patti-game-development .ptpg-sec--linen{background:var(--ptpg-linen);}
#page-portfolio-teen-patti-game-development .ptpg-sec--ink{
  background:
    linear-gradient(106deg,rgba(245,165,36,.13) 0%,rgba(245,165,36,0) 46%),
    linear-gradient(188deg,var(--ptpg-ink-2) 0%,var(--ptpg-ink) 72%,#130c09 100%);
  color:var(--ptpg-rev);
}

/* the BLIND & SEEN rule: solid half, then a stepped half — the motif */
#page-portfolio-teen-patti-game-development .ptpg-eyebrow{
  position:relative;display:inline-block;
  margin:0 0 16px;padding-top:20px;
  font-size:16px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--ptpg-saffron-d);
}
#page-portfolio-teen-patti-game-development .ptpg-eyebrow::before{
  content:"";position:absolute;left:0;top:0;width:88px;height:6px;border-radius:3px;
  background:linear-gradient(90deg,
    var(--ptpg-saffron) 0 46%,
    var(--ptpg-rose) 46% 62%,
    rgba(179,35,74,.55) 62% 78%,
    rgba(179,35,74,.25) 78% 100%);
}
#page-portfolio-teen-patti-game-development .ptpg-eyebrow--rev{color:var(--ptpg-saffron);}
#page-portfolio-teen-patti-game-development .ptpg-eyebrow--rev::before{
  background:linear-gradient(90deg,
    var(--ptpg-saffron) 0 46%,
    var(--ptpg-rose-l) 46% 62%,
    rgba(232,82,124,.55) 62% 78%,
    rgba(232,82,124,.25) 78% 100%);
}
#page-portfolio-teen-patti-game-development .ptpg-eyebrow__dot{
  width:22px;height:22px;vertical-align:-5px;margin-right:9px;
}

#page-portfolio-teen-patti-game-development .ptpg-h2{
  margin:0 0 18px;
  font-size:clamp(28px,3.3vw,42px);line-height:1.16;
  font-weight:800;letter-spacing:-.02em;color:var(--ptpg-text);
}
#page-portfolio-teen-patti-game-development .ptpg-h2--rev{color:#ffffff;}
#page-portfolio-teen-patti-game-development .ptpg-body{
  margin:0 0 18px;font-size:17px;line-height:1.74;color:var(--ptpg-text-2);
}
#page-portfolio-teen-patti-game-development .ptpg-lead{
  margin:0;font-size:clamp(19px,1.7vw,23px);line-height:1.45;
  font-weight:700;color:var(--ptpg-rose);
}
#page-portfolio-teen-patti-game-development .ptpg-head{margin-bottom:clamp(30px,3.2vw,46px);}
#page-portfolio-teen-patti-game-development .ptpg-head--centre{text-align:center;}
#page-portfolio-teen-patti-game-development .ptpg-head--centre .ptpg-eyebrow::before{
  left:50%;transform:translateX(-50%);
}
#page-portfolio-teen-patti-game-development .ptpg-head--centre .ptpg-h2{
  max-width:20ch;margin-inline:auto;
}
#page-portfolio-teen-patti-game-development .ptpg-inline{
  color:var(--ptpg-rose);font-weight:700;
  border-bottom:2px solid rgba(179,35,74,.35);
}
#page-portfolio-teen-patti-game-development .ptpg-inline:hover{border-bottom-color:var(--ptpg-rose);}
#page-portfolio-teen-patti-game-development .ptpg-inline--rev{
  color:var(--ptpg-saffron);border-bottom-color:rgba(245,165,36,.4);
}
#page-portfolio-teen-patti-game-development .ptpg-inline--rev:hover{border-bottom-color:var(--ptpg-saffron);}

/* ---- two-column prose ------------------------------------------------ */
#page-portfolio-teen-patti-game-development .ptpg-prod__copy,
#page-portfolio-teen-patti-game-development .ptpg-why__copy{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(22px,2.6vw,40px);
}
#page-portfolio-teen-patti-game-development .ptpg-why__copy{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
#page-portfolio-teen-patti-game-development .ptpg-prod__copy .ptpg-body,
#page-portfolio-teen-patti-game-development .ptpg-why__copy .ptpg-body{margin-bottom:0;}

/* ---- buttons --------------------------------------------------------- */
#page-portfolio-teen-patti-game-development .ptpg-btn{
  display:inline-block;border:0;cursor:pointer;text-align:center;
  padding:16px 32px;border-radius:6px;
  font-family:inherit;font-size:17px;font-weight:700;letter-spacing:.01em;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;
}
#page-portfolio-teen-patti-game-development .ptpg-btn--saffron{
  background:var(--ptpg-saffron);color:#2b1900;
  box-shadow:0 8px 22px rgba(245,165,36,.3);
}
#page-portfolio-teen-patti-game-development .ptpg-btn--saffron:hover{
  background:#ffb944;transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(245,165,36,.4);
}
#page-portfolio-teen-patti-game-development .ptpg-btn--ink{
  background:var(--ptpg-ink);color:#ffffff;
  box-shadow:0 8px 20px rgba(29,20,16,.26);
}
#page-portfolio-teen-patti-game-development .ptpg-btn--ink:hover{
  background:var(--ptpg-ink-3);transform:translateY(-2px);
}
#page-portfolio-teen-patti-game-development .ptpg-btn:focus-visible{
  outline:3px solid var(--ptpg-rose);outline-offset:3px;
}
#page-portfolio-teen-patti-game-development .ptpg-sec--ink .ptpg-btn:focus-visible{
  outline-color:var(--ptpg-saffron);
}
#page-portfolio-teen-patti-game-development .ptpg-cta-row{margin-top:clamp(26px,3vw,40px);}
#page-portfolio-teen-patti-game-development .ptpg-stack .ptpg-cta-row{text-align:center;}

/* ---- hero — rule 24: full-bleed, STATIC gradient, no image, one CTA --- */
#page-portfolio-teen-patti-game-development .ptpg-hero{
  width:100%;
  padding:clamp(72px,9vw,132px) 24px clamp(64px,7vw,104px);
  color:var(--ptpg-rev);
  background:
    linear-gradient(106deg,rgba(245,165,36,.22) 0%,rgba(245,165,36,0) 44%),
    linear-gradient(254deg,rgba(179,35,74,.22) 0%,rgba(179,35,74,0) 48%),
    linear-gradient(190deg,var(--ptpg-ink-2) 0%,var(--ptpg-ink) 66%,#120b08 100%);
  border-bottom:6px solid transparent;
  border-image:linear-gradient(90deg,
    var(--ptpg-saffron) 0 46%,
    var(--ptpg-rose-l) 46% 62%,
    rgba(232,82,124,.55) 62% 78%,
    rgba(232,82,124,.25) 78% 100%) 1;
}
#page-portfolio-teen-patti-game-development .ptpg-hero__inner{
  max-width:900px;margin-inline:auto;text-align:center;
}
#page-portfolio-teen-patti-game-development .ptpg-hero .ptpg-eyebrow{padding-left:0;}
#page-portfolio-teen-patti-game-development .ptpg-hero .ptpg-eyebrow::before{
  left:50%;transform:translateX(-50%);
}
#page-portfolio-teen-patti-game-development .ptpg-hero__h1{
  margin:0 0 22px;
  font-size:clamp(40px,5.8vw,68px);
  line-height:1.06;font-weight:900;letter-spacing:-.035em;color:#ffffff;
}
#page-portfolio-teen-patti-game-development .ptpg-hero__lede{
  margin:0 auto;max-width:70ch;
  font-size:clamp(17px,1.35vw,20px);line-height:1.68;color:var(--ptpg-rev);
}
#page-portfolio-teen-patti-game-development .ptpg-hero__act{margin-top:clamp(28px,3.2vw,42px);}

/* ---- breadcrumb ------------------------------------------------------ */
#page-portfolio-teen-patti-game-development .ptpg-crumb{
  width:100%;background:var(--ptpg-linen);
  border-bottom:1px solid var(--ptpg-line);
}
#page-portfolio-teen-patti-game-development .ptpg-crumb ol{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:0;padding:15px 0;list-style:none;
  font-size:16px;color:var(--ptpg-text-2);
}
#page-portfolio-teen-patti-game-development .ptpg-crumb li{display:flex;align-items:center;gap:8px;}
#page-portfolio-teen-patti-game-development .ptpg-crumb img{width:16px;height:16px;opacity:.5;}
#page-portfolio-teen-patti-game-development .ptpg-crumb a{color:var(--ptpg-text-2);}
#page-portfolio-teen-patti-game-development .ptpg-crumb a:hover{color:var(--ptpg-rose);}
#page-portfolio-teen-patti-game-development .ptpg-crumb span{font-weight:700;color:var(--ptpg-text);}

/* ---- banner + split figures ----------------------------------------- */
#page-portfolio-teen-patti-game-development .ptpg-banner{
  margin:clamp(32px,3.6vw,52px) 0 0;
}
#page-portfolio-teen-patti-game-development .ptpg-banner img{
  display:block;width:100%;height:auto;border-radius:10px;
  border-bottom:6px solid transparent;
  border-image:linear-gradient(90deg,
    var(--ptpg-saffron) 0 46%,
    var(--ptpg-rose) 46% 62%,
    rgba(179,35,74,.55) 62% 78%,
    rgba(179,35,74,.25) 78% 100%) 1;
}
#page-portfolio-teen-patti-game-development .ptpg-split{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(30px,4.2vw,68px);align-items:center;
}
#page-portfolio-teen-patti-game-development .ptpg-split__fig{margin:0;}
#page-portfolio-teen-patti-game-development .ptpg-split__fig img{
  display:block;width:100%;height:auto;border-radius:10px;
  border-bottom:6px solid transparent;
  border-image:linear-gradient(90deg,
    var(--ptpg-saffron) 0 46%,
    var(--ptpg-rose) 46% 62%,
    rgba(179,35,74,.55) 62% 78%,
    rgba(179,35,74,.25) 78% 100%) 1;
}
#page-portfolio-teen-patti-game-development .ptpg-split__copy .ptpg-body{margin-bottom:0;}

/* ---- the stack — alternating seen / blind rails --------------------- */
#page-portfolio-teen-patti-game-development .ptpg-stacklist{
  margin:0;padding:0;list-style:none;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(18px,2.2vw,26px);
}
#page-portfolio-teen-patti-game-development .ptpg-stacklist li{
  padding:24px 28px;
  background:rgba(255,255,255,.05);
  border:1px solid var(--ptpg-line-rev);
  border-left:5px solid var(--ptpg-saffron);
  border-radius:10px;
  transition:background-color .16s ease;
}
#page-portfolio-teen-patti-game-development .ptpg-stacklist li:nth-child(even){
  border-left-color:var(--ptpg-rose-l);
}
#page-portfolio-teen-patti-game-development .ptpg-stacklist li:hover{background:rgba(255,255,255,.09);}
#page-portfolio-teen-patti-game-development .ptpg-stacklist p{
  margin:0;font-size:17px;line-height:1.68;color:var(--ptpg-rev);
}
#page-portfolio-teen-patti-game-development .ptpg-stacklist p strong.ptpg-stack__tag{
  display:block;margin-bottom:6px;
  font-size:19px;font-weight:800;letter-spacing:-.01em;
  color:var(--ptpg-saffron);
}
#page-portfolio-teen-patti-game-development .ptpg-stacklist li:nth-child(even) p strong.ptpg-stack__tag{
  color:var(--ptpg-rose-l);
}

/* ---- why us — screenshot strip -------------------------------------- */
#page-portfolio-teen-patti-game-development .ptpg-shots{
  margin:clamp(32px,3.6vw,50px) 0 0;padding:0;list-style:none;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(16px,1.8vw,22px);
}
#page-portfolio-teen-patti-game-development .ptpg-shots li{
  border:1px solid var(--ptpg-line);border-radius:10px;overflow:hidden;
  background:var(--ptpg-linen);
  box-shadow:0 10px 24px rgba(36,26,20,.07);
}
#page-portfolio-teen-patti-game-development .ptpg-shots img{
  display:block;width:100%;height:auto;
}

/* ---- selected work --------------------------------------------------- */
#page-portfolio-teen-patti-game-development .ptpg-worklist{
  margin:0;padding:0;list-style:none;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(20px,2.4vw,30px);
}
#page-portfolio-teen-patti-game-development .ptpg-card a{
  display:block;height:100%;
  background:var(--ptpg-paper);
  border:1px solid var(--ptpg-line);border-radius:10px;overflow:hidden;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
#page-portfolio-teen-patti-game-development .ptpg-card a:hover{
  transform:translateY(-4px);border-color:var(--ptpg-saffron);
  box-shadow:0 18px 34px rgba(36,26,20,.14);
}
#page-portfolio-teen-patti-game-development .ptpg-card a:focus-visible{
  outline:3px solid var(--ptpg-rose);outline-offset:3px;
}
#page-portfolio-teen-patti-game-development .ptpg-card img{
  display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;
  background:var(--ptpg-linen);
}
#page-portfolio-teen-patti-game-development .ptpg-card__t{
  margin:0;padding:20px 22px;font-size:19px;font-weight:700;color:var(--ptpg-text);
}

/* ---- customer success stories --------------------------------------- */
#page-portfolio-teen-patti-game-development .ptpg-storylist{
  margin:0;padding:0;list-style:none;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(22px,2.6vw,34px);
}
#page-portfolio-teen-patti-game-development .ptpg-storylist li{
  background:rgba(255,255,255,.05);
  border:1px solid var(--ptpg-line-rev);border-radius:10px;overflow:hidden;
  display:flex;flex-direction:column;
}
#page-portfolio-teen-patti-game-development .ptpg-vid{
  position:relative;display:block;width:100%;padding:0;border:0;cursor:pointer;
  background:var(--ptpg-ink);line-height:0;
}
#page-portfolio-teen-patti-game-development .ptpg-vid img{
  display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;
}
#page-portfolio-teen-patti-game-development .ptpg-vid__play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:62px;height:62px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--ptpg-saffron);color:#2b1900;
  box-shadow:0 8px 22px rgba(0,0,0,.42);
  transition:transform .16s ease,background-color .16s ease;
}
#page-portfolio-teen-patti-game-development .ptpg-vid:hover .ptpg-vid__play{
  transform:translate(-50%,-50%) scale(1.08);background:#ffb944;
}
#page-portfolio-teen-patti-game-development .ptpg-vid:focus-visible{
  outline:3px solid var(--ptpg-saffron);outline-offset:-3px;
}
#page-portfolio-teen-patti-game-development .ptpg-story__frame{
  display:block;width:100%;aspect-ratio:4/3;border:0;background:#000;
}
#page-portfolio-teen-patti-game-development .ptpg-storylist blockquote{margin:0;padding:22px 24px 26px;}
#page-portfolio-teen-patti-game-development .ptpg-storylist blockquote p{
  margin:0;font-size:17px;line-height:1.66;color:var(--ptpg-rev-2);
}
#page-portfolio-teen-patti-game-development .ptpg-more{margin:clamp(26px,3vw,38px) 0 0;text-align:center;}

/* ---- area we serve --------------------------------------------------- */
#page-portfolio-teen-patti-game-development .ptpg-servelist{
  margin:0;padding:0;list-style:none;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(20px,2.4vw,28px);
}
#page-portfolio-teen-patti-game-development .ptpg-servelist li{
  padding:clamp(24px,2.4vw,32px);
  background:var(--ptpg-paper);
  border:1px solid var(--ptpg-line);border-radius:10px;
  border-top:5px solid transparent;
  border-image:linear-gradient(90deg,
    var(--ptpg-saffron) 0 46%,
    var(--ptpg-rose) 46% 62%,
    rgba(179,35,74,.55) 62% 78%,
    rgba(179,35,74,.25) 78% 100%) 1;
}
#page-portfolio-teen-patti-game-development .ptpg-servelist h3{
  display:flex;align-items:center;gap:10px;
  margin:0 0 12px;font-size:17px;font-weight:800;letter-spacing:.07em;
  color:var(--ptpg-text);
}
#page-portfolio-teen-patti-game-development .ptpg-servelist h3 img{width:14px;height:20px;flex:none;}
#page-portfolio-teen-patti-game-development .ptpg-tel{
  display:inline-block;margin-bottom:10px;
  font-size:18px;font-weight:700;color:var(--ptpg-rose);
}
#page-portfolio-teen-patti-game-development .ptpg-tel:hover{color:var(--ptpg-ink);}
#page-portfolio-teen-patti-game-development .ptpg-servelist .ptpg-body{margin-bottom:0;font-size:16px;}

/* ---- CTA modal ------------------------------------------------------- */
#page-portfolio-teen-patti-game-development .ptpg-modal{
  display:none;position:fixed;inset:0;z-index:9999;
  background:rgba(18,11,8,.74);padding: 100px 24px 24px 24px;overflow-y:auto;
}
#page-portfolio-teen-patti-game-development .ptpg-modal.is-open{
  display:flex;align-items:flex-start;justify-content:center;
}
#page-portfolio-teen-patti-game-development .ptpg-modal__box{
  position:relative;width:100%;max-width:640px;margin:auto;
  background:var(--ptpg-paper);border-radius:12px;overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.45);
}
#page-portfolio-teen-patti-game-development .ptpg-modal__x{
  position:absolute;right:14px;top:14px;z-index:2;
  width:38px;height:38px;border:0;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  background:var(--ptpg-ink);color:#ffffff;
}
#page-portfolio-teen-patti-game-development .ptpg-modal__x:hover{background:var(--ptpg-ink-3);}
#page-portfolio-teen-patti-game-development .ptpg-modal__x:focus-visible{
  outline:3px solid var(--ptpg-saffron);outline-offset:2px;
}
#page-portfolio-teen-patti-game-development .ptpg-modal iframe{
  display:block;width:100%;min-height:640px;border:0;background:var(--ptpg-paper);
}

/* ---- responsive ------------------------------------------------------ */
@media (max-width:1024px){
  #page-portfolio-teen-patti-game-development .ptpg-servelist,
  #page-portfolio-teen-patti-game-development .ptpg-shots{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #page-portfolio-teen-patti-game-development .ptpg-why__copy{
    grid-template-columns:minmax(0,1fr);
  }
}
@media (max-width:900px){
  #page-portfolio-teen-patti-game-development .ptpg-split,
  #page-portfolio-teen-patti-game-development .ptpg-prod__copy,
  #page-portfolio-teen-patti-game-development .ptpg-stacklist,
  #page-portfolio-teen-patti-game-development .ptpg-worklist,
  #page-portfolio-teen-patti-game-development .ptpg-storylist{
    grid-template-columns:minmax(0,1fr);
  }
  #page-portfolio-teen-patti-game-development .ptpg-split__fig{order:-1;}
  #page-portfolio-teen-patti-game-development .ptpg-head--centre .ptpg-h2{max-width:none;}
}
@media (max-width:600px){
  #page-portfolio-teen-patti-game-development .ptpg-wrap{padding-inline:18px;}
  #page-portfolio-teen-patti-game-development .ptpg-hero{padding-inline:18px;}
  #page-portfolio-teen-patti-game-development .ptpg-servelist,
  #page-portfolio-teen-patti-game-development .ptpg-shots{
    grid-template-columns:minmax(0,1fr);
  }
  #page-portfolio-teen-patti-game-development .ptpg-btn{width:100%;padding-inline:18px;}
  #page-portfolio-teen-patti-game-development .ptpg-stacklist li{padding:20px 22px;}
  #page-portfolio-teen-patti-game-development .ptpg-modal{padding: 100px 12px 12px 12px;}
  #page-portfolio-teen-patti-game-development .ptpg-modal iframe{min-height:720px;}
}