/* =========================================================
   AARAMBH — PEOPLE / PREMIUM EDITORIAL TERMINAL THEME
   No profile photos. Names + Instagram handles only.
   ========================================================= */

:root{
  --bg:#050505;
  --bg-2:#090909;
  --ink:#f4efe7;
  --muted:#817c75;
  --muted-2:#4d4a46;
  --gold:#e8b85c;
  --gold-2:#b9792f;
  --orange:#e66d28;
  --green:#75c98a;
  --line:rgba(255,255,255,.075);
  --line-strong:rgba(232,184,92,.30);
  --card:rgba(13,13,13,.72);
  --serif:Georgia,"Times New Roman",serif;
  --mono:"Courier New",Courier,monospace;
  --sans:Arial,Helvetica,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  background:
    radial-gradient(circle at 80% 18%,rgba(232,184,92,.055),transparent 28%),
    radial-gradient(circle at 8% 62%,rgba(230,109,40,.035),transparent 25%),
    var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(var(--line) 1px,transparent 1px),
    linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:84px 84px;
  -webkit-mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.8) 60%,transparent 100%);
  mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.8) 60%,transparent 100%);
}
body:after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:20;
  opacity:.025;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}

a{color:inherit;text-decoration:none}
button{font:inherit}

/* NAV */
.site-nav{
  height:66px;position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 4.4vw;
  border-bottom:1px solid rgba(255,255,255,.055);
  background:rgba(5,5,5,.72);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
.brand{font-family:var(--serif);font-weight:700;letter-spacing:.22em;font-size:17px;white-space:nowrap}
.brand span{color:var(--orange);font-family:var(--mono);font-size:20px;margin-left:7px}
.nav-links{display:flex;gap:42px;margin-left:7vw}
.nav-links a{
  font:700 11px var(--mono);color:#5f5b57;letter-spacing:.02em;transition:.3s;
}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}
.nav-right{display:flex;align-items:center;gap:18px}
.system-live{display:flex;align-items:center;gap:9px;font:9px var(--mono);letter-spacing:.22em;color:#67625d}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(117,201,138,.7)}
.nav-icon,.back-btn{
  border:1px solid rgba(255,255,255,.13);background:transparent;color:#8d8882;
  transition:.3s;
}
.nav-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:16px}
.back-btn{padding:11px 17px;font:9px var(--mono);letter-spacing:.14em}
.nav-icon:hover,.back-btn:hover{border-color:var(--gold);color:var(--gold);background:rgba(232,184,92,.045)}

/* ORBITS */
.orbit-field{position:absolute;right:-150px;top:70px;width:650px;height:650px;pointer-events:none;opacity:.65}
.orbit-field span{position:absolute;inset:0;border:1px solid rgba(232,184,92,.10);border-radius:50%}
.orbit-field span:nth-child(2){inset:105px;border-style:dashed;opacity:.65}
.orbit-field span:nth-child(3){inset:205px;opacity:.45}
.orbit-field i{position:absolute;left:50%;top:50%;width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 18px var(--gold);transform:translate(-50%,-50%)}

