/* ── HERO ── */
.about-hero{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 80px 100px;
  position: relative;
  overflow: hidden;
}

.hero-grid-lines{
  position:absolute;inset:0;
  background-image:
    linear-gradient(to right,rgba(201,168,76,.025) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(201,168,76,.025) 1px,transparent 1px);
  background-size:80px 80px;
  pointer-events:none;
}

.hero-number{
  position:absolute;
  right: 80px;
  top: 50%;
  transform: translateY(-50%);
  font-family:var(--font-display);
  font-size: clamp(180px, 22vw, 320px);
  font-weight:300;
  color: rgba(201,168,76,0.04);
  line-height:1;
  letter-spacing:-0.05em;
  pointer-events:none;
  user-select:none;
}

.hero-radial{position:absolute;bottom:-20%;left:-10%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(201,168,76,.05) 0%,transparent 65%);pointer-events:none;}

.hero-eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:28px;opacity:0;animation:fadeUp .8s ease .3s forwards;}
.eyebrow-line{width:48px;height:1px;background:linear-gradient(to right,var(--gold),transparent);}
.hero-eyebrow span{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;color:var(--gold);text-transform:uppercase;}

.hero-h1{
  font-family:var(--font-display);
  font-size: clamp(72px,9vw,148px);
  font-weight:300;
  line-height:.9;
  letter-spacing:-.02em;
  margin-bottom:40px;
  opacity:0;
  animation:fadeUp .9s ease .45s forwards;
}
.hero-h1 em{font-style:italic;color:var(--gold);}
.hero-h1 .indent{padding-left:100px;display:block;}

.hero-desc-row{
  display:flex;align-items:flex-end;justify-content:space-between;
  opacity:0;animation:fadeUp .8s ease .6s forwards;
}
.hero-desc{
  font-family:var(--font-display);font-size:18px;font-weight:300;
  line-height:1.7;color:var(--white-dim);font-style:italic;
  max-width:520px;letter-spacing:.02em;
}
.hero-scroll{
  display:flex;align-items:center;gap:10px;
  font-family:var(--font-mono);font-size:9px;letter-spacing:.25em;
  color:var(--white-faint);text-transform:uppercase;
}
.scroll-line{width:1px;height:32px;background:linear-gradient(to bottom,var(--gold),transparent);animation:sp 2s ease-in-out infinite;}
@keyframes sp{0%,100%{opacity:1;}50%{opacity:.3;}}

@keyframes fadeUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}

/* ── MANIFESTO ── */
.manifesto{
  padding: 160px 80px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:0;
  position:relative;
}
.manifesto::before{
  content:'';
  position:absolute;top:0;left:80px;right:80px;height:1px;
  background:linear-gradient(to right,transparent,var(--border-bright),transparent);
}
.manifesto-left{
  padding-right:80px;
  border-right:1px solid var(--border);
}
.manifesto-right{
  padding-left:80px;
}
.section-label{
  font-family:var(--font-mono);font-size:9px;letter-spacing:.3em;
  color:var(--gold);text-transform:uppercase;margin-bottom:24px;
  display:flex;align-items:center;gap:12px;
}
.section-label::before{content:'✦';font-size:8px;}
.manifesto-left h2{
  font-family:var(--font-display);font-size:clamp(42px,4.5vw,72px);
  font-weight:300;line-height:1.1;letter-spacing:-.01em;
  margin-bottom:40px;
}
.manifesto-left h2 em{font-style:italic;color:var(--gold);}
.manifesto-pull{
  font-family:var(--font-display);font-size:28px;font-weight:300;
  font-style:italic;color:var(--white-dim);line-height:1.5;
  border-left:2px solid var(--gold);padding-left:28px;
  margin-bottom:48px;
}
.manifesto-stat-row{display:flex;gap:40px;margin-top:48px;}
.m-stat .num{font-family:var(--font-display);font-size:56px;font-weight:300;color:var(--gold);line-height:1;}
.m-stat .label{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--white-faint);text-transform:uppercase;margin-top:4px;}
.manifesto-right p{
  font-family:var(--font-display);font-size:18px;font-weight:300;
  line-height:1.8;color:var(--white-dim);margin-bottom:28px;letter-spacing:.01em;
}
.manifesto-right p strong{color:var(--white);font-weight:400;}

