/* About section: paths are relative to the theme stylesheet in WordPress. */
.about-story{--story-navy:#08233a;--story-red:#ec101e;position:relative;isolation:isolate;overflow:hidden;min-height:1024px;padding:60px 2.2% 58px 55.2%;background:linear-gradient(115deg,#f7f9fb,#fff 70%,#f2f5f8);color:#4d596c}
.about-story::after{content:"";position:absolute;z-index:-1;right:2%;top:-15%;width:15%;height:50%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(5,33,55,.045),transparent);pointer-events:none}
.about-story-art{position:absolute;z-index:-2;inset:0 auto 0 0;width:55%;background:url('../img/fon/bl 2 ab fon.jpg') right center/auto 100% no-repeat;mask-image:linear-gradient(90deg,#000 80%,transparent 100%)}
.about-story-inner{max-width:720px;margin:0 auto}
.about-story-kicker{display:flex;align-items:center;gap:18px;margin:0 0 21px!important;color:var(--story-red)!important;font:700 15px/1.2 var(--font-body)!important;letter-spacing:.18em;text-transform:uppercase}
.about-story-kicker::before{content:"";width:46px;height:3px;background:currentColor}
.about-story-copy h2{margin:0 0 24px;color:var(--story-navy);font:800 clamp(58px,4.9vw,78px)/.88 var(--font-heading);letter-spacing:-.025em}
.about-story-copy h2 em{color:var(--story-red);font-style:normal}
.about-story-copy>p:not(.about-story-kicker){margin:0 0 12px;font:400 16px/1.29 var(--font-body);color:#4d596c}
.about-story-copy h3{margin:25px 0 9px;padding-top:20px;color:var(--story-navy);font:800 31px/.98 var(--font-heading);letter-spacing:-.02em;position:relative}
.about-story-copy h3::before{content:"";position:absolute;left:0;top:0;width:45px;height:2px;background:var(--story-red)}
.about-story-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:35px 0 0;margin-left:-23%;width:123%}
.about-story-card{min-width:0;background:rgba(255,255,255,.5);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}
.about-story-card:hover{transform:translateY(-8px);box-shadow:0 18px 34px rgba(8,35,58,.1)}
.about-story-image{height:122px;position:relative;clip-path:polygon(17% 0,100% 0,83% 100%,0 100%);overflow:hidden}
.about-story-image>img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.about-story-card:hover .about-story-image>img{transform:scale(1.08)}
.about-story-icon{position:absolute;left:8%;bottom:0;width:55px;height:48px;display:grid;place-items:center;background:var(--story-red);transform:skewX(-18deg)}
.about-story-icon img{max-width:31px;max-height:31px;object-fit:contain;transform:skewX(18deg)}
.about-story-card-copy{padding:9px 10px 17px 17px;min-height:138px}
.about-story-card h4{margin:0 0 5px;color:var(--story-navy);font:700 18px/.98 var(--font-heading)}
.about-story-card p{margin:0;color:#4d596c;font:400 14px/1.22 var(--font-body)}
.about-hero .about-hero-features{margin-bottom:0}
@media(max-width:1100px){.about-story{padding-left:48%;padding-right:3%}.about-story-art{width:49%}.about-story-cards{margin-left:-12%;width:112%}}
@media(max-width:760px){.about-story{min-height:0;padding:48px 7.8% 65px;background:linear-gradient(110deg,#fff,#f9fbfc 85%,#fff)}.about-story::after{right:-6%;top:-4%;width:18%;height:18%}.about-story-art{display:none}.about-story-inner{max-width:none}.about-story-kicker{font-size:clamp(12px,2vw,17px)!important;margin-bottom:15px!important}.about-story-kicker::before{width:60px;height:2px}.about-story-copy h2{font-size:clamp(44px,8.2vw,76px);line-height:.92;margin-bottom:23px}.about-story-copy>p:not(.about-story-kicker){font-size:clamp(16px,2.55vw,23px);line-height:1.28;margin-bottom:12px}.about-story-copy h3{font-size:clamp(28px,5vw,46px);margin-top:32px;padding-top:30px;margin-bottom:8px}.about-story-copy h3::before{width:62px}.about-story-cards{width:100%;margin:35px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:25px}.about-story-card{background:transparent}.about-story-image{height:auto;aspect-ratio:2.35}.about-story-icon{width:70px;height:62px}.about-story-icon img{max-width:39px;max-height:39px}.about-story-card-copy{padding:11px 0 0 2px;min-height:0}.about-story-card h4{font-size:clamp(20px,2.65vw,25px);line-height:1.02}.about-story-card p{font-size:clamp(15px,2.45vw,20px);line-height:1.2}.desktop-only{display:none}}
@media(max-width:480px){.about-story{padding:36px 6% 55px}.about-story-kicker::before{width:34px}.about-story-copy h2{font-size:clamp(37px,9vw,48px)}.about-story-copy>p:not(.about-story-kicker){font-size:15px;line-height:1.36}.about-story-copy h3{font-size:30px}.about-story-cards{gap:25px 13px}.about-story-image{aspect-ratio:1.8}.about-story-icon{width:47px;height:43px}.about-story-icon img{max-width:28px;max-height:28px}.about-story-card h4{font-size:18px}.about-story-card p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.about-story-card,.about-story-image>img{transition:none}}
