.story-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }
.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }
.value-card { background:white; border-radius:var(--r-lg); padding:2rem; border:1px solid var(--pink-mid); display:flex; flex-direction:column; gap:0.75rem; }
.value-num { font-family:var(--font-d); font-size:2.5rem; font-weight:300; color:var(--pink-lt); line-height:1; }
.value-card h3 { font-size:1.25rem; }
.value-card p { font-size:0.88rem; line-height:1.65; }
.timeline { display:flex; flex-direction:column; gap:0; position:relative; }
.timeline::before { content:''; position:absolute; left:1.25rem; top:0; bottom:0; width:1px; background:var(--pink-mid); }
.tl-item { display:flex; gap:2rem; align-items:flex-start; padding-bottom:2.5rem; position:relative; }
.tl-dot { width:2.5rem; height:2.5rem; border-radius:50%; background:var(--pink-bg); border:2px solid var(--pink); display:flex; align-items:center; justify-content:center; flex-shrink:0; z-index:1; font-family:var(--font-d); font-size:0.75rem; font-weight:500; color:var(--pink); }
.tl-content { display:flex; flex-direction:column; gap:0.35rem; padding-top:0.35rem; }
.tl-year { font-size:0.65rem; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; color:var(--pink); }
.tl-content h4 { font-size:1.1rem; }
.tl-content p { font-size:0.85rem; }
@media(max-width:768px) { .story-grid{grid-template-columns:1fr;} .values-grid{grid-template-columns:1fr;} }