/* Codensec — About page / Phase 5 */
.about-hero { padding-top: 112px; }
.about-hero-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr); gap:72px; align-items:center; }
.about-hero h1 { font-size:clamp(2.8rem,6vw,5.25rem); max-width:850px; letter-spacing:-.04em; }
.about-lead { color:var(--text-dim); font-size:1.2rem; line-height:1.75; max-width:720px; margin-top:24px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:32px; }
.about-hero-panel { border:1px solid var(--line); background:var(--bg-raised); }
.principle { padding:25px; border-bottom:1px solid var(--line); }
.principle:last-child { border-bottom:0; }
.principle span,.value-index { display:block; font:12px var(--font-mono); color:var(--text-faint); margin-bottom:12px; }
.principle strong { display:block; font-size:1.05rem; margin-bottom:6px; }
.principle p { color:var(--text-dim); font-size:.875rem; }
.story-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; }
.story-copy { display:grid; gap:20px; color:var(--text-dim); font-size:1.05rem; line-height:1.8; }
.team-section { background:var(--bg); }
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.team-profile { padding:0; overflow:hidden; }
.profile-photo { aspect-ratio:1/1; min-height:240px; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at 50% 35%, var(--line) 0, var(--panel) 35%, var(--bg) 75%); border-bottom:1px solid var(--line); position:relative; overflow:hidden; }
.profile-photo::before { content:''; position:absolute; width:120px; height:120px; border:1px solid var(--line); border-radius:50%; }
.profile-photo::after { content:''; position:absolute; width:190px; height:190px; border:1px dashed var(--line); border-radius:50%; }
.profile-photo img { width:100%; height:100%; object-fit:cover; object-position:center top; position:relative; z-index:2; display:block; }
.profile-photo span { position:relative; z-index:1; font:600 2rem var(--font-mono); letter-spacing:.08em; color:var(--text); }
.profile-saw span { font-size:1.35rem; }
.profile-content { padding:28px; }
.profile-role { font:12px var(--font-mono); color:var(--text-faint); text-transform:uppercase; letter-spacing:.08em; margin-bottom:8px; }
.profile-content h3 { font-size:1.45rem; margin-bottom:12px; }
.profile-content p { color:var(--text-dim); font-size:.9rem; min-height:88px; line-height:1.65; }
.profile-links { display:flex; gap:8px; flex-wrap:wrap; margin-top:20px; }
.profile-links a { border:1px solid var(--line); padding:6px 9px; font-size:.72rem; color:var(--text-dim); border-radius:999px; text-decoration:none; transition:all .2s ease; }
.profile-links a:hover { color:var(--text); border-color:var(--accent); background:var(--bg-inset); }
.profile-content small { display:block; margin-top:14px; color:var(--text-faint); font-size:.72rem; line-height:1.5; }
.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.value { min-height:210px; }
.value h3 { margin-bottom:12px; }
.value p { max-width:360px; }
.mission-section { background:var(--bg-raised); }
.mission-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border:1px solid var(--line); }
.mission-grid article { background:var(--bg-raised); padding:48px; }
.mission-grid h2 { font-size:clamp(1.6rem,3vw,2.4rem); margin-bottom:18px; }
.mission-grid p { color:var(--text-dim); max-width:520px; }
@media (max-width:900px) { .about-hero-grid,.story-grid,.mission-grid { grid-template-columns:1fr; gap:40px; } .team-grid,.values-grid { grid-template-columns:1fr; } .profile-content p { min-height:0; } }
@media (max-width:560px) { .about-hero { padding-top:72px; } .about-hero h1 { font-size:2.8rem; } .mission-grid article { padding:30px; } }
/* Distinct, lightweight founder identity blocks until authentic portraits are supplied. */
.profile-initials{display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:2rem;font-weight:600;letter-spacing:.08em;background:linear-gradient(135deg,var(--bg-inset),var(--bg-raised));border:1px solid var(--line);}
.profile-initials::after{content:'';position:absolute;inset:10px;border:1px solid var(--line-soft);pointer-events:none}

/* Founders heading — centered, compact treatment matching the Codensec visual reference. */
.founders-heading { text-align:center; max-width:760px; margin:0 auto 44px; }
.founders-heading .section-tag { display:flex; align-items:center; justify-content:center; gap:12px; font:600 9px var(--font-mono); letter-spacing:.22em; text-transform:uppercase; color:var(--text-faint); }
.founders-heading .section-tag span { width:22px; height:1px; background:var(--line); display:inline-block; }
.founders-heading h2 { margin:10px 0 7px; font-size:clamp(1.65rem,3vw,2.15rem); line-height:1.15; letter-spacing:-.025em; }
.founders-heading p { margin:0 auto; color:var(--text-faint); font-size:.72rem; line-height:1.55; max-width:620px; }
@media (max-width:560px) { .founders-heading { margin-bottom:32px; } .founders-heading h2 { font-size:1.55rem; } .founders-heading p { font-size:.68rem; } .founders-heading-break { display:none; } }

.profile-aa img{object-position:center 18%}.profile-fq img{object-position:center 8%}.profile-saw img{object-position:center 28%}


/* Shared responsive grid and overflow guardrails */
@media (max-width: 700px) {
  .grid-3,.grid-4,.cards-grid,.services-grid,.tools-grid,.research-grid,.tech-grid,.team-grid,.footer-grid { grid-template-columns: 1fr !important; }
  .hero-grid,.split-grid,.feature-panel,.content-grid,.two-col,.two-column { grid-template-columns: 1fr !important; }
  .card { min-width: 0; }
  table { display: block; width: 100%; overflow-x: auto; }
}
@media (min-width: 701px) and (max-width: 1100px) {
  .grid-3,.grid-4,.cards-grid,.services-grid,.tools-grid,.research-grid,.tech-grid,.team-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}