/* ============================================================
   Alien Tech Pro — About page
   ============================================================ */

/* ===== INTRO ===== */
.intro-hero{padding:96px 0 84px;overflow:hidden;}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1;}
.intro-grid h1{font-size:clamp(30px,4.2vw,50px);font-weight:700;line-height:1.16;color:var(--ink-dark);letter-spacing:-0.02em;max-width:480px;}
.intro-grid h1 .word{display:inline-block;overflow:hidden;vertical-align:top;}
.intro-grid h1 .word span{display:inline-block;transform:translateY(115%);animation:word-up .9s cubic-bezier(.16,.84,.44,1) forwards;}
.intro-copy p{font-size:16.5px;line-height:1.9;color:var(--ink-dark-soft);margin-bottom:18px;}
.intro-copy b{color:var(--ink-dark);}

/* ===== PHOTO BAND ===== */
.photo-band{padding:0;position:relative;overflow:hidden;}
.photo-band figure{aspect-ratio:16/6.2;width:100%;position:relative;}
.photo-band img{width:100%;height:100%;object-fit:cover;}
.photo-band .band-overlay{position:absolute;inset:0;background:linear-gradient(100deg, rgba(5,6,28,.55), rgba(5,6,28,.05) 55%);}
.photo-band .band-caption{position:absolute;left:6%;bottom:10%;color:#fff;z-index:2;max-width:360px;}
.photo-band .band-caption span{font-size:13px;font-weight:700;color:var(--orange-400);display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em;}
.photo-band .band-caption p{font-size:16px;line-height:1.7;color:#e9eaf6;}

/* ===== TWO COLUMN ===== */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;}
.two-col h2{font-size:clamp(24px,2.8vw,32px);font-weight:700;line-height:1.22;margin-bottom:18px;color:var(--ink-dark);}
.two-col p{font-size:15.5px;line-height:1.9;color:var(--ink-dark-soft);margin-bottom:16px;max-width:460px;}
.two-col b{color:var(--ink-dark);}
.philosophy-lines{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;}
.philosophy-lines li{font-size:16px;color:var(--ink-dark);font-weight:500;line-height:1.6;}

/* ===== RESPONSIVE ===== */
@media (max-width:960px){
  .intro-grid,.two-col{grid-template-columns:1fr;gap:36px;}
  .intro-grid h1{max-width:none;}
  .photo-band .band-caption{max-width:280px;}
}
@media (max-width:760px){
  .intro-hero{padding:52px 0;}
  .photo-band .band-caption{display:none;}
}