/* ── REVEAL ── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
.reveal.vis{opacity:1;transform:none;}

/* ── TIMELINE / STORY ── */
.timeline-section{
  padding:160px 80px;
  position:relative;
  background:var(--surface);
}
.timeline-section::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(to right,transparent,rgba(201,168,76,.2),transparent);
}
.timeline-header{text-align:center;margin-bottom:100px;}
.timeline-header h2{font-family:var(--font-display);font-size:clamp(48px,6vw,96px);font-weight:300;letter-spacing:-.02em;line-height:1;}
.timeline-header h2 em{font-style:italic;color:var(--gold);}

.timeline{
  max-width:900px;
  margin:0 auto;
  position:relative;
}
.timeline::before{
  content:'';
  position:absolute;left:50%;top:0;bottom:0;
  width:1px;background:linear-gradient(to bottom,transparent,var(--gold),var(--gold),transparent);
  transform:translateX(-50%);
  opacity:.3;
}
.tl-item{
  display:grid;
  grid-template-columns:1fr 60px 1fr;
  gap:0;
  margin-bottom:80px;
  align-items:start;
}
.tl-item:last-child{margin-bottom:0;}
.tl-content{
  padding:32px;
  background:var(--black-3);
  border:1px solid var(--border);
  position:relative;
  transition:border-color .3s;
}
.tl-content:hover{border-color:rgba(201,168,76,.25);}
.tl-content .year{
  font-family:var(--font-mono);font-size:9px;letter-spacing:.25em;
  color:var(--gold);text-transform:uppercase;margin-bottom:12px;
}
.tl-content h3{
  font-family:var(--font-display);font-size:26px;font-weight:400;
  letter-spacing:.02em;margin-bottom:12px;line-height:1.2;
}
.tl-content p{
  font-family:var(--font-display);font-size:16px;font-weight:300;
  line-height:1.7;color:var(--white-dim);font-style:italic;
}
.tl-center{
  display:flex;align-items:flex-start;justify-content:center;
  padding-top:36px;
}
.tl-node{
  width:12px;height:12px;background:var(--gold);border-radius:50%;
  position:relative;flex-shrink:0;
}
.tl-node::before{
  content:'';position:absolute;inset:-4px;
  border:1px solid rgba(201,168,76,.3);border-radius:50%;
}
.tl-media{padding-top:36px;padding-left:32px;}
.tl-media img{
  display:block;width:100%;aspect-ratio:45/31;object-fit:cover;
  border:1px solid var(--border);
  filter:grayscale(.2) brightness(.85);
  transition:filter .6s ease,border-color .3s;
}
.tl-media img:hover{filter:none;border-color:rgba(201,168,76,.25);}
.tl-item:nth-child(even) .tl-left{order:3;}
.tl-item:nth-child(even) .tl-right{order:1;}
.tl-item:nth-child(even) .tl-center-col{order:2;}

/* ── PHILOSOPHY ── */
.philosophy{padding:160px 80px;position:relative;}
.philosophy::before{content:'';position:absolute;top:0;left:80px;right:80px;height:1px;background:linear-gradient(to right,transparent,var(--border-bright),transparent);}
.phil-header{margin-bottom:80px;}
.phil-header h2{font-family:var(--font-display);font-size:clamp(48px,5.5vw,88px);font-weight:300;letter-spacing:-.02em;line-height:1.05;}
.phil-header h2 em{font-style:italic;color:var(--gold);}
.phil-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);}
.phil-card{
  background:var(--black);
  padding:48px 40px;
  position:relative;
  overflow:hidden;
  transition:background .3s;
}
.phil-card:hover{background:var(--surface);}
.phil-card::before{
  content:'';
  position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(to right,var(--gold),transparent);
  transform:scaleX(0);transform-origin:left;
  transition:transform .5s ease;
}
.phil-card:hover::before{transform:scaleX(1);}
.phil-num{
  font-family:var(--font-display);font-size:80px;font-weight:300;
  color:rgba(201,168,76,.07);line-height:1;margin-bottom:24px;
  letter-spacing:-.03em;
}
.phil-icon{
  height:180px;margin-bottom:28px;overflow:hidden;
  border:1px solid var(--border);
}
.phil-icon img{
  display:block;width:100%;height:100%;object-fit:cover;
  filter:grayscale(.25) brightness(.82);
  transition:filter .6s ease,transform .8s ease;
}
.phil-card:hover .phil-icon img{filter:none;transform:scale(1.05);}
.phil-card h3{
  font-family:var(--font-display);font-size:26px;font-weight:400;
  margin-bottom:16px;line-height:1.2;letter-spacing:.02em;
}
.phil-card h3 em{font-style:italic;color:var(--gold);}
.phil-card p{
  font-family:var(--font-display);font-size:16px;font-weight:300;
  line-height:1.75;color:var(--white-dim);font-style:italic;
}

