/* Общие стили для всех секций */
.home section:not(:last-child) { margin-bottom:140px; }
.home section:not(.intro) { min-height:550px; }

.home section.witharrow { position:relative; cursor:pointer; transition:0.1s all; }
.home section.witharrow:after { content:''; position:absolute; right:50px; bottom:50px; background:url(/assets/svg/arrow-right.svg) no-repeat; width:50px; height:37px; transition:0.1s opacity; }
.home section.witharrow:hover:after { opacity:0.65; }
.home section.witharrow:active { transform:scale(0.99); }
.home section.witharrow h2 a { color:inherit; outline:none; user-drag:none; }
.home section.witharrow h2 a:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:999; }
.home section.witharrow h2 a:focus-visible:after { outline:2px solid #000; border-radius:20px; }

/* intro */
section.intro { max-width:none; width:auto; color:#fff; padding:0 20px; }
section.intro > div { margin:0 auto; background:var(--primary); border-radius:20px; padding:0 50px; position:relative; overflow:hidden; }
section.intro > div video { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }
section.intro > div:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to right, hsla(220,100%,45%,.75) 35%, hsla(0,0%,0%,.35) 65%); z-index:2; }
section.intro > div > div { margin:0 auto; max-width:1180px; padding:240px 50px; box-sizing:border-box; position:relative; z-index:3; }
section.intro h1 { font-size:0; line-height:0; background:url(/assets/svg/n7capital-white.svg); background-repeat:no-repeat; background-size:contain; margin-bottom:20px; width:244px; height:56px; }
section.intro p { font-size:24px; line-height:36px; max-width:400px; margin-bottom:0; }

/* about */
section.about { border:1px solid hsla(220,20%,40%,.15); border-radius:20px; padding:50px; display:flex; justify-content:space-between; column-gap:30px; }
section.about h2 { font-size:20px; line-height:26px; margin-bottom:20px; }
section.about p { font-size:34px; line-height:48px; max-width:440px; letter-spacing:0; margin-bottom:0; }
section.about:hover { border-color:hsla(220,20%,40%,.3); }

/* highlights */
section.highlights { background:var(--secondary); border-radius:20px; display:flex; column-gap:40px; }
section.highlights div { padding:50px 20px 50px 50px; flex-basis:calc(50% - 20px); box-sizing:border-box; }
section.highlights:after { content:''; flex-grow:1; background:#6a92cb url(/assets/i/highlights.jpg) no-repeat center center; background-size:contain; border-radius:20px; }
section.highlights h2 { font-size:20px; line-height:26px; margin-bottom:20px; }
section.highlights p { font-size:34px; line-height:48px; max-width:500px; letter-spacing:0; margin-bottom:0; }

/* philanthropy */
section.philanthropy { display:flex; column-gap:40px; }
section.philanthropy:before { content:''; width:calc(50% - 20px); flex-shrink:0; background:var(--secondary) url(/assets/i/philanthropy.jpg) no-repeat center center; background-size:cover; border-radius:20px; }
section.philanthropy div { flex-grow:1; }
section.philanthropy h2 { font-size:20px; line-height:26px; margin-bottom:20px; }
section.philanthropy p { font-size:24px; line-height:36px; max-width:500px; margin-bottom:0; }

/* contact */
section.contact { border:1px solid hsla(220,20%,40%,.15); border-radius:20px; padding:50px; margin-bottom:0px; }
section.contact h2 { font-size:20px; line-height:26px; margin-bottom:20px; }
section.contact p { font-size:34px; line-height:48px; max-width:500px; letter-spacing:0; margin-bottom:0; }
section.contact:hover { border-color:hsla(220,20%,40%,.3); }

@media screen and (max-width:1400px) {
section.intro > div > div { padding-top:200px; padding-bottom:200px; }
}
@media screen and (max-width:1280px) {
section.intro { padding:0; }
}
@media screen and (max-width:890px) {

.home section:not(:last-child) { margin-bottom:80px; }
.home section:not(.intro) { min-height:inherit; }

section.intro > div { padding:0 40px; }
section.intro > div > div { padding:100px 0; }
section.intro h1 { height:40px; }
section.intro p { font-size:16px; line-height:28px; max-width:300px; }

section.about { justify-content:flex-start; flex-direction:column; padding:40px 40px 140px; }
section.about h2 { font-size:16px; line-height:22px; }
section.about p { font-size:24px; line-height:36px; max-width:320px; }

section.highlights { flex-direction:column-reverse; padding-bottom:20px; }
section.highlights h2 { font-size:16px; line-height:22px; }
section.highlights p { font-size:20px; line-height:34px;  }
section.highlights:after { height:250px; }

section.philanthropy { flex-direction:column; background: var(--secondary); border-radius:20px; }
section.philanthropy:before { width:100%; height:250px; }
section.philanthropy div { padding:40px 40px 140px; }
section.philanthropy h2 { font-size:16px; line-height:22px; }
section.philanthropy p { font-size:20px; line-height:32px; max-width:390px; }

section.contact { padding:40px 40px 140px; }
section.contact h2 { font-size:16px; line-height:22px; }
section.contact p { font-size:24px; line-height:36px; }

}