.about-wow { position: relative; overflow: hidden; background: #fff; color: #0a204a; }
.about-wow__shell { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .92fr); }
.about-wow__copy { display: flex; flex-direction: column; justify-content: center; padding: 78px 70px 72px max(30px, calc((100vw - 1640px) / 2)); background: #fff; }
.about-wow h2 { max-width: 760px; margin: 0; color: #071d48; font-size: clamp(3rem, 4.55vw, 5.2rem); line-height: .92; letter-spacing: -.07em; }
.about-wow h2 span { color: #0b7df0; }
.about-wow__lead { max-width: 620px; margin: 25px 0 0; color: #35557f; font-size: 1.06rem; line-height: 1.58; }
.about-wow__visual { position: relative; overflow: hidden; min-height: 500px; background: #05285e; }
.about-wow__visual > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; filter: saturate(1.08) contrast(1.02) brightness(.91); }
.about-wow__fade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(1,19,53,.38), rgba(1,19,53,.08) 58%, rgba(1,19,53,.34)), linear-gradient(0deg, rgba(0,15,43,.66), transparent 58%); }
.about-wow__city-card { position: absolute; right: auto; bottom: 9%; left: 8%; display: flex; align-items: center; gap: 12px; max-width: calc(100% - 16%); padding: 12px 15px 12px 12px; border: 1px solid rgba(151,208,255,.68); border-radius: 10px; background: rgba(3,30,78,.72); box-shadow: 0 14px 30px rgba(0,0,0,.20); backdrop-filter: blur(9px); color: #fff; }
.about-wow__city-card > i { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(154,215,255,.7); border-radius: 50%; background: rgba(13,116,231,.23); color: #a9dcff; font-size: 1.25rem; font-style: normal; }
.about-wow__city-card span, .about-wow__city-card small { display: block; color: #9fd5ff; font-size: .65rem; font-weight: 900; letter-spacing: .13em; }
.about-wow__city-card strong { display: block; margin: 3px 0; font-size: clamp(1.25rem, 2.1vw, 1.75rem); letter-spacing: -.04em; line-height: 1; }
.about-wow__city-card small { color: #d7edff; font-weight: 600; letter-spacing: .02em; }
.about-wow__pillars { z-index: 3; grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(117,188,255,.7); border-bottom: 1px solid rgba(117,188,255,.7); overflow: hidden; background: #061d4b; }
.about-wow__pillars article { min-height: 104px; padding: 22px 20px; border-right: 1px solid rgba(117,188,255,.38); color: #dceeff; }
.about-wow__pillars article:last-child { border: 0; }
.about-wow__pillars b { display: block; color: #fff; font-size: .92rem; }
.about-wow__pillars small { display: block; max-width: 210px; margin-top: 6px; color: #a8c9ec; font-size: .7rem; line-height: 1.35; }
@media (max-width: 950px) { .about-wow__shell { grid-template-columns: 1fr; } .about-wow__copy { padding: 68px 30px 58px; } .about-wow__visual { min-height: 440px; } .about-wow__pillars { grid-template-columns: 1fr 1fr; } .about-wow__pillars article:nth-child(2) { border-right: 0; } .about-wow__pillars article:nth-child(-n+2) { border-bottom: 1px solid rgba(117,188,255,.38); } }
@media (max-width: 520px) { .about-wow__copy { padding: 52px 22px 48px; } .about-wow h2 { font-size: 2.85rem; } .about-wow__lead { font-size: .97rem; } .about-wow__visual { min-height: 360px; } .about-wow__city-card { right: auto; bottom: 8%; left: 7%; max-width: 86%; padding: 11px 13px 11px 11px; } .about-wow__city-card > i { flex-basis: 34px; width: 34px; height: 34px; } .about-wow__city-card small { font-size: .58rem; } .about-wow__pillars { grid-template-columns: 1fr; } .about-wow__pillars article, .about-wow__pillars article:nth-child(2) { min-height: 0; padding: 18px 22px; border-right: 0; border-bottom: 1px solid rgba(117,188,255,.38); } .about-wow__pillars article:last-child { border-bottom: 0; } }