/* ── FACES ── */
.faces{padding:160px 80px;background:var(--surface);}
.faces::before{content:'';position:absolute;top:0;left:80px;right:80px;height:1px;background:linear-gradient(to right,transparent,var(--border-bright),transparent);}
.faces-header{text-align:center;margin-bottom:80px;}
.faces-header h2{font-family:var(--font-display);font-size:clamp(48px,6vw,88px);font-weight:300;letter-spacing:-.02em;}
.faces-header h2 em{font-style:italic;color:var(--gold);}
.faces-header p{font-family:var(--font-display);font-size:18px;font-style:italic;color:var(--white-dim);margin-top:16px;max-width:600px;margin-inline:auto;line-height:1.6;}
.faces-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.face-card{
  background:var(--black-3);border:1px solid var(--border);
  padding:40px;position:relative;overflow:hidden;
  transition:border-color .3s,transform .3s;
}
.face-card:hover{border-color:rgba(201,168,76,.25);transform:translateY(-4px);}
.face-avatar{
  width:104px;height:104px;
  background:var(--surface-2);border:1px solid var(--border-bright);
  overflow:hidden;margin-bottom:24px;
}
.face-avatar img{
  display:block;width:100%;height:100%;object-fit:cover;
  filter:grayscale(.15);
  transition:filter .6s ease;
}
.face-card:hover .face-avatar img{filter:none;}
.face-name{font-family:var(--font-display);font-size:22px;font-weight:400;margin-bottom:4px;}
.face-role{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-bottom:20px;}
.face-quote{font-family:var(--font-display);font-size:15px;font-style:italic;color:var(--white-dim);line-height:1.7;}

/* ── NUMBERS ── */
.numbers{padding:120px 80px;position:relative;}
.numbers::before{content:'';position:absolute;top:0;left:80px;right:80px;height:1px;background:linear-gradient(to right,transparent,var(--border-bright),transparent);}
.numbers-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);}
.num-cell{background:var(--black);padding:56px 48px;text-align:center;}
.num-cell .big{font-family:var(--font-display);font-size:clamp(56px,6vw,88px);font-weight:300;color:var(--gold);line-height:1;margin-bottom:8px;}
.num-cell .lbl{font-family:var(--font-mono);font-size:9px;letter-spacing:.25em;color:var(--white-faint);text-transform:uppercase;}

/* ── BLOG LIST ── */
.blog-list{padding:120px 80px;position:relative;}
.blog-list::before{content:'';position:absolute;top:0;left:80px;right:80px;height:1px;background:linear-gradient(to right,transparent,rgba(201,168,76,.2),transparent);}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:40px;}

/* ── CTA ── */
.cta-band{
  padding:120px 80px;
  display:flex;align-items:center;justify-content:space-between;
  background:var(--surface);
  border-top:1px solid var(--border);
}
.cta-left h2{font-family:var(--font-display);font-size:clamp(42px,5vw,80px);font-weight:300;line-height:1.1;letter-spacing:-.01em;}
.cta-left h2 em{font-style:italic;color:var(--gold);}
.cta-right{display:flex;flex-direction:column;gap:16px;align-items:flex-start;}
.btn-gold{
  padding:18px 40px;background:var(--gold);color:var(--black);
  font-family:var(--font-sans);font-size:11px;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;
  text-decoration:none;display:inline-flex;align-items:center;gap:10px;
  transition:background .3s;cursor:none;
}
.btn-gold:hover{background:var(--gold-light);}
.btn-ghost{
  padding:18px 40px;background:transparent;color:var(--gold);
  font-family:var(--font-sans);font-size:11px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;border:1px solid rgba(201,168,76,.4);
  text-decoration:none;display:inline-flex;align-items:center;gap:10px;
  transition:border-color .3s,color .3s;cursor:none;
}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-light);}

