/* PANOS KHAN — ABOUT PAGE POLISH v1
   Controlled internal-page pass. Homepage .cin / 3D system intentionally untouched.
*/
.about-page-polish{}
@media(min-width:821px){
  .about-hero{grid-template-columns:minmax(0,1fr) 240px!important;gap:56px!important;padding:52px 56px!important;border-radius:30px!important}
  .about-hero h1{font-size:clamp(3.6rem,5.5vw,5rem)!important;line-height:.94!important}
  .about-hero .lead{max-width:680px!important;font-size:1.05rem!important;line-height:1.7!important}
  .about-photo-wrap{width:210px!important}
  .about-photo-frame{width:198px!important;height:198px!important}
}
.about-hero{background:radial-gradient(circle at 82% 22%,rgba(32,217,255,.11),transparent 24%),radial-gradient(circle at 20% 100%,rgba(139,92,246,.09),transparent 30%),linear-gradient(145deg,rgba(11,24,47,.92),rgba(4,11,25,.96))!important;box-shadow:0 28px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04)!important}
.about-kicker,.identity-pill{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.about-kicker{color:#67e8ff!important;border-color:rgba(32,217,255,.30)!important;background:rgba(32,217,255,.065)!important}
.about-stat{background:linear-gradient(145deg,rgba(16,28,52,.78),rgba(7,15,31,.94))!important;box-shadow:0 12px 34px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.035)!important}
.about-stat strong{color:#67e8ff!important}
.about-card{background:linear-gradient(145deg,rgba(13,25,48,.84),rgba(5,12,26,.95))!important}
.expertise-list li{background:rgba(255,255,255,.018)!important;transition:transform .22s ease,border-color .22s ease,background .22s ease}
.expertise-list li:hover{transform:translateY(-2px);border-color:rgba(32,217,255,.30);background:rgba(32,217,255,.035)!important}
.identity-strip{gap:8px!important}
.identity-pill{border-color:rgba(79,151,214,.24)!important;color:#c4d4e8!important;background:rgba(8,18,36,.52)!important}
@media(max-width:820px){
  .about-hero{gap:24px!important;padding:28px 22px!important}
  .about-hero h1{font-size:clamp(2.7rem,12vw,4rem)!important}
  .about-hero .lead{font-size:1rem!important;line-height:1.65!important}
  .about-actions .btn{min-width:132px!important}
}
@media(max-width:520px){
  .about-hero{padding:24px 18px!important;border-radius:22px!important}
  .about-hero h1{font-size:2.85rem!important}
  .about-kicker{font-size:.69rem!important}
  .about-stats{gap:9px!important}
  .about-stat{padding:15px 13px!important}
  .about-section-title h2{font-size:1.55rem!important}
  .identity-pill{font-size:.75rem!important;padding:7px 10px!important}
}