.wsp-how {
padding: 64px 0;
background: #fff;
}
@media (min-width: 992px) {
.wsp-how {
padding: 108px 0;
}
}
.wsp .wsp-how .aop-fcards {
margin-top: 40px;
}
.wsp .wsp-fcards {
grid-template-columns: minmax(0, 1fr);
gap: 40px;
}
@media (min-width: 576px) {
.wsp .wsp-fcards {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 48px 32px;
}
}
@media (min-width: 992px) {
.wsp .wsp-fcards {
gap: 56px 40px;
}
}
.wsp .wsp-fcards .aop-fcard-pic {
aspect-ratio: auto;
background: #fff;
}
.wsp .wsp-fcards .aop-fcard-pic img {
position: static;
width: 100%;
height: auto;
object-fit: fill;
}
.wsp-evt {
padding: 64px 0;
background: #fff;
border-top: 1px solid rgba(43, 41, 45, .1);
}
@media (min-width: 992px) {
.wsp-evt {
padding: 108px 0;
}
}
.wsp .wsp-evt-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 32px;
align-items: center;
}
@media (min-width: 992px) {
.wsp .wsp-evt-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 64px;
}
}
.wsp .wsp-evt .sec-h {
margin-top: 12px;
}
.wsp .wsp-evt-facts {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px 32px;
margin: 28px 0 20px;
}
@media (min-width: 576px) {
.wsp .wsp-evt-facts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.wsp .wsp-evt-facts dt {
margin: 0 0 4px;
font-family: 'Open Sans', 'Open Sans Fb', 'Open Sans Fb A', sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
color: rgba(43, 41, 45, .6);
}
.wsp .wsp-evt-facts dd {
margin: 0;
font-family: 'Montserrat', 'Montserrat Fb', 'Montserrat Fb A', sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.3;
color: #2B292D;
}
.wsp .wsp-evt-foot {
margin: 0 0 24px;
font-family: 'Open Sans', 'Open Sans Fb', 'Open Sans Fb A', sans-serif;
font-size: 14px;
line-height: 1.6;
color: rgba(43, 41, 45, .7);
}
.wsp .wsp-evt .pillar-more {
margin: 0;
}
.wsp .wsp-evt-film {
margin: 0;
}
.wsp .wsp-evt-film lite-youtube {
width: 100%;
max-width: none;
outline: 1px solid rgba(43, 41, 45, .12);
outline-offset: -1px;
}
.wsp .wsp-evt-film figcaption {
margin: 12px 0 0;
font-family: 'Open Sans', 'Open Sans Fb', 'Open Sans Fb A', sans-serif;
font-size: 14px;
line-height: 1.6;
color: rgba(43, 41, 45, .7);
}
.wsp .aop-fcard h3 {
text-wrap: wrap;
}
.wsp .aop-fcard-body p a {
text-decoration: underline;
text-underline-offset: 2px;
}
.wsp .hero h1 {
text-wrap: balance;
}