.about-page{background:var(--bg)}
.about-hero{position:relative;min-height:650px;display:flex;align-items:flex-end;padding:96px 0 78px;overflow:hidden;isolation:isolate;color:#fff;background:#08111c}
.about-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('../img/astra-turm-generated-banner.webp') 70% top/cover no-repeat}
.about-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,9,16,.94) 0%,rgba(4,9,16,.72) 48%,rgba(4,9,16,.22) 100%),linear-gradient(180deg,rgba(4,9,16,.08),rgba(4,9,16,.48))}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:70px;align-items:end}
.about-hero h1{max-width:850px;margin:14px 0 0;font-size:clamp(50px,6vw,82px);line-height:.98;letter-spacing:-.055em;color:#fff}
.about-hero p{margin:0;max-width:650px;font-size:17px;line-height:1.65;color:rgba(255,255,255,.82)}
.about-hero .eyebrow{color:#ebdc4f}
.about-section{padding:88px 0}.about-section.alt{background:var(--surface)}
.about-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:start}
.about-intro h2,.about-clients-head h2,.about-leadership-copy h2,.about-stroer-copy h2{margin:10px 0 0;font-size:clamp(36px,4.6vw,58px);line-height:1.03;letter-spacing:-.045em}
.about-intro-copy{font-size:16px;line-height:1.7;color:var(--muted)}
.about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px}
.about-principle{padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.about-principle strong{display:block;font-size:17px}.about-principle p{margin:8px 0 0;font-size:12.5px;line-height:1.55;color:var(--muted)}
.about-leadership-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:72px;align-items:center}
.about-leadership-copy p{margin:18px 0 0;color:var(--muted);font-size:15px;line-height:1.7}.about-leadership-copy p strong{color:var(--text)}
.about-leadership-portraits{display:flex;justify-content:flex-end;gap:16px;align-items:flex-start}
.about-leadership-portraits figure{margin:0;width:min(100%,238px);aspect-ratio:4/5;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 16px 34px rgba(0,0,0,.08)}
.about-leadership-portraits img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.75,.2,1)}
.about-leadership-portraits figure:hover img{transform:scale(1.025)}
.about-stroer-section{padding-top:72px;padding-bottom:72px}
.about-stroer-card{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:54px;align-items:center;padding:46px 50px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#74103f 0%,#bf0262 55%,#8a134a 100%);color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.16)}
.about-stroer-logo{display:grid;place-items:center;min-height:170px;padding:26px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(5,10,18,.15);backdrop-filter:blur(8px)}
.about-stroer-logo img{width:min(230px,100%);height:auto;object-fit:contain}
.about-stroer-copy .section-kicker{color:#fff!important}.about-stroer-copy .section-kicker:before{background:#fff!important}.about-stroer-copy h2{color:#fff}.about-stroer-copy p{margin:16px 0 0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.7;max-width:760px}
.about-clients-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:34px}.about-clients-head p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}
.about-client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.about-client-logo{min-height:120px;display:grid;place-items:center;padding:24px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 88%,transparent);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
html[data-theme="dark"] .about-client-logo{background:transparent!important}
.about-client-logo:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--fabs-magenta) 42%,var(--line));box-shadow:0 18px 40px rgba(0,0,0,.10)}
.about-client-logo img{max-width:138px;max-height:52px;width:auto;height:auto;object-fit:contain;filter:none!important;opacity:1!important;transition:transform .25s ease}.about-client-logo:hover img{transform:scale(1.035)}
.about-client-fallback{font-size:16px;font-weight:800;text-align:center;line-height:1.15;color:var(--text)}
.about-cta{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:34px 38px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.about-cta h2{margin:0;font-size:clamp(30px,3.7vw,46px)}.about-cta p{margin:7px 0 0;color:var(--muted)}
@media(max-width:980px){.about-leadership-layout{grid-template-columns:1fr;gap:36px}.about-leadership-portraits{justify-content:flex-start}.about-stroer-card{grid-template-columns:1fr;gap:30px}.about-stroer-logo{min-height:130px}}
@media(max-width:900px){.about-hero{min-height:720px}.about-hero-grid,.about-intro,.about-clients-head{grid-template-columns:1fr;gap:28px}.about-principles{grid-template-columns:1fr}.about-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.about-leadership-portraits{gap:10px}.about-leadership-portraits figure{width:calc(50% - 5px)}.about-stroer-card{padding:30px 24px}.about-client-grid{grid-template-columns:1fr 1fr}.about-client-logo{min-height:100px;padding:18px}.about-client-logo img{max-width:110px;max-height:42px}}