.hm-hero{min-height:560px;background:#000000;display:flex;align-items:center}
.hm-hero .w{display:block;position:relative;z-index:2;padding-block:96px}
.hm-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(270deg,rgba(12,6,8,.88) 0,rgba(12,6,8,.6) 38%,rgba(12,6,8,0) 66%)}
html[dir=ltr] .hm-hero::before{background:linear-gradient(90deg,rgba(12,6,8,.88) 0,rgba(12,6,8,.6) 38%,rgba(12,6,8,0) 66%)}
html[dir=ltr] .bn-art{transform:scaleX(-1)}
.hm-tx{max-width:560px}
.hm-hero::after{z-index:3}
.hm-fp{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hm-fp a{background:#fff;border:1px solid var(--line);display:block;transition:box-shadow .2s,transform .2s}
.hm-fp a:hover{box-shadow:0 14px 30px rgba(0,0,0,.12);transform:translateY(-3px)}
.hm-fp .st-art{width:100%}
.hm-fp div{padding:12px 16px 16px}.hm-fp b{display:block;font-weight:600}.hm-fp span{color:var(--mute);font-size:14px}
.hm-all{margin-inline-start:auto;align-self:flex-end;color:var(--wine)!important;font-weight:600}
.hm-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hm-cats a{display:block;position:relative;padding:0;border:0!important;overflow:hidden;background:#000}
.hm-cats a:hover{padding:0}
.hm-cats .st-art{width:100%;height:auto;aspect-ratio:4/3;transition:transform .5s}
.hm-cats a:hover .st-art{transform:scale(1.06)}
.hm-cats .cv{position:absolute;inset:auto 0 0 0;padding:44px 20px 18px;color:#fff;background:linear-gradient(0deg,rgba(8,4,5,.88),rgba(8,4,5,0))}
.hm-cats h3{color:#fff!important;font-size:22px}.hm-cats p{color:rgba(255,255,255,.8)!important;font-size:14px}.hm-cats em{color:#fff!important;font-size:13px;opacity:.85}
.hm-bb{position:relative;min-height:380px;display:flex;align-items:center;background:#000000;color:#fff;overflow:hidden}
.hm-bb::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(270deg,rgba(8,4,5,.9) 0,rgba(8,4,5,.62) 42%,rgba(8,4,5,0) 70%)}
html[dir=ltr] .hm-bb::before{background:linear-gradient(90deg,rgba(8,4,5,.9) 0,rgba(8,4,5,.62) 42%,rgba(8,4,5,0) 70%)}
.hm-bb .w{position:relative;z-index:2;padding-block:64px}
.hm-bb h2{font-family:var(--kufi);font-size:clamp(26px,3.2vw,40px);margin:0 0 12px;line-height:1.3}
.hm-bb p{margin:0 0 26px;color:rgba(255,255,255,.82);font-size:18px}
@media(max-width:960px){.hm-fp,.hm-cats{grid-template-columns:repeat(2,1fr)}.hm-hero{min-height:480px}.hm-hero::before,.hm-bb::before{background:rgba(8,4,5,.62)!important}.hm-hero .w{padding-block:56px}}
.hm-hero h1{font-size:clamp(30px,3.6vw,52px)}
.hm-cats a:first-child{grid-column:span 2}.hm-cats a:first-child .st-art{aspect-ratio:2/1}