/* 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;}

/* LOCATION */
.location{padding:0 0 80px;}
.location-band{background:var(--indigo); 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(--white); margin-bottom:14px;}
.location-copy p{color:var(--slate-light); font-size:15px; line-height:1.65;}
.location-copy strong{color:var(--white); 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(--white);}

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