.bsh-dse {
--bsh-dse-bg:     #0c2344;
--bsh-dse-accent: #4283c4;
--bsh-dse-shape:  url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20282%20120.14%27%3E%3Cpath%20fill%3D%27%234283c4%27%20d%3D%27M113.39%2C0h168.61v6.76c0%2C62.58-50.81%2C113.39-113.39%2C113.39H0v-6.76C0%2C50.81%2C50.81%2C0%2C113.39%2C0Z%27%20transform%3D%27translate(282%20120.14)%20rotate(-180)%27/%3E%3C/svg%3E");
max-width: 1600px;
margin: 0 auto;
padding: 48px 32px;
font-size: 16px;
line-height: 1.7;
color: #333;
}
.bsh-dse *,
.bsh-dse *::before,
.bsh-dse *::after { box-sizing: border-box; } .bsh-dse__badge {
display: inline-block;
font-size: 12px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--bsh-dse-accent);
margin-bottom: 12px;
}
.bsh-dse__title {
font-size: clamp(32px, 4vw, 56px);
font-weight: 750;
line-height: 1.06;
color: #0c2344;
margin: 0 0 40px;
letter-spacing: -0.03em;
} .bsh-dse__content h2 {
font-size: 20px;
font-weight: 700;
color: #0c2344;
margin: 0 0 14px;
line-height: 1.25;
letter-spacing: -0.01em;
text-transform: uppercase;
}
.bsh-dse__content p {
margin: 0 0 16px;
}
.bsh-dse__content a {
color: var(--bsh-dse-accent);
text-decoration: underline;
text-underline-offset: 3px;
transition: color .2s ease;
}
.bsh-dse__content a:hover {
color: #0c2344;
} .bsh-dse__section {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid rgba(15, 27, 45, .06);
}
.bsh-dse__section:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
} .bsh-dse__cards {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin: 24px 0;
}
.bsh-dse__card {
position: relative;
overflow: hidden;
background:
radial-gradient(600px 300px at 15% 0%,  rgba(66,131,196,.20), transparent 55%),
radial-gradient(500px 250px at 100% 20%, rgba(66,131,196,.18), transparent 60%),
var(--bsh-dse-bg);
border-radius: 0;
color: rgba(255, 255, 255, .86);
}
.bsh-dse__card::before {
content: "";
position: absolute;
top: -16px; left: -14px;
width: 200px; height: 86px;
background-image: var(--bsh-dse-shape);
background-repeat: no-repeat;
background-size: contain;
opacity: .22;
pointer-events: none;
}
.bsh-dse__card::after {
content: "";
position: absolute;
right: -16px; bottom: -20px;
width: 240px; height: 103px;
background-image: var(--bsh-dse-shape);
background-repeat: no-repeat;
background-size: contain;
opacity: .14;
pointer-events: none;
transform: rotate(180deg);
}
.bsh-dse__card-label {
padding: 10px 32px 0;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: rgba(255, 255, 255, .45);
position: relative;
z-index: 1;
}
.bsh-dse__card-inner {
position: relative;
z-index: 1;
padding: 12px 32px 28px;
font-style: normal;
line-height: 1.8;
}
.bsh-dse__card-inner strong {
color: #fff;
font-size: 17px;
}
.bsh-dse__card a {
color: rgba(255, 255, 255, .9) !important;
text-decoration: underline;
text-underline-offset: 3px;
transition: color .2s ease;
}
.bsh-dse__card a:hover {
color: #fff !important;
} .bsh-dse__extra {
margin-top: 20px;
font-style: italic;
color: #555;
} .bsh-dse__date {
margin-top: 48px;
font-size: 14px;
color: #888;
} @media (max-width: 768px) {
.bsh-dse__cards {
grid-template-columns: 1fr;
}
}
@media (max-width: 600px) {
.bsh-dse {
padding: 32px 18px;
}
.bsh-dse__title {
font-size: 28px;
}
.bsh-dse__card-inner {
padding: 12px 20px 22px;
}
.bsh-dse__card-label {
padding: 10px 20px 0;
}
.bsh-dse__section {
margin-bottom: 28px;
padding-bottom: 28px;
}
}