.ss .section-main.hero.ss-hero .title-wide {
max-width: none;
}
@media (min-width: 992px) {
.ss .section-main.hero.ss-hero .text {
max-width: 34em;
}
}
.ss .section-main.hero.ss-hero .text {
margin-bottom: 0;
}
.ss-list {
padding: 48px 0 40px;
background: #fff;
}
@media (min-width: 992px) {
.ss-list {
padding: 64px 0 56px;
}
}
.ss .faq {
padding: 64px 0;
background: #F8F8FB;
}
@media (min-width: 992px) {
.ss .faq {
padding: 108px 0;
}
}
.ss-row {
min-width: 0;
}
.ss-row + .ss-row {
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid rgba(43, 41, 45, .14);
}
@media (min-width: 992px) {
.ss-row {
display: flex;
align-items: center;
gap: 56px;
}
.ss-row--reverse {
flex-direction: row-reverse;
justify-content: flex-end;
}
.ss-row + .ss-row {
margin-top: 56px;
padding-top: 56px;
}
.ss-words,
.ss-row .ss-media {
flex: 1 1 0;
min-width: 0;
}
}
.ss-row[id] {
scroll-margin-top: 90px;
}
@media (min-width: 992px) {
.ss-row--text {
flex-direction: row;
align-items: flex-start;
}
.ss-prose {
flex: 1 1 0;
min-width: 0;
}
}
.ss-row--text .ss-words {
margin-bottom: 14px;
}
@media (min-width: 992px) {
.ss-row--text .ss-words {
margin-bottom: 0;
}
}
.ss-metric {
margin: 0 0 6px;
font-family: 'Montserrat', 'Montserrat Fb', 'Montserrat Fb A', sans-serif;
font-size: 24px;
font-weight: 700;
letter-spacing: -0.5px;
line-height: 1.15;
color: #2B292D;
}
@media (min-width: 992px) {
.ss-metric {
font-size: 28px;
}
}
.ss-company {
margin: 0 0 14px;
font-family: 'Open Sans', 'Open Sans Fb', 'Open Sans Fb A', sans-serif;
font-size: 20px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.3;
}
@media (min-width: 992px) {
.ss-company {
font-size: 22px;
}
}
.ss-company a {
color: #0000ff;
}
.ss-company a:hover,
.ss-company a:focus {
color: #0000e0;
text-decoration: underline;
}
.ss-company a:focus-visible {
outline: 2px solid #0000ff;
outline-offset: 3px;
}
.ss-story {
margin: 0;
font-size: 17px;
line-height: 1.65;
color: rgba(43, 41, 45, .72);
}
.ss-result {
margin: 14px 0 0;
font-size: 17px;
font-weight: 600;
line-height: 1.6;
color: #2B292D;
}
.ss-offsite {
margin: 16px 0 0;
}
.ss-offsite a {
font-size: 17px;
font-weight: 600;
}
.ss-media {
position: relative;
margin: 24px 0 0;
overflow: hidden;
background: #000;
border-radius: 5px;
}
@media (min-width: 992px) {
.ss-media {
margin: 0;
}
}
.ss-media::before {
content: "";
display: block;
padding-bottom: 56.25%;
}
.ss-media > img,
.ss-media > video,
.ss-media > iframe,
.ss-media > lite-youtube {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ss-media > img {
object-fit: cover;
}
.ss-media > lite-youtube {
max-width: none;
}
.ss-media > lite-youtube::after {
display: none;
}
.ss-media > video {
object-fit: contain;
background: #000;
}
.ss-play {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
background: none;
border: 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.ss-play__mark {
display: flex;
align-items: center;
justify-content: center;
width: 68px;
height: 68px;
background: rgba(0, 0, 0, .5);
border: 2px solid #fff;
border-radius: 50%;
transition: transform .15s ease, background-color .15s ease;
}
.ss-play:hover .ss-play__mark {
transform: scale(1.1);
background: rgba(0, 0, 0, .68);
}
.ss-play:focus-visible {
outline: 3px solid #0000ff;
outline-offset: -3px;
}
.ss-play:focus:not(:focus-visible) {
outline: none;
}
@media (prefers-reduced-motion: reduce) {
.ss-play__mark {
transition: none;
}
.ss-play:hover .ss-play__mark {
transform: none;
}
}
.ss-shot {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ss-shot:focus-visible {
outline: 3px solid #0000ff;
outline-offset: -3px;
}