.hh3{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:56px 0 64px;background:var(--tertiary-color);color:#fff;overflow-x:hidden}.hh3__top{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:36px}.hh3__badge{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green-color)}.hh3__badge::before{content:'';width:12px;height:12px;background:var(--primary-color);flex-shrink:0}.hh3__headline{margin:0;font-size:clamp(40px, 7vw, 104px);font-weight:900;line-height:1;letter-spacing:-.03em;text-transform:uppercase;color:#fff}.hh3__main{display:grid;grid-template-columns:minmax(0,1fr) clamp(240px, 24%, 340px);gap:20px}.hh3__banner{position:relative;min-height:clamp(420px, 46vw, 720px);border-radius:12px;overflow:hidden;background:#222}.hh3__hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.hh3__img-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgb(255 255 255 / .2);font-size:64px}.hh3__explore{display:flex;flex-direction:column;gap:14px}.hh3__explore-title{margin:0;padding:20px;border-radius:12px;background:var(--primary-color);color:#fff;font-size:clamp(18px, 1.7vw, 26px);font-weight:900;line-height:1.1;text-transform:uppercase;text-align:center}.hh3 .hh3__btn{flex:1;width:100%;height:auto;min-height:64px;gap:10px;padding:16px;font-family:inherit;font-size:clamp(16px, 1.5vw, 20px);text-align:center;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-appearance:none;appearance:none}.hh3 .hh3__btn i{font-size:1.1em;line-height:1}.hh3__promoted{margin-top:28px;border-top:1px solid rgb(255 255 255 / .15)}.hh3__promoted-title{margin:0;padding:24px 0 18px;color:#fff;font-size:18px;font-weight:800;text-transform:uppercase}.hh3__panel{padding:0 0 8px}.hh3__swiper-outer{position:relative}.swiper-hh3{overflow:hidden}.hh3__nav{display:flex;justify-content:flex-end;gap:8px;margin-bottom:14px}.hh3__nav-btn{width:40px;height:40px;border-radius:12px;background:#DEE8E8;border:none;color:var(--tertiary-color);font-size:18px;line-height:1;cursor:pointer;transition:background 0.3s ease}.hh3__nav-btn:hover{background:var(--green-color)}.hh3-card{background:#222;border-radius:12px;overflow:hidden;height:100%}.hh3-card__img{display:block;height:180px;overflow:hidden}.hh3-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}.hh3-card:hover .hh3-card__img img{transform:scale(1.06)}.hh3-card__img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgb(255 255 255 / .2);font-size:40px}.hh3-card__body{padding:14px 16px 18px}.hh3-card__name{font-size:16px;font-weight:800;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hh3-card__name a{color:#fff;text-decoration:none}.hh3-card__name a:hover{color:var(--green-color)}.hh3-card__meta{color:rgb(255 255 255 / .6);font-size:13px}.hh3-card__meta i{color:var(--primary-color)}.hh3__empty{padding:40px 0;text-align:center;width:100%;color:rgb(255 255 255 / .5)}.hh3__empty h3{font-size:18px;color:#fff;margin:0 0 8px}.hh3__empty a{color:var(--green-color)}@media (max-width:900px){.hh3{padding:40px 0 48px}.hh3__main{grid-template-columns:1fr}.hh3__banner{min-height:clamp(300px, 70vw, 480px)}.hh3 .hh3__btn{flex:none}}