.about{background:var(--color-light);padding-top:100px;padding-bottom:100px}.about__inner{display:flex;align-items:flex-start;justify-content:space-between;gap:60px;margin-bottom:70px}.about__main{flex:1;display:flex;flex-direction:column;gap:40px;max-width:806px}.about__header{display:flex;flex-direction:column;gap:24px}.about__tag{font-family:'Kobzar KS',sans-serif;font-weight:400;font-size:30px;line-height:.8;color:var(--color-orange);letter-spacing:-.6px}.about__heading{font-family:'e-Ukraine',sans-serif;font-weight:700;font-size:52px;line-height:1.1;color:var(--color-graphite);text-transform:uppercase;letter-spacing:-3.12px}.about__heading-accent{color:var(--color-orange)}.about__text p{font-family:'e-Ukraine',sans-serif;font-weight:300;font-size:16px;line-height:1.6;color:var(--color-dark);margin-bottom:16px}.about__text p:last-child{margin-bottom:0}.about__text ul{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px}.about__text ul:last-child{margin-bottom:0}.about__text ul li{font-family:'e-Ukraine',sans-serif;font-weight:300;font-size:16px;line-height:1.6;color:var(--color-dark);padding-left:28px;position:relative}.about__text ul li::before{content:'';position:absolute;left:0;top:3px;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23EF774A' d='M20.293 5.293L9 16.586L3.707 11.293L2.293 12.707L9 19.414L21.707 6.707z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.about__visual{flex-shrink:0;width:485px;display:flex;flex-direction:column;align-items:center;gap:25px}.about__gerb{width:100%;aspect-ratio:485 / 487;overflow:hidden}.about__gerb img{width:100%;height:100%;object-fit:contain;display:block}.about__badge{background:#e5e1d8;border-radius:50px;padding:8px 30px;font-family:'e-Ukraine',sans-serif;font-weight:300;font-size:14px;line-height:1.6;color:var(--color-dark);white-space:nowrap}.about__cards{display:flex;gap:7px}.about__card{flex:1;min-height:147px;border-radius:16px;border:1px solid rgb(255 255 255 / .1);padding:30px;position:relative;overflow:hidden;display:flex;align-items:center;backdrop-filter:blur(47px);-webkit-backdrop-filter:blur(47px)}.about__card--green{background:var(--color-green)}.about__card--graphite{background:var(--color-graphite)}.about__card--dark{background:var(--color-dark)}.about__card::before{content:'';position:absolute;inset:0;background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none;border-radius:16px}.about__card--green::before{background-image:url(/wp-content/themes/osonnya-academy/img/home/about-card-bg-1.svg)}.about__card--graphite::before{background-image:url(/wp-content/themes/osonnya-academy/img/home/about-card-bg-2.svg)}.about__card--dark::before{background-image:url(/wp-content/themes/osonnya-academy/img/home/about-card-bg-3.svg)}.about__card-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:9px;width:100%}.about__card-header{display:flex;align-items:center;gap:16px}.about__card-icon{display:flex;align-items:center;flex-shrink:0}.about__card-title{font-family:'e-Ukraine',sans-serif;font-weight:500;font-size:24px;line-height:1.6;color:var(--color-light);white-space:nowrap}.about__card-desc{font-family:'e-Ukraine',sans-serif;font-weight:300;font-size:14px;line-height:1.4;color:var(--color-light)}@media (max-width:1024px){.about{padding-top:70px;padding-bottom:70px}.about__visual{width:340px}.about__gerb{width:100%;aspect-ratio:485 / 487}.about__heading{font-size:40px;letter-spacing:-2px}.about__card-title{font-size:20px}.about__card{padding:20px}.about__card::before{background-size:cover}}@media (max-width:768px){.about{padding-top:50px;padding-bottom:50px}.about__inner{flex-direction:column-reverse;gap:32px;margin-bottom:32px}.about__main{gap:24px;max-width:100%}.about__visual{width:100%;align-items:center;gap:16px}.about__gerb{width:157px;aspect-ratio:157 / 158}.about__tag{font-size:24px;letter-spacing:-.48px}.about__heading{font-size:32px;letter-spacing:-1.92px}.about__header{gap:10px}.about__badge{padding:6px 30px;font-size:12px}.about__cards{flex-direction:column}.about__card{min-height:auto;padding:24px}.about__card-title{font-size:20px}}