.about-container {margin:0 auto; max-width:1200px; padding:0 20px; max-width:1200px; margin:0 auto; padding:0 20px;}
.about-hero__bg {align-items:center; background-position:center center; background-size:cover; display:flex; min-height:420px; position:relative; position:relative; background-size:cover; background-position:center center; min-height:420px; display:flex; align-items:center;}
.about-hero__buttons {display:flex; flex-wrap:wrap; gap:14px; justify-content:center; display:flex; flex-wrap:wrap; justify-content:center; gap:14px;}
.about-hero__inner {padding:100px 0 120px; position:relative; text-align:center; position:relative; padding:100px 0 120px; text-align:center;}
.about-hero__overlay {background:linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0, 0, 0, 0.7)); inset:0; position:absolute; position:absolute; inset:0; background:linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0, 0, 0, 0.7));}
.about-hero__subtitle {font-size:17px; margin:0 auto 28px; max-width:720px; max-width:720px; margin:0 auto 28px; font-size:17px;}
.about-hero__title {font-size:clamp(32px,3vw + 18px,40px); font-weight:700; margin-bottom:18px; font-size:clamp(32px,3vw + 18px,40px); font-weight:700; margin-bottom:18px;}
.about-page {background-color:#05060a; color:#ffffff; font-size:16px; line-height:1.7; background-color:#05060a; color:#ffffff; font-size:16px; line-height:1.7;}
.about-page a {color:#ffffff; color:#ffffff;}
