/* Inner pages (About, Services). Tiles, about card and why grid come from home.css. */
.inner{max-width:var(--max)}
.inner__head{margin-bottom:26px;max-width:720px}
.inner__head h1,.about__card--page h1{font-size:clamp(32px,4vw,50px);margin-bottom:12px}
main .about__card--page{padding:clamp(24px,3vw,36px);margin:0 0 40px;max-width:none;align-items:flex-start}
.about__card--page .about__photo{width:clamp(140px,16vw,200px);margin-top:4px}
.about__card--page p{margin-bottom:12px}
.about__card--page p:last-child{margin-bottom:0}
.why--page{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-bottom:24px}
.why--page li{padding:28px 26px 30px}
.inner .existing{padding:clamp(56px,8vh,90px) 0 0;max-width:none;margin:0}
main .inner__cta{border-radius:32px;padding:clamp(28px,4vw,48px);text-align:center;margin:clamp(56px,8vh,90px) 0 0;max-width:none}
.inner__cta h2{margin-bottom:18px}
.close__btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
@media (max-width:980px){.why--page{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.why--page{grid-template-columns:1fr}.about__card--page{flex-direction:column}}