.hrs-section{width:100%;overflow:hidden}
.hrs-wrapper{display:flex;align-items:stretch;min-height:585px;max-width:1440px;margin:0 auto;gap:50px;position:relative}
.hrs-info{flex:0 0 300px;display:flex;flex-direction:column;margin-top:80px;position:relative;padding-left:30px;margin-left:50px}
.hrs-info__title{font-family:'Playfair Display',serif;font-weight:400;font-style:Regular;font-size:42px;line-height:101%;letter-spacing:0;color:#232426;margin-bottom:10px}
.hrs-info__desc{font-family:Archivo;font-weight:400;font-style:Regular;font-size:20px;line-height:132%;letter-spacing:0;color:#696f75}
.hrs-info__nav{display:flex;gap:12px}
.hrs-nav-btn{width:64px;height:64px;border-radius:50%;border:1.5px solid #d9d9d9;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .25s,background .25s}
.hrs-nav-btn:hover{border-color:#1a1a1a;background:rgba(0,0,0,0.04)}
.hrs-nav-btn svg{width:18px;height:18px;stroke:#555;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hrs-nav-btn:hover svg{stroke:#1a1a1a}
.hrs-nav-btn:disabled{cursor:not-allowed;opacity:.35}
.hrs-nav-btn:disabled:hover{border-color:#ccc;background:transparent}
.hrs-nav-btns{position:absolute;bottom:12px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.hrs-pagination{display:flex;gap:6px;margin-top:40px}
.hrs-pagination-bar{width:30px;height:3px;border-radius:2px;background:#00000026;border:0;padding:0;cursor:pointer;transition:background .3s,width .3s}
.hrs-pagination-bar--active{width:56px;background:#1a1a1a}
.hrs-slider{flex:1;overflow:hidden;position:relative}
.hrs-track{display:flex;gap:0;height:100%;transition:transform .5s cubic-bezier(0.25,0.46,0.45,0.94);will-change:transform}
.hrs-panel{position:relative;flex:0 0 calc(34.333% - 2.667px);min-height:585px;max-height:585px;overflow:hidden;cursor:pointer;max-width:347px}
.hrs-panel__bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(0.25,0.46,0.45,0.94)}
.hrs-panel__overlay{display:none}
.hrs-panel:hover .hrs-panel__bg{transform:scale(1.03)}
.hrs-panel__thumb{position:absolute;bottom:200px;left:20px;width:124px;height:154px;z-index:5;border-radius:5px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.3);opacity:0;transform:translateY(10px);transition:opacity .4s ease .1s,transform .4s ease .1s;border:1px solid #fff}
.hrs-panel:hover .hrs-panel__thumb{opacity:1;transform:translateY(0)}
.hrs-panel__thumb img{width:100%;height:100%;object-fit:cover}
.hrs-panel__card{position:absolute;bottom:0;left:0;right:0;z-index:6;padding:24px 20px;background:linear-gradient(to top,rgba(0,0,0,0.85) 0,rgba(0,0,0,0.5) 60%,transparent 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateY(100%);opacity:0;transition:transform .45s cubic-bezier(0.22,0.61,0.36,1),opacity .45s ease;pointer-events:none}
.hrs-panel:hover .hrs-panel__card{transform:translateY(0);opacity:1}
.hrs-panel__card-title{font-family:Archivo;font-weight:500;font-size:26px;line-height:120%;letter-spacing:0;color:#fff;margin-bottom:12px}
.hrs-panel__card-desc{font-family:Archivo;font-weight:400;font-size:14px;line-height:134%;letter-spacing:0;color:#eeeeef}
@media(max-width:768px){.hrs-wrapper{flex-direction:column;min-height:auto;gap:0}
.hrs-info{flex:none;text-align:center;padding:32px 24px 20px;margin:0;padding-top:0}
.hrs-info__title{font-size:22px;line-height:120%}
.hrs-info__title br{display:none}
.hrs-info__desc{margin-bottom:0;line-height:18px;font-size:14px;font-weight:300}
.hrs-info__nav{display:none}
.hrs-pagination{display:none}
.hrs-slider{position:relative;overflow:hidden}
.hrs-track{gap:0;transition:transform .4s cubic-bezier(0.25,0.46,0.45,0.94)}
.hrs-panel{flex:0 0 85%;min-height:560px;border-radius:0;max-width:unset}
.hrs-panel__card,.hrs-panel__thumb{transform:translateY(0);opacity:1}
.hrs-panel__thumb{bottom:190px;left:16px;width:124px;height:154px}
.hrs-panel__card{padding:20px 16px}
.hrs-dots{display:none !important}
}
.hrs-dots{display:none;justify-content:center;gap:8px;padding:16px 0 24px}
.hrs-dot{width:8px;height:8px;border-radius:50%;background:#ccc;border:0;cursor:pointer;transition:background .3s,transform .3s}
.hrs-dot--active{background:#1a1a1a;transform:scale(1.25)}
@media(prefers-reduced-motion:reduce){.hrs-panel__card,.hrs-panel__overlay,.hrs-panel__bg,.hrs-panel__thumb,.hrs-track{transition-duration:.01ms !important}
}