/* ── FOOTER ── */
footer{background:var(--black-2);border-top:1px solid var(--border);}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px;padding:80px 80px 60px;}
.footer-brand p{font-family:var(--font-display);font-size:15px;font-style:italic;color:var(--white-faint);line-height:1.7;max-width:280px;margin-top:16px;}
.footer-social{display:flex;gap:12px;margin-top:24px;}
.soc-btn{width:36px;height:36px;border:1px solid var(--border-bright);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--white-dim);text-decoration:none;transition:border-color .3s,color .3s;}
.soc-btn:hover{border-color:var(--gold);color:var(--gold);}
.footer-col h4{font-family:var(--font-sans);font-size:9px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:12px;}
.footer-col ul li a{font-family:var(--font-display);font-size:15px;font-style:italic;color:var(--white-dim);text-decoration:none;transition:color .3s;font-weight:300;}
.footer-col ul li a:hover{color:var(--white);}
.footer-info{font-family:var(--font-mono);font-size:9px;color:var(--white-faint);letter-spacing:.15em;line-height:1.9;margin-top:4px;}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:24px 80px;border-top:1px solid var(--border);}
.footer-copy{font-family:var(--font-mono);font-size:9px;color:var(--white-faint);letter-spacing:.12em;}
.footer-legal{display:flex;gap:24px;}
.footer-legal a{font-family:var(--font-mono);font-size:9px;color:var(--white-faint);letter-spacing:.12em;text-decoration:none;transition:color .3s;}
.footer-legal a:hover{color:var(--white-dim);}
.footer-city{font-family:var(--font-mono);font-size:9px;color:var(--white-faint);letter-spacing:.12em;}
.footer-city span{color:var(--gold);}

/* ── ORDER SECTION ── */
.order-section{
  padding:72px 80px 88px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.order-bg{
  position:absolute;inset:0;
  background:radial-gradient(ellipse at center,rgba(201,168,76,.03) 0%,transparent 60%);
  pointer-events:none;
}
.order-section::before{
  content:'';position:absolute;top:0;left:80px;right:80px;height:1px;
  background:linear-gradient(to right,transparent,var(--border-bright),transparent);
}
.order-section h2{
  font-family:var(--font-display);
  font-size:clamp(56px,7vw,104px);
  font-weight:300;
  line-height:1.1;
  letter-spacing:-.02em;
  margin-bottom:28px;
}
.order-section h2 em{font-style:italic;color:var(--gold);}
.order-section p{
  font-family:var(--font-display);
  font-size:18px;
  font-weight:300;
  line-height:1.8;
  color:var(--white-dim);
  max-width:640px;
  margin:0 auto 56px;
  font-style:italic;
}

.order-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  max-width:1000px;
  margin:0 auto 64px;
}
.order-step{
  background:rgba(255,255,255,.02);
  border:1px solid var(--border);
  border-radius:12px;
  padding:40px 32px;
  position:relative;
  transition:all .3s ease;
}
.order-step:hover{
  background:rgba(255,255,255,.04);
  border-color:var(--gold-dim);
  transform:translateY(-4px);
}
.order-step::before{
  content:attr(data-step);
  position:absolute;
  top:16px;
  right:20px;
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.2em;
  color:var(--white-faint);
}
.step-icon{
  width:76px;height:76px;
  margin:0 auto 24px;
  border-radius:50%;
  overflow:hidden;
  border:1px solid var(--border-bright);
}
.step-icon img{
  display:block;width:100%;height:100%;object-fit:cover;
  filter:grayscale(.25) brightness(.9);
  transition:filter .6s ease,transform .8s ease;
}
.order-step:hover .step-icon img{filter:none;transform:scale(1.06);}
.step-title{
  font-family:var(--font-sans);
  font-size:18px;
  font-weight:600;
  color:var(--white);
  margin-bottom:12px;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.step-text{
  font-family:var(--font-display);
  font-size:15px;
  font-weight:300;
  line-height:1.6;
  color:var(--white-dim);
  font-style:italic;
}

.order-cta-group{
  display:flex;
  gap:16px;
  justify-content:center;
  align-items:center;
}
.btn-platform{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:16px 28px;
  background:rgba(255,255,255,.03);
  border:1px solid var(--border-bright);
  border-radius:8px;
  font-family:var(--font-sans);
  font-size:13px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--white);
  text-decoration:none;
  cursor:pointer;
  transition:all .3s ease;
}
.btn-platform:hover{
  background:rgba(255,255,255,.06);
  border-color:var(--white-dim);
  transform:translateY(-2px);
}
.plat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.plat-zomato{background:#e23744;}
.plat-swiggy{background:#fc8019;}
.btn-platform.primary-platform{
  background:var(--gold);
  border-color:var(--gold);
  color:var(--black);
}
.btn-platform.primary-platform:hover{
  background:var(--gold-light);
  border-color:var(--gold-light);
}

/* ── TESTIMONIALS ── */
.testimonials{
  padding:96px 80px 160px;
  position:relative;
}
.testimonials::before{
  content:'';position:absolute;top:0;left:80px;right:80px;height:1px;
  background:linear-gradient(to right,transparent,var(--border-bright),transparent);
}
.test-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:80px;
}
.test-header h2{
  font-family:var(--font-display);
  font-size:clamp(48px,5.5vw,88px);
  font-weight:300;
  letter-spacing:-.02em;
  line-height:1.05;
}
.test-header h2 em{font-style:italic;color:var(--gold);}
.test-count{
  font-family:var(--font-display);
  font-size:72px;
  font-weight:300;
  color:var(--gold);
  line-height:1;
}
.test-count-label{
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.25em;
  color:var(--white-faint);
  text-transform:uppercase;
  margin-top:8px;
}

.test-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
}
.test-card{
  background:rgba(255,255,255,.02);
  border:1px solid var(--border);
  border-radius:12px;
  padding:32px;
  transition:all .3s ease;
}
.test-card:hover{
  background:rgba(255,255,255,.04);
  border-color:rgba(201,168,76,.25);
  transform:translateY(-4px);
}
.test-stars{
  color:var(--gold);
  font-size:18px;
  margin-bottom:20px;
  letter-spacing:4px;
}
.test-quote{
  font-family:var(--font-display);
  font-size:16px;
  font-weight:300;
  line-height:1.8;
  color:var(--white-dim);
  font-style:italic;
  margin-bottom:24px;
}
.test-author{
  display:flex;
  align-items:center;
  gap:12px;
}
.test-avatar{
  width:40px;
  height:40px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--gold);
  flex-shrink:0;
}
.test-name{
  font-family:var(--font-sans);
  font-size:14px;
  font-weight:600;
  color:var(--white);
}
.test-location{
  font-family:var(--font-mono);
  font-size:11px;
  color:var(--white-faint);
  margin-top:2px;
}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .about-hero,
  .manifesto,
  .timeline-section,
  .philosophy,
  .faces,
  .cta-band,
  .order-section,
  .numbers,
  .blog-list,
  .testimonials{padding-left:40px;padding-right:40px;}

  .numbers::before,.blog-list::before{left:40px;right:40px;}
  .numbers-inner{grid-template-columns:1fr 1fr;}
  .footer-top{grid-template-columns:1fr 1fr;gap:40px;padding:60px 40px 48px;}
  .footer-bottom{padding:24px 40px;}

  .manifesto{grid-template-columns:1fr;gap:60px;}
  .manifesto-left{padding-right:0;border-right:none;border-bottom:1px solid var(--border);padding-bottom:60px;}
  .manifesto-right{padding-left:0;}

  .order-steps{grid-template-columns:1fr;gap:24px;}
  .test-grid{grid-template-columns:1fr;gap:24px;}
}

