.about-story-refined { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:clamp(2rem,4vw,4rem); align-items:center; max-width:1240px; margin-inline:auto; }
.studio-page .about-story-refined h2 { font-size:clamp(2.25rem,3.4vw,3.5rem); line-height:1.17; }
.studio-page .about-story-refined .studio-kicker { font-size:1.05rem; line-height:1.6; margin:0 0 1.25rem; }
.studio-page .about-story-refined p:not(.studio-kicker) { font-size:1.15rem; line-height:1.85; margin-top:1.3rem; }
.about-story-refined .about-story-visual { width:100%; max-width:480px; justify-self:center; border:1px solid #dae3e9; border-radius:1.25rem; box-shadow:0 18px 40px -30px #354c6a80; }
.about-story-refined .about-story-visual > img { width:100%; height:250px; aspect-ratio:auto; object-fit:cover; object-position:center 48%; }
.about-story-refined figcaption { padding:1.75rem; gap:1.25rem; }
.about-story-refined figcaption > span { color:#b5eaf1; font-weight:700; font-size:1rem; }
.about-approach-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; list-style:none; padding:0; margin:0; }
.about-approach-steps li { border-top:1px solid #8296ad; padding-top:1rem; display:flex; flex-direction:column; gap:.7rem; }
.about-approach-steps li > span { color:#a5e5ef; font-size:1rem; font-weight:600; }
.about-story-refined .about-approach-steps strong { font-size:1.05rem; line-height:1.5; color:#fff; overflow-wrap:anywhere; }
.about-story-refined .studio-actions { gap:1.25rem; }
html[dir="rtl"] .about-story-refined h2 { line-height:1.5; }
@media(max-width:850px){ .about-story-refined { grid-template-columns:1fr; } .about-story-refined .about-story-visual { max-width:560px; justify-self:start; } }
@media(max-width:480px){ .about-story-refined .about-story-visual > img { height:210px; } .about-story-refined figcaption { padding:1.25rem; } .studio-page .about-story-refined p:not(.studio-kicker) { font-size:1.1rem; } }