/* ── ABOUT ── */
#about{background:var(--surface);padding:90px 0 100px;position:relative;overflow:hidden;}
.about-inner{max-width:1100px;margin:0 auto;padding:0 80px 0 80px;position:relative;}
 
.about-header{display:flex;align-items:center;gap:18px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:16px 24px;margin-bottom:24px;position:relative;overflow:hidden;}
.about-header::after{content:'';position:absolute;bottom:0;left:76px;right:0;height:2px;background:var(--accent);}
.about-av{width:54px;height:54px;border-radius:50%;border:2px solid var(--accent);background:#1e2d45;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;}
.about-name-txt{font-family:'Orbitron',monospace;font-size:1.0rem;font-weight:700;letter-spacing:.05em;}
.about-sub-txt{color:var(--muted);font-size:.8rem;margin-top:3px;}
 
/* 2-column grid — tall left, two stacked right */
.about-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;height:420px;}
.acard{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px;position:relative;transition:border-color .3s,transform .3s;display:flex;align-items:flex-start;overflow-y:auto;}
.acard::-webkit-scrollbar{width:3px;}
.acard::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px;}
.acard:hover{border-color:var(--accent2);transform:translateY(-4px);}
.acard.tall{grid-row:1/3;} /* personal spans full height */
.acard-content{width:100%;}
.acard-label{font-family:'Orbitron',monospace;font-size:.68rem;font-weight:700;letter-spacing:.18em;color:var(--accent);margin-bottom:10px;}
.acard-divider{height:1px;background:var(--border);margin-bottom:14px;}
 
/* Personal */
.personal-items{display:flex;flex-direction:column;gap:16px;}
.personal-item{display:flex;align-items:flex-start;gap:10px;}
.pi-icon{font-size:.95rem;flex-shrink:0;margin-top:1px;}
.pi-label{font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;}
.pi-value{font-size:.88rem;font-weight:600;color:var(--text);line-height:1.4;}
.pi-sub{font-size:.73rem;color:var(--muted);margin-top:2px;}
 
/* Skills */
.skill-groups{display:flex;flex-direction:column;gap:8px;}
.sg-label{font-size:.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;}
.sg-tags{display:flex;flex-wrap:wrap;gap:4px;}
.stag{font-size:.65rem;padding:2px 7px;border-radius:4px;background:rgba(0,200,255,.08);color:var(--accent2);border:1px solid rgba(0,200,255,.15);font-weight:600;}
 
/* Achievements */
.ach-list{display:flex;flex-direction:column;gap:8px;}
.ach-item{display:flex;align-items:flex-start;gap:8px;font-size:.78rem;color:var(--muted);line-height:1.5;}
.ach-icon{font-size:.85rem;flex-shrink:0;margin-top:1px;}
.ach-item strong{color:var(--accent);font-weight:700;}
 
 
/* Download btn */
.dl-btn{position:absolute;bottom:-20px;right:60px;width:44px;height:44px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:none;text-decoration:none;color:#000;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px rgba(245,197,24,.3);z-index:5;}
.dl-btn:hover{transform:scale(1.15);box-shadow:0 0 24px rgba(245,197,24,.6);}

/* Walking figures */
.about-figs {
  position:absolute; bottom:0; left:0px; right:0px;
  display:flex; justify-content:space-between; pointer-events:none;
  align-items: flex-end; overflow: hidden;
}
.afig {  opacity:.18; height: 240px; width: auto; vertical-align: bottom; }
.afig-l { animation:walkToContentL 4s ease-in-out forwards; margin-right: auto; }
.afig-r { animation:walkToContentR 4s ease-in-out forwards; margin-left: auto; }

@media(max-width:768px){
  .about-figs{display: none;}
  .about-grid{grid-template-rows: auto auto auto;grid-template-columns: 1fr; height: auto; gap: 16px;
  }
  #about{padding: 70px 0 80px;}
  .about-inner{padding: 0 20px 0 20px;}
  .dl-btn{display: none;}
}