.about-hero{ padding-top:150px; }
.about-grid{ display:grid; grid-template-columns:.9fr 1.4fr; gap:70px; align-items:start; }
.about-grid .label-col{ font-size:.85rem; color:var(--ink-dim); letter-spacing:.02em; }
.about-grid .statement{ font-family:var(--f-display); font-size:clamp(1.5rem,3vw,2.3rem); font-weight:600; letter-spacing:-0.01em; line-height:1.32; }
.about-grid .statement .script{ font-family:var(--f-script); font-style:italic; font-weight:600; }

.about-photos{ display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:56px; background:var(--line); }
.photo-block{ aspect-ratio:4/5; position:relative; overflow:hidden; }
.photo-block img{ width:100%; height:100%; object-fit:cover; }
.photo-block.b{ display:flex; align-items:flex-end; }
.find-run-cta{
  position:relative; z-index:2; margin:24px; width:calc(100% - 48px); display:flex; align-items:center; justify-content:space-between;
  background:rgba(var(--bg-rgb),.7); backdrop-filter:blur(8px); border:1px solid var(--line-strong); padding:16px 20px;
}
.find-run-cta span{ font-weight:700; font-size:.92rem; }
.find-run-cta span em{ font-style:normal; color:var(--ink-dim); font-weight:600; margin-left:6px; }

@media (max-width:900px){ .about-grid{ grid-template-columns:1fr; gap:30px; } .about-photos{ grid-template-columns:1fr; } }

/* ============ VALUES ============ */
.values-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:50px; }
.value-card{ background:var(--bg); padding:40px 32px; transition:background .4s var(--ease); }
.value-card:hover{ background:var(--bg-raised); }
.value-card .num{ font-family:var(--f-display); font-size:.85rem; color:var(--ink-dim); font-weight:700; }
.value-card h3{ font-family:var(--f-display); font-size:1.5rem; font-weight:700; margin:16px 0 12px; letter-spacing:-0.01em; }
.value-card p{ color:var(--ink-dim); font-size:.92rem; line-height:1.55; }

@media (max-width:900px){ .values-grid{ grid-template-columns:1fr; } }

/* ============ BRAND STORY ============ */
.brand-story{ padding:clamp(90px,11vw,150px) 0; border-top:1px solid var(--line); }
.brand-story-grid{ display:grid; grid-template-columns:.9fr 1.4fr; gap:70px; align-items:start; }
.brand-story-grid .label-col{ font-size:.85rem; color:var(--ink-dim); letter-spacing:.02em; position:sticky; top:120px; }
.brand-story-grid .label-col .accent-dot{ display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--accent); margin-right:10px; }
.story-content h2{
  font-family:var(--f-display); font-weight:700; font-size:clamp(2.1rem,4.6vw,3.5rem);
  letter-spacing:-0.03em; line-height:1.08; margin:0 0 34px;
}
.story-content h2 .script{ font-family:var(--f-script); font-style:italic; font-weight:600; color:var(--accent); }
.story-content p{ font-size:1.05rem; line-height:1.8; color:var(--ink-dim); margin:0 0 24px; max-width:660px; }
.story-content p:first-of-type{ color:var(--ink); font-size:1.18rem; }
.story-content p:last-of-type{ margin-bottom:0; }
.story-content .frame-rule{ width:60px; height:3px; background:var(--accent); margin:0 0 34px; }

@media (max-width:900px){
  .brand-story-grid{ grid-template-columns:1fr; gap:26px; }
  .brand-story-grid .label-col{ position:static; }
}