/* About page: the original public-page composition, scoped to this page. */
.about-page .about-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px;padding:28px;align-items:center}
.about-page .about-copy{min-width:0}
.about-page .about-hero h2{display:block;font-size:33px;line-height:1.8;margin:0 0 14px}
.about-page .about-hero p{margin:0;line-height:2}
.about-page .about-hero .app-button{margin-top:22px}
.about-page .about-hero>img{display:block;width:100%;height:360px;object-fit:cover;border-radius:17px}
.about-page .about-values{align-items:stretch}
.about-page .about-value{margin:0}
.about-page .about-value-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.about-page .about-value-icon{display:block;flex:none;width:40px;height:40px}
.about-page .about-value-icon :is(.icon,.pack-icon){width:100%;height:100%;object-fit:contain}
.about-page .about-value h2{font-size:18px;margin:0;line-height:1.8}
.about-page .about-value p{margin:0}
@media(max-width:1000px){.about-page .about-hero h2{font-size:28px}}
@media(max-width:700px){
 .about-page .about-hero{display:flex;flex-direction:column;padding:20px;gap:24px}
 .about-page .about-copy{width:100%}
 .about-page .about-hero h2{font-size:27px}
 .about-page .about-hero>img{height:250px}
 .about-page .about-values{grid-template-columns:minmax(0,1fr);gap:12px}
 .about-page .about-value-icon{width:36px;height:36px}
}