.story{background:white;border-radius:18px;overflow:hidden;margin:35px 0 70px;box-shadow:0 8px 30px #06264109}.head{padding:38px 40px 20px}.head p{max-width:850px}.facts{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.facts span{font-size:12px;border:1px solid #d7e4e7;padding:5px 12px;border-radius:20px}.gallery{padding:0 40px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}figure{margin:0;background:#eff5f5;border-radius:9px;overflow:hidden}figure img{display:block;width:100%;height:290px;object-fit:contain;background:#e4ebee}figcaption{padding:13px 16px;font-size:14px;font-weight:bold}figcaption b{color:var(--teal);margin-right:9px}.copy{padding:10px 40px 35px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:step}.step{background:#f3f7f8;padding:20px;border-top:3px solid var(--teal)}.step:before{counter-increment:step;content:'0' counter(step);font-size:12px;font-weight:bold;color:var(--teal)}.step h3{margin:8px 0}.step p{font-size:14px;margin:0}.note{font-size:13px;color:#526777;border-top:1px solid #dce7ec;padding-top:15px}.cta{padding:35px 40px;background:var(--navy);color:white;display:flex;gap:25px;align-items:center;justify-content:space-between}.cta h3{margin:0 0 5px}.cta p{margin:0;font-size:14px}.button{display:inline-block;white-space:nowrap;background:var(--gold);color:var(--navy);padding:11px 18px;border-radius:5px;text-decoration:none;font-weight:bold;font-size:14px}.ar{border-top:1px solid #dce7ec;padding-top:18px;direction:rtl;text-align:right}.ar h3{font-size:22px}.ar p{font-size:17px}.project-story.wrap{max-width:1160px;margin:40px auto;padding:0 20px}.project-story h2{font-size:36px;line-height:1.2}.project-story .eyebrow{color:#008b8b}.project-story .button{background:#ffc928;color:#062641}.project-story .ar{direction:rtl;text-align:right;border-top:1px solid #dde6ec;padding-top:20px}@media(max-width:720px){.project-story .gallery{grid-template-columns:1fr;padding:0 15px}.project-story .head,.project-story .copy{padding:25px 15px}.project-story .steps{grid-template-columns:1fr}.project-story .cta{display:block;padding:25px 20px}.project-story .cta .button{margin-top:15px}}
.project-story h1{font-size:clamp(30px,4vw,44px);line-height:1.18;margin:15px 0 25px;color:#062641}.project-story .gallery figcaption{color:#062641}.project-story figure img{background:#e4ebee}.project-story .head p,.project-story .copy p{line-height:1.7}