.about-story{background:#fff;padding-block:80px}.about-story-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:clamp(35px,5vw,72px);align-items:center}.about-city{position:relative;min-width:0;height:530px;border-radius:15px 60px 15px 15px;overflow:hidden;background:#dce7f2;isolation:isolate}.about-city-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 10%}.about-city:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#12375a44);z-index:0;pointer-events:none}.about-photo-brand{position:absolute;top:22px;inset-inline-start:22px;width:48px;height:48px;display:grid;place-items:center;background:#fff;border-radius:11px;box-shadow:0 2px 16px #18395a0a}.about-photo-brand>img{width:30px;height:30px;object-fit:contain}.about-place{position:absolute;left:22px;right:22px;bottom:22px;background:#fff;padding:21px;display:flex;align-items:flex-start;gap:13px;border-radius:11px;z-index:1;box-shadow:0 9px 28px #12375a13}.about-place-dot{height:7px;width:7px;flex-shrink:0;background:var(--cyan);border-radius:50%;margin-top:4px;box-shadow:0 0 0 4px #109fd112;animation:about-pulse 3s ease-in-out infinite}.about-place>div{display:grid;gap:7px}.about-place-label{font-size:9px;color:#688097;letter-spacing:.1em}.about-place strong{font-size:20px;color:var(--navy);font-weight:500;letter-spacing:-.025em;line-height:1.4}.about-place>div>span:last-child{font-size:11px;color:#678098}.about-place-arrow{margin-inline-start:auto;align-self:center;color:var(--cyan);font-size:23px}
.about-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:500;letter-spacing:.1em;color:#55718d;line-height:1.5}.about-eyebrow>span:first-child:not(:only-child){width:7px;height:7px;background:var(--cyan)}.about-story h2{font-size:clamp(35px,4.3vw,60px);font-weight:600;line-height:1.12;letter-spacing:-.035em;color:var(--navy);margin:24px 0}.about-story h2>span{display:block}.about-story h2 .about-accent{color:var(--cyan)}.about-story-lead{font-size:15px;color:#586f85;line-height:1.85;max-width:48ch}.about-proof{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:26px 0 24px;border-top:1px solid var(--line);padding-top:22px}.about-proof>div{display:grid;gap:6px;align-content:start}.about-proof strong{font-size:39px;line-height:1.1;letter-spacing:-.06em;color:var(--navy);font-weight:500;direction:ltr;text-align:start}.about-proof strong>span{color:var(--cyan)}.about-proof .about-languages{font-size:26px;letter-spacing:-.025em;line-height:1.65}.about-proof>div>span{font-size:10px;color:#6c8297;line-height:1.65;max-width:150px}.about-contact{display:inline-flex;align-items:center;gap:24px;padding-bottom:8px;border-bottom:1px solid #b7ccde;text-decoration:none;font-size:13px;color:var(--navy);font-weight:500}.about-contact>span:last-child{font-size:21px;color:var(--cyan);line-height:1;transition:translate .3s}.about-contact:hover>span:last-child{translate:3px -3px}
.about-expertise{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:45px;margin-top:55px;padding-top:30px;border-top:1px solid var(--line)}.about-expertise-intro>.about-eyebrow{font-size:8px;letter-spacing:.09em}.about-expertise h3{font-size:23px;line-height:1.4;letter-spacing:-.025em;font-weight:500;margin-top:14px;color:var(--navy)}.about-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.about-tabs button{position:relative;display:grid;align-content:start;gap:9px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:0 0 14px;text-align:start;cursor:pointer;font-size:11px;color:#6b8297;line-height:1.45;transition:color .3s}.about-tab-num{font-size:10px;font-variant-numeric:tabular-nums;color:#97aaba}.about-tabs button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left}.about-tabs button[aria-selected=true]{color:var(--navy)}.about-tabs button[aria-selected=true] .about-tab-num{color:var(--cyan)}.about-tabs button[aria-selected=true]:after{animation:about-tab-progress 6s linear both}.about-story.is-interacting .about-tabs button[aria-selected=true]:after{animation:none;transform:scaleX(1)}.about-panels{margin-top:18px;min-height:77px}.about-panels [role=tabpanel]{animation:about-panel .4s ease both}.about-panels [hidden]{display:none}.about-panels p{font-size:13px;line-height:1.85;color:#597188;max-width:70ch}.about-story.motion-paused *{animation-play-state:paused!important}
@keyframes about-pulse{50%{box-shadow:0 0 0 7px #109fd112}}@keyframes about-panel{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}@keyframes about-tab-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
[dir=rtl] .about-story h2{letter-spacing:0;line-height:1.35;font-size:clamp(34px,4.1vw,55px)}[dir=rtl] .about-eyebrow,[dir=rtl] .about-place-label{letter-spacing:0}[dir=rtl] .about-place{direction:rtl}[dir=rtl] .about-proof strong{text-align:right}[dir=rtl] .about-contact>span:last-child,[dir=rtl] .about-place-arrow{scale:-1 1}[dir=rtl] .about-tabs button:after{transform-origin:right}[dir=rtl] .about-tabs button{font-size:13px}[dir=rtl] .about-proof>div>span{font-size:12px}
@media(max-width:960px){.about-story{padding-block:60px}.about-story-grid{gap:32px}.about-city{height:475px}.about-story h2{font-size:39px}.about-story-lead{font-size:13px}.about-proof{margin-block:20px;gap:15px}.about-place{left:16px;right:16px;bottom:16px;padding:16px}.about-place strong{font-size:17px}.about-expertise{gap:30px;grid-template-columns:1fr 2fr}.about-tabs{gap:12px}.about-expertise h3{font-size:21px}}
@media(max-width:700px){.about-story-grid{grid-template-columns:1fr;gap:32px}.about-city{height:440px;border-radius:13px 50px 13px 13px;order:2}.about-story-copy{order:1}.about-story h2{font-size:48px;margin-block:20px}.about-story-lead{font-size:15px;max-width:100%}.about-proof{margin-block:25px}.about-proof strong{font-size:41px}.about-proof .about-languages{font-size:28px}.about-proof>div>span{font-size:11px;max-width:170px}.about-expertise{grid-template-columns:1fr;gap:25px;margin-top:35px}.about-expertise h3{font-size:25px}.about-expertise-intro>.about-eyebrow{font-size:9px}.about-tabs button{font-size:11px;gap:8px}.about-panels{min-height:105px}.about-panels p{font-size:13px}.about-story{padding-block:48px}.about-place strong{font-size:20px}}
@media(max-width:380px){.about-story h2{font-size:42px}.about-city{height:390px}.about-tabs{gap:9px}.about-tabs button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.about-story *{animation:none!important;transition:none!important}.about-tabs button[aria-selected=true]:after{transform:scaleX(1)}}