@media(max-width:768px){
  .about-hero,
  .manifesto,
  .timeline-section,
  .philosophy,
  .faces,
  .cta-band,
  .order-section,
  .numbers,
  .blog-list,
  .testimonials{padding:80px 24px;}

  .numbers::before,.blog-list::before{left:24px;right:24px;}
  .numbers-inner{grid-template-columns:1fr 1fr;}
  .num-cell{padding:36px 20px;}

  .cta-band{flex-direction:column;align-items:flex-start;gap:36px;}
  .cta-right{width:100%;}
  .btn-gold,.btn-ghost{width:100%;justify-content:center;}

  .footer-top{grid-template-columns:1fr;gap:32px;padding:48px 24px 40px;}
  .footer-brand p{max-width:none;}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:14px;padding:24px;}
  .footer-legal{flex-wrap:wrap;gap:16px;}

  .hero-h1{font-size:clamp(48px,13vw,148px);}
  .hero-h1 .indent{padding-left:0;}
  .hero-desc-row{flex-direction:column;gap:24px;align-items:flex-start;}

  .order-cta-group{flex-direction:column;width:100%;}
  .btn-platform{width:100%;justify-content:center;}

  .test-header{flex-direction:column;gap:32px;}

  .timeline::before{display:none;}
  .tl-item{grid-template-columns:1fr;gap:20px;margin-bottom:56px;}
  .tl-center{display:none;}
  .tl-media{padding:0;}
  .phil-grid,.faces-grid{grid-template-columns:1fr;}
}