/* Site /hakkimizda: page-specific layout. Every rule is scoped to .about_page. Photos are crops of the approved mockup. */
.about_page .about_wrap{max-width:1240px;margin:0 auto;padding-inline:clamp(20px,4vw,48px);box-sizing:content-box}
.about_page .about_sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.about_page .about_eyebrow{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#C41F27}
.about_page h1,.about_page h2,.about_page h3{font-family:'Archivo',sans-serif;color:#1F2F5C}

.about_page .about_hero{background:linear-gradient(180deg,#FFFFFF 0%,#F4F7FD 100%);overflow:hidden}
.about_page .about_hero_grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px;align-items:center;padding-block:56px}
.about_page .about_hero h1{margin:0 0 22px;font-size:clamp(40px,5vw,66px);line-height:1.04;font-weight:700;letter-spacing:-.02em}
.about_page .about_lead{margin:0;max-width:34em;font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:#4B5363}
.about_page .about_rule{display:block;width:40px;height:3px;margin-top:26px;background:#C41F27}
.about_page .about_hero_photo img{display:block;width:100%;height:auto;clip-path:polygon(26.8% 0,100% 0,100% 100%,.8% 100%)}

.about_page .about_principles{background:#F1F5FC;border-top:1px solid #DCE1EA;border-bottom:1px solid #DCE1EA}
.about_page .about_principles_grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-block:0;padding-block:44px}
.about_page .about_principles_grid li{padding:0 28px;border-left:1px solid #DCE1EA}
.about_page .about_principles_grid li:first-child{padding-left:0;border-left:0}
.about_page .about_principles_grid .about_icon{width:44px;height:44px;margin-bottom:16px;color:#1F2F5C}
.about_page .about_principles_grid h3{margin:0 0 8px;font-size:19px;font-weight:700;line-height:1.25}
.about_page .about_principles_grid p{margin:0;font-size:15px;line-height:1.6;color:#4B5363}

.about_page .about_who_grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4vw,56px);align-items:center;padding-block:72px}
.about_page .about_who_photo img{display:block;width:100%;height:auto;border-radius:12px}
.about_page .about_who h2{margin:0 0 18px;font-size:clamp(30px,3.4vw,46px);line-height:1.08;font-weight:700;letter-spacing:-.02em}
.about_page .about_who_text>p:not(.about_eyebrow){margin:0 0 12px;font-size:17px;line-height:1.6;color:#4B5363}
.about_page .about_trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0 0}
.about_page .about_trio>div{padding:0 20px;border-left:1px solid #DCE1EA}
.about_page .about_trio>div:first-child{padding-left:0;border-left:0}
.about_page .about_trio .about_icon{width:34px;height:34px;margin-bottom:8px;color:#C41F27}
.about_page .about_trio dt{margin:0 0 4px;font-family:'Archivo',sans-serif;font-size:16px;font-weight:700;color:#0F1114}
.about_page .about_trio dd{margin:0;font-size:14px;line-height:1.5;color:#4B5363}

.about_page .about_close{position:relative;overflow:hidden;background:#0D1B3D;color:#FFFFFF}
.about_page .about_close>img{position:absolute;top:0;right:0;width:64%;height:100%;object-fit:cover;opacity:.95;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 48%);mask-image:linear-gradient(to right,transparent 0,#000 48%)}
.about_page .about_close_inner{position:relative;padding-block:64px}
.about_page .about_close h2{margin:0 0 12px;max-width:16em;color:#FFFFFF;font-size:clamp(30px,3.6vw,48px);line-height:1.1;font-weight:700;letter-spacing:-.02em}
.about_page .about_close p{margin:0 0 26px;font-size:18px;line-height:1.5;color:#E4EBFF}
.about_page .about_btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;background:#C41F27;color:#FFFFFF;font-weight:600;text-decoration:none}
.about_page .about_btn:hover{background:#A9191F;color:#FFFFFF}
.about_page .about_btn:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}

@media (max-width:900px){
  .about_page .about_hero_grid,.about_page .about_who_grid{grid-template-columns:minmax(0,1fr)}
  .about_page .about_hero_grid{padding-block:40px}
  .about_page .about_hero_photo img{clip-path:none}
  .about_page .about_principles_grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .about_page .about_principles_grid li:nth-child(odd){padding-left:0;border-left:0}
  .about_page .about_who_grid{padding-block:48px}
  .about_page .about_close>img{width:100%;opacity:.55}
}
@media (max-width:560px){
  .about_page .about_principles_grid{grid-template-columns:minmax(0,1fr)}
  .about_page .about_principles_grid li{padding:0;border-left:0}
  .about_page .about_trio{grid-template-columns:minmax(0,1fr);row-gap:18px}
  .about_page .about_trio>div{padding:0;border-left:0}
  .about_page .about_close_inner{padding-block:48px}
}