/* About page — page-specific sections. Loaded after css/style.css. */

/* Hero */
.about-hero{padding:70px 0 10px;position:relative;}
.about-hero h1{font-size:58px;color:var(--blue);line-height:1.1;}
.about-hero h1 .line1{font-weight:800;text-transform:uppercase;}
.about-hero h1 .line2{font-weight:600;}

/* Intro two-column */
.about-intro{display:flex;gap:60px;align-items:flex-start;}
.intro-visual{flex:0 0 320px;display:flex;justify-content:center;padding-top:10px;}
.intro-img{width:100%;height:auto;border-radius:12px;}
.intro-copy{flex:1;max-width:600px;}
.intro-copy p{color:#000;font-size:15px;line-height:1.95;margin-bottom:22px;}
.intro-copy p.bold{font-weight:700;margin-top:4px;}
.intro-copy p:last-child{margin-bottom:0;}

/* Logo grids (trusted by / affiliations) */
.logo-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:26px;
  align-items:center;margin-top:40px;
}
.logo-grid.affiliations{grid-template-columns:repeat(4,1fr);}
.logo-grid .logo{
  height:100px;background:#fff;border:1px solid var(--line);border-radius:10px;
  display:flex;align-items:center;justify-content:center;text-align:center;
  padding:16px;font-size:12px;font-weight:600;color:var(--muted);line-height:1.3;
}
.logo-grid .logo img{max-width:100%;max-height:100%;object-fit:contain;}

/* Meet the authors */
.authors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;}
.author{
  aspect-ratio:1/1;background:var(--orange);border-radius:4px;
  display:flex;align-items:flex-end;justify-content:center;overflow:hidden;
}
.author .ph{width:82%;height:88%;background:rgba(255,255,255,.35);border-radius:4px 4px 0 0;}
.author img{width:100%;height:100%;object-fit:cover;}
.authors-after{display:flex;align-items:center;gap:24px;margin-top:26px;}
.authors-after .rule{flex:1;height:2px;background:var(--blue);}
.authors-after .author{flex:0 0 200px;aspect-ratio:1/1;}

/* Community / fellow founders */
.community-title{max-width:760px;}
.community{display:flex;gap:48px;align-items:center;margin-top:40px;}
.community-media{
  flex:1;min-height:300px;border-radius:8px;position:relative;overflow:hidden;
  background:#2b2b2b center/cover no-repeat;
}
.community-media .cap{
  position:absolute;left:16px;bottom:14px;color:#fff;font-size:12px;
  background:rgba(0,0,0,.35);padding:4px 8px;border-radius:4px;
}
.community-info{flex:1;max-width:460px;}
.community-info h3{font-size:26px;font-weight:700;}
.community-info .role{color:var(--muted);font-size:14px;margin:4px 0 18px;}
.community-info .brand-logo{
  height:64px;margin-bottom:20px;
  display:flex;align-items:center;
}
.community-info .brand-logo img{max-height:100%;width:auto;object-fit:contain;}
.community-info .quote{color:var(--muted);font-size:13px;line-height:1.85;margin-bottom:22px;}
.community-info .valuation{font-weight:700;}
.community-info .valuation .label{color:var(--blue);margin-right:28px;}
.community-info .valuation .amount{color:var(--blue);}

@media(max-width:900px){
  .about-hero h1{font-size:40px;}
  .about-intro{flex-direction:column;gap:28px;}
  .intro-visual{padding-top:0;flex:0 0 auto;}
  .intro-img{max-width:320px;}
  .logo-grid, .logo-grid.affiliations{grid-template-columns:repeat(3,1fr);}
  .authors-grid{grid-template-columns:repeat(2,1fr);}
  .community{flex-direction:column;align-items:stretch;}
  .community-info{max-width:none;}
}
@media(max-width:600px){
  .about-hero h1{font-size:32px;}
  .logo-grid, .logo-grid.affiliations{grid-template-columns:repeat(2,1fr);gap:16px;}
  .logo-grid .logo{height:84px;padding:12px;}
}