.intro {
position: relative;
padding: 50px 0;
background: #F8F8FB;
}
@media (min-width: 992px) {
.intro { padding: 76px 0; }
}
.intro-cols {
display: grid;
grid-template-columns: 1fr;
gap: 36px;
align-items: start;
}
@media (min-width: 992px) {
.intro-cols { grid-template-columns: 1.25fr 1fr; gap: 40px; }
}
@media (min-width: 1200px) {
.intro-cols { gap: 56px; }
}
.intro-q {
margin: 0 0 22px;
font-family: 'Montserrat', 'Montserrat Fb', 'Montserrat Fb A', sans-serif;
font-size: 22px;
font-weight: 800;
letter-spacing: -0.5px;
line-height: 1.15;
color: #2B292D;
}
@media (min-width: 992px) {
.intro-q { font-size: 26px; letter-spacing: -0.6px; }
}
.intro-what,
.intro-who {
margin: 0;
padding: 0;
list-style: none;
}
.intro-what li,
.intro-who li {
position: relative;
font-size: 17px;
color: #2B292D;
}
@media (min-width: 992px) {
.intro-what li,
.intro-who li { font-size: 19px; }
}
.intro-what li {
line-height: 1.65;
color: rgba(43, 41, 45, .82);
}
.intro-what li + li { margin-top: 24px; }
@media (min-width: 992px) {
.intro-what li + li { margin-top: 30px; }
}
.intro-who li {
padding-left: 24px;
line-height: 1.45;
}
.intro-who li + li { margin-top: 18px; }
@media (min-width: 992px) {
.intro-who li + li { margin-top: 22px; }
}
.intro-who li::before {
content: "";
position: absolute;
top: .42em;
left: 0;
width: 9px;
height: 9px;
background: #00ffff;
}
.intro-link {
color: #0000ff;
text-decoration: underline;
text-decoration-color: rgba(0, 0, 255, .3);
text-underline-offset: 3px;
transition: color .15s, text-decoration-color .15s;
}
.intro-link:hover,
.intro-link:focus {
color: #0000ff;
text-decoration: underline;
text-decoration-color: #0000ff;
}
.intro-link:focus-visible {
outline: 2px solid #0000ff;
outline-offset: 2px;
}
@media (prefers-reduced-motion: no-preference) {
html { scroll-behavior: smooth; }
}