/* RecensLabs — about page */

/* STORY */
.story{padding:48px 0 40px;}
.story-grid{display:grid; grid-template-columns:1.35fr 1fr; gap:56px; align-items:center;}
.story-copy h2{font-family:var(--font-display); font-size:clamp(22px,2.4vw,28px); font-weight:700; line-height:1.2; letter-spacing:-0.01em; margin-bottom:20px;}
.story-copy p{font-size:15.5px; color:var(--slate); line-height:1.7; margin-bottom:16px;}
.story-copy p:last-child{margin-bottom:0;}
.story-stats{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.story-stat{background:var(--white); border:1px solid var(--paper-dim); border-radius:16px; padding:26px 24px;}
.story-stat .num{font-family:var(--font-display); font-weight:700; font-size:34px; letter-spacing:-0.02em; color:var(--indigo);}
.story-stat .lbl{font-family:var(--font-mono); font-size:12px; color:var(--slate); margin-top:6px;}

/* PRINCIPLES */
.principles{padding:72px 0;}
.principle-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
.principle-card{background:var(--white); border:1px solid var(--paper-dim); border-radius:16px; padding:28px 24px;}
.principle-num{font-family:var(--font-mono); font-size:13px; color:var(--indigo-soft); margin-bottom:16px;}
.principle-card h3{font-family:var(--font-display); font-size:16.5px; font-weight:600; margin-bottom:10px;}
.principle-card p{font-size:13.5px; color:var(--slate); line-height:1.6;}

/* TEAM */
.team{padding:0 0 72px;}
.team-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
.team-card{background:var(--white); border:1px solid var(--paper-dim); border-radius:16px; padding:30px 24px; text-align:center; transition:transform 0.18s ease, box-shadow 0.18s ease;}
.team-card:hover{transform:translateY(-4px); box-shadow:0 22px 44px -28px rgba(91,76,255,0.4);}
.team-avatar{width:64px; height:64px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-family:var(--font-display); font-weight:700; font-size:20px; color:var(--white); margin-bottom:16px; box-shadow:0 14px 28px -14px rgba(21,19,31,0.4);}
.avatar-a{background:linear-gradient(135deg,var(--indigo),#4238C7);}
.avatar-b{background:linear-gradient(135deg,var(--coral),#D8412C);}
.avatar-c{background:linear-gradient(135deg,#00B37E,#0E7C5A);}
.avatar-d{background:linear-gradient(135deg,var(--ink),#3A3450);}
.team-name{font-family:var(--font-display); font-size:15.5px; font-weight:600; margin-bottom:4px;}
.team-role{font-family:var(--font-mono); font-size:11.5px; color:var(--slate);}

/* LOCATION */
.location{padding:0 0 80px;}
.location-band{background:var(--ink); border-radius:24px; padding:56px 50px; display:grid; grid-template-columns:1.15fr 1fr; gap:48px; align-items:center;}
.location-copy .eyebrow{color:var(--indigo-soft);}
.location-copy h2{color:var(--paper); margin-bottom:14px;}
.location-copy p{color:var(--slate-light); font-size:15px; line-height:1.65;}
.location-copy strong{color:var(--paper); font-weight:600;}
.location-facts{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.location-fact{background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.08); border-radius:12px; padding:16px 18px;}
.location-fact .k{display:block; font-family:var(--font-mono); font-size:10.5px; text-transform:uppercase; letter-spacing:0.05em; color:var(--slate-light); margin-bottom:6px;}
.location-fact .v{font-size:14px; font-weight:600; color:var(--paper);}

@media(max-width:1000px){
  .story-grid{grid-template-columns:1fr; gap:32px;}
  .principle-grid, .team-grid{grid-template-columns:1fr 1fr;}
  .location-band{grid-template-columns:1fr; gap:32px; padding:40px 32px;}
}
@media(max-width:560px){
  .principle-grid, .team-grid, .location-facts, .story-stats{grid-template-columns:1fr;}
}