.hhs{position:relative;overflow:hidden}
.hhs__track{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1);will-change:transform}
.hhs__slide{min-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}

/* Left — text */
.hhs__text{display:flex;flex-direction:column;justify-content:center;padding:20px 0}
.hhs__counter{font-family:var(--default-font);color:var(--accent-color);font-size:0.72rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:14px}
.hhs__date{font-family:'Playfair Display',serif;color:var(--accent-color);font-size:0.95rem;font-style:italic;font-weight:400;margin-bottom:8px}
.hhs__title{font-family:var(--default-font);color:var(--primary-color);font-size:2rem;font-weight:600;line-height:1.2;margin:0 0 20px}
.hhs__desc{font-family:var(--default-font);color:var(--text-color);font-size:0.95rem;line-height:1.9;margin:0 0 40px}

.hhs__nav{display:flex;align-items:center;gap:16px}
.hhs__btn{width:52px;height:52px;border-radius:50%;border:1.5px solid #e5dfd4;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary-color);transition:all .3s}
.hhs__btn:hover{border-color:var(--accent-color);background:var(--accent-color);color:var(--primary-color)}
.hhs__btn:disabled{opacity:0.3;cursor:not-allowed;background:transparent;border-color:#e5dfd4;color:var(--primary-color)}
.hhs__dots{display:flex;align-items:center;gap:8px;margin-left:16px}
.hhs__dot{width:8px;height:8px;border-radius:50%;background:#e5dfd4;transition:all .35s;cursor:pointer}
.hhs__dot.is-active{background:var(--accent-color);width:24px;border-radius:4px}

/* Right — media */
.hhs__media{position:relative;overflow:hidden;min-height:420px;border-radius:12px}
.hhs__media img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}
.hhs__media iframe{width:100%;height:100%;position:absolute;inset:0;border:0}

@media (max-width:991px){
    .hhs__slide{grid-template-columns:1fr;gap:24px}
    .hhs__media{min-height:280px;order:-1}
    .hhs__text{padding:0}
    .hhs__title{font-size:1.6rem}
}