/* HERO */
.hero{
  min-height:100vh;position:relative;z-index:1;padding:150px 7.3vw 95px;
  display:flex;align-items:flex-start;overflow:hidden;
}
.hero-inner{width:100%;max-width:1500px;margin:0 auto;position:relative}
.kicker{font:700 10px var(--mono);letter-spacing:.34em;color:var(--gold);margin-bottom:24px}
.terminal-line{font:11px var(--mono);color:#514f4b;margin-bottom:25px}
.terminal-line b{color:var(--green);font-weight:700}
.hero-title{
  font-family:var(--serif);font-weight:400;text-transform:uppercase;
  font-size:clamp(78px,9.5vw,164px);line-height:.80;letter-spacing:-.055em;
  max-width:900px;position:relative;
}
.hero-title .gold{color:#e9bd67}
.hero-sub{margin-top:48px;color:#77726c;font-size:15px;max-width:510px;line-height:1.7}
.hero-meta{display:flex;gap:42px;margin-top:42px;align-items:center}
.meta-item{display:flex;align-items:center;gap:12px;font:9px var(--mono);letter-spacing:.20em;color:#625d57}
.meta-item .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(117,201,138,.55)}
.hero-terminal{
  position:absolute;right:3vw;bottom:55px;width:290px;padding:23px 22px;
  border:1px solid rgba(255,255,255,.10);background:rgba(7,7,7,.60);
  font:9px/2 var(--mono);color:#4e4b47;
}
.hero-terminal .terminal-head{color:var(--gold);margin-bottom:8px}
.hero-terminal .ok{color:var(--green)}
.scroll-mark{position:absolute;right:0;bottom:0;font:9px var(--mono);color:#4f4b46;letter-spacing:.25em;writing-mode:vertical-rl}

/* DIRECTORY */
.people-wrap{position:relative;z-index:2;padding:20px 7.3vw 120px;max-width:1600px;margin:auto}
.directory-intro{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:24px;margin-bottom:90px}
.directory-label{font:10px var(--mono);letter-spacing:.30em;color:var(--gold)}
.directory-copy{font:12px var(--mono);color:#57534e;line-height:1.8;text-align:right}

.batch{margin-bottom:125px;position:relative}
.batch-head{display:grid;grid-template-columns:90px 1fr auto;align-items:end;gap:28px;margin-bottom:38px}
.batch-no{font:11px var(--mono);color:#5d5953;letter-spacing:.16em}
.batch-title{font-family:var(--serif);font-size:clamp(45px,5.2vw,82px);line-height:.85;font-weight:400;letter-spacing:-.045em;text-transform:uppercase}
.batch-title em{font-style:normal;color:var(--gold)}
.batch-count{font:9px var(--mono);color:#5b5751;letter-spacing:.18em}
.batch-rule{height:1px;background:linear-gradient(90deg,var(--line-strong),transparent);margin-top:-21px;margin-bottom:30px}

.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.person-card{
  min-height:205px;position:relative;overflow:hidden;
  border:1px solid rgba(255,255,255,.085);background:linear-gradient(145deg,rgba(21,21,21,.88),rgba(7,7,7,.78));
  padding:22px 22px 20px;display:flex;flex-direction:column;justify-content:space-between;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .45s,background .35s;
  isolation:isolate;
}
.person-card:before{
  content:"";position:absolute;left:0;top:0;width:100%;height:2px;
  background:linear-gradient(90deg,var(--accent),transparent 72%);opacity:.75;
}
.person-card:after{
  content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-100px;bottom:-115px;
  background:radial-gradient(circle,rgba(255,255,255,.08),transparent 68%);opacity:.35;transition:.5s;z-index:-1;
}
.person-card:hover{transform:translateY(-7px);border-color:var(--accent);box-shadow:0 20px 55px rgba(0,0,0,.45),0 0 35px color-mix(in srgb,var(--accent) 10%,transparent);background:linear-gradient(145deg,rgba(27,27,27,.92),rgba(8,8,8,.9))}
.person-card:hover:after{transform:scale(1.5);opacity:.7}
.person-card[data-index]{--accent:var(--gold)}
.card-top{display:flex;justify-content:space-between;align-items:center}
.card-index{font:10px var(--mono);color:#55514b;letter-spacing:.12em}
.card-status{font:8px var(--mono);color:#625e58;letter-spacing:.15em;display:flex;gap:7px;align-items:center}
.card-status:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 60%,transparent)}
.person-name{font-family:var(--serif);font-size:clamp(27px,2.4vw,42px);font-weight:400;letter-spacing:-.035em;line-height:1;text-transform:uppercase;max-width:90%}
.person-name span{display:block;color:#827c75}
.insta-link{
  display:flex;align-items:center;justify-content:space-between;gap:15px;
  width:max-content;max-width:100%;padding:9px 11px 9px 12px;
  border:1px solid rgba(255,255,255,.10);color:#77716a;background:rgba(255,255,255,.025);
  font:10px var(--mono);letter-spacing:.02em;transition:.3s;
}
.insta-link .insta-left{display:flex;align-items:center;gap:8px;min-width:0}
.insta-link svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}
.insta-link .handle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.insta-link .arrow{color:#55514d;transition:.3s}
.insta-link:hover{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}
.insta-link:hover .arrow{transform:translate(3px,-3px);color:var(--accent)}

/* Section accent colors */
.batch:nth-of-type(1) .person-card{--accent:#d8a84f}
.batch:nth-of-type(2) .person-card{--accent:#e9823a}
.batch:nth-of-type(3) .person-card{--accent:#d05a45}
.batch:nth-of-type(4) .person-card{--accent:#a982c9}
.batch:nth-of-type(5) .person-card{--accent:#77a7bd}

/* Founder */
.person-card.founder{background:linear-gradient(145deg,rgba(39,30,17,.80),rgba(9,8,6,.90));border-color:rgba(232,184,92,.22)}
.person-card.founder .person-name{color:#f2c66f}
.founder-tag{font:8px var(--mono);letter-spacing:.22em;color:var(--gold);margin-top:7px}

/* FOOTER */
.site-footer{position:relative;z-index:2;border-top:1px solid var(--line);padding:34px 7.3vw 42px;display:flex;justify-content:space-between;gap:30px;color:#4d4944;font:9px var(--mono);letter-spacing:.12em}
.site-footer strong{color:#77716a;font-weight:400}

/* Reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.visible{opacity:1;transform:none}

@media(max-width:1050px){
  .nav-links{gap:22px;margin-left:0}
  .hero-terminal{right:0;bottom:35px}
  .people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .batch-head{grid-template-columns:70px 1fr}
  .batch-count{grid-column:2}
}

@media(max-width:720px){
  body:before{background-size:52px 52px}
  .site-nav{padding:0 20px;height:60px}
  .brand{font-size:14px;letter-spacing:.16em}
  .nav-links{display:none}
  .system-live{display:none}
  .nav-right{gap:8px}
  .back-btn{padding:9px 11px}
  .hero{padding:120px 24px 75px;min-height:900px}
  .hero-title{font-size:clamp(61px,18vw,110px);line-height:.84}
  .hero-sub{margin-top:35px;font-size:13px}
  .hero-meta{gap:18px;flex-wrap:wrap;margin-top:30px}
  .hero-terminal{position:relative;right:auto;bottom:auto;margin-top:70px;width:min(100%,290px)}
  .orbit-field{right:-300px;top:220px;width:560px;height:560px}
  .scroll-mark{display:none}
  .people-wrap{padding:10px 20px 80px}
  .directory-intro{display:block;margin-bottom:60px}
  .directory-copy{text-align:left;margin-top:13px}
  .batch{margin-bottom:90px}
  .batch-head{display:block;margin-bottom:25px}
  .batch-no{display:block;margin-bottom:15px}
  .batch-title{font-size:54px}
  .batch-count{margin-top:18px}
  .batch-rule{margin-bottom:20px}
  .people-grid{grid-template-columns:1fr;gap:9px}
  .person-card{min-height:185px;padding:19px}
  .person-name{font-size:34px}
  .site-footer{padding:28px 20px;flex-direction:column}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition:none!important;animation:none!important}
}