html.slb_overlay object,html.slb_overlay embed,html.slb_overlay iframe{visibility:hidden}html.slb_overlay #slb_viewer_wrap object,html.slb_overlay #slb_viewer_wrap embed,html.slb_overlay #slb_viewer_wrap iframe{visibility:visible}.dh-section{
width:100%;
padding:80px 0;
position:relative;
}
.dh-section.light{
background:#fff;
color:#111;
}
.dh-section.dark{
background:#0b0b0b;
color:#fff;
}
.dh-section.soft{
background:#f6f6f6;
} .dh-container{
max-width:1400px;
margin:0 auto;
padding:0;
position:relative;
z-index:2;
}  .dh-small-title{
color:var(--accent);
font-weight:700;
letter-spacing:1.8px;
text-transform:uppercase;
font-size:18px;
margin-bottom:14px;
text-align:left;
color:#c9a35a;
} .dh-section-title{
font-size:54px;
font-weight:800;
text-align:center;
margin-bottom:18px;
} .dh-section-subtitle{
font-size:20px;
opacity:.75;
text-align:center;
max-width:720px;
margin:0 auto 60px auto;
line-height:1.5;
} .dh-section.dark .dh-section-title{
color:#fff;
}
.dh-section.dark .dh-section-subtitle{
color:#fff;
opacity:.7;
} .dh-hero{
padding:160px 0;
}
.dh-hero h1{
font-size:76px;
margin-bottom:24px;
}
.dh-hero h1 span{
color:var(--accent);
}
.dh-hero p{
max-width:720px;
font-size:22px;
margin-bottom:38px;
} .dh-buttons{
display:flex;
gap:18px;
flex-wrap:wrap;
}
.dh-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:16px 34px;
border-radius:999px;
font-weight:700;
transition:.25s ease;
cursor:pointer;
border:1px solid transparent;
}
.dh-btn-gold{
background:var(--accent);
color:#fff;
}
.dh-btn-gold:hover{
filter:brightness(.95);
transform:translateY(-2px);
}
.dh-btn-outline{
border:2px solid currentColor;
}
.dh-section.light .dh-btn-outline{
color:#111;
border-color:#111;
}
.dh-section.dark .dh-btn-outline{
color:#fff;
border-color:#fff;
} .dh-service-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:24px;
} .dh-service-item{
text-align:center;
padding:36px 22px;
border:1px solid #eaeaea;
border-radius:18px;
background:#fff;
transition:.25s ease;
}
.dh-service-item:hover{
transform:translateY(-6px);
} .dh-icon{
font-size:34px;
margin-bottom:14px;
} .dh-service-item h3{
font-size:18px;
margin-bottom:10px;
font-weight:800;
} .dh-service-item p{
font-size:15px;
opacity:.75;
line-height:1.5;
} .dh-section.dark .dh-service-item{
background:#151515;
border-color:#2a2a2a;
color:#fff;
} .dh-about-grid{
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 50px;
align-items: center;
max-width: 1400px;
margin: 0 auto;
}
.dh-about-image{
width: 100%;
max-width: 800px;
aspect-ratio: 4 / 3;
border-radius: 28px;
background: url(//muzikantizjiznichcech.eu/wp-content/uploads/2026/04/kapela.webp) center center / cover no-repeat;
}
.dh-stats{
display:flex;
gap:60px;
margin-top:50px;
flex-wrap:wrap;
}
.h2-about {
color: #ffffff;
font-size: 48px;
line-height: 1.2;
font-weight: 700;
margin-bottom: 24px;
}
.dh-stats strong{
display:block;
font-size:34px;
color:var(--accent);
} .dh-events-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 25px;
padding: 20px 0;
}
.dh-event-box {
background: #fff;
border: 1px solid #eee;
border-radius: 12px;
display: flex;
align-items: stretch;
transition: .3s ease;
position: relative;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
} .dh-event-box .date-tag {
background: #1a1a1a;
min-width: 95px; 
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 12px 0 0 12px;
position: relative;
padding: 15px 5px;
margin: -1px; 
}
.dh-event-box .date-tag::after {
content: "";
position: absolute;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 0;
border-color: transparent #1a1a1a transparent transparent;
}
.dh-event-box .date-tag .day {
color: #c5a059; 
font-size: 34px;
font-weight: 800;
line-height: 1;
}
.dh-event-box .date-tag .month {
color: #fff;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
margin-top: 0px;
} .dh-event-box .event-content {
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;
}
.dh-event-box h3 {
margin: 0 0 10px 0;
font-size: 19px;
font-weight: 700;
color: #1a1a1a; line-height: 1.3;
} .dh-event-box .info-row {
display: flex;
align-items: center;
gap: 10px;
color: #666; font-size: 16px;
margin-bottom: 4px;
} .dh-event-box .info-row .icon {
font-size: 18px;
color: #999;
} .dh-cta-wrap{
display:flex;
justify-content:space-between;
align-items:center;
gap:50px;
}
.dh-cta h2{
font-size:54px;
margin-bottom:10px;
} @media(max-width:1200px){
.dh-service-grid,
.dh-events-grid{
grid-template-columns:repeat(2,1fr);
}
.dh-hero h1{
font-size:58px;
}
.dh-about-grid{
grid-template-columns:1fr;
gap:50px;
}
}
@media(max-width:768px){
.dh-section{
padding:90px 0;
}
.dh-container{
padding:0 20px;
}
.dh-section-title{
font-size:34px;
}
.dh-hero h1{
font-size:42px;
}
.dh-buttons{
flex-direction:column;
align-items:flex-start;
}
.dh-service-grid,
.dh-events-grid{
grid-template-columns:1fr;
}
.dh-cta-wrap{
flex-direction:column;
align-items:flex-start;
}
.dh-cta h2{
font-size:34px;
}
}  @media(max-width:1200px){ .dh-service-grid,
.dh-events-grid{
grid-template-columns:repeat(2,1fr);
gap:20px;
} .dh-hero h1{
font-size:58px;
}
.dh-hero p{
font-size:20px;
} .dh-about-grid{
grid-template-columns:1fr;
gap:50px;
}
} @media(max-width:900px){ .dh-service-item{
padding:28px 18px;
} .dh-section{
padding:100px 0;
} .dh-stats{
gap:40px;
justify-content:flex-start;
}
} @media(max-width:768px){ .dh-section{
padding:90px 0;
} .dh-container{
padding:0 20px;
} .dh-hero{
padding:120px 0;
}
.dh-hero h1{
font-size:42px;
}
.dh-hero p{
font-size:18px;
} .dh-buttons{
flex-direction:column;
align-items:flex-start;
gap:12px;
}
.dh-btn{
width:100%;
justify-content:center;
} .dh-section-title{
font-size:34px;
}
.dh-section-subtitle{
font-size:16px;
margin-bottom:40px;
} .dh-service-grid,
.dh-events-grid{
grid-template-columns:1fr;
gap:18px;
} .dh-service-item,
.dh-event-box{
padding:26px 20px;
} .dh-about-grid{
grid-template-columns:1fr;
gap:40px;
}
.dh-about-image{
min-height:320px;
} .dh-stats{
flex-direction:column;
gap:20px;
} .dh-cta-wrap{
flex-direction:column;
align-items:flex-start;
gap:30px;
}
.dh-cta h2{
font-size:34px;
}
} @media(max-width:480px){
.dh-hero h1{
font-size:34px;
}
.dh-hero p{
font-size:16px;
}
.dh-section-title{
font-size:28px;
}
.dh-btn{
font-size:14px;
padding:14px 20px